@import "reset.css";
@import "general.css";
@import "layout.css";

body { background-color:#E9EDF6; text-align:center; font-family:Arial, Helvetica, sans-serif; }

.clr { clear:both; height:0px; font-size:1px; }

h1 { color: #0062A3; font-size:24px; }
h2.blue { font-size:18px; color:#FFFFFF; }
h2.blue { font-size:18px; color:#0062A3; }

#header .logo { float:left; }
#header .navigation { background-image:url(../images/bg/bg-navigation.jpg); background-position:right; background-repeat:no-repeat; background-color:#78AB38; float:right; height:121px; width:723px; }

.navigation .logo { float:left; padding:15px 15px; }

ul.mainmenu { list-style:none; margin:0px; padding:0px; display:block; float:left; }
ul.mainmenu li { display:inline; margin:0px; padding:0px; }
ul.mainmenu li a { background-image:url(../images/bg/bg-nav-breaker.jpg); background-position:right; background-repeat:no-repeat; display:block; float:left; padding:0px 10px 0px 10px; text-align:center; color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:12px; }
ul.mainmenu li a.hi, ul.mainmenu li a:hover { color:#B8D192; }
#m4 { background-image:none; }

ul.submenu { list-style:none; margin:0px; padding:0px; }
ul.submenu li { margin:0px; padding:0px; margin-bottom:1px; }
ul.submenu li a { display:block; padding:12px 0 0 21px; color:#FFFFFF; font-size:18px; font-weight:bold; text-decoration:none; height:35px; }
ul.submenu li ul { margin:0 0 0 22px; padding:0 0 10px 14px; };
ul.submenu li ul li { margin:0px; padding:0px; }
ul.submenu li ul li a { font-size:12px; display:block; padding:0px; color:#FFFFFF; font-weight:bold; text-decoration:none; height:auto; }

#s6 { background-color:#61A1FF; background-image:url(../images/bg/bg-nav-car-share.jpg); background-position:bottom right; background-repeat:no-repeat; }
#s6 ul { list-style:url(../images/bullet-menu-lightblue.jpg); }

#s7 { background-color:#FF9103; background-image:url(../images/bg/bg-nav-bus.jpg); background-position:bottom right; background-repeat:no-repeat;}
#s7 ul { list-style:url(../images/bullet-menu-orange.jpg); }

#s8 { background-color:#DE0303; background-image:url(../images/bg/bg-nav-ferry.jpg); background-position:bottom right; background-repeat:no-repeat; }
#s8 ul { list-style:url(../images/bullet-menu-red.jpg); }

#s9 { background-color:#0564A4; background-image:url(../images/bg/bg-nav-walking.jpg); background-position:bottom right; background-repeat:no-repeat; }
#s9 ul { list-style:url(../images/bullet-menu-darkblue.jpg); }

#s10 { background-color:#79AB3A; background-image:url(../images/bg/bg-nav-cycling.jpg); background-position:bottom right; background-repeat:no-repeat; }
#s10 ul { list-style:url(../images/bullet-menu-green.jpg); }

#s30 { background-color:#9966CC; background-image:url(../images/bg/bg-nav-train.jpg); background-position:bottom right; background-repeat:no-repeat;}
#s30 ul { list-style:url(../images/bullet-menu-purple.jpg); }

#col2 .content { background-color:#F3F8EC; padding:20px; float:left; width:499px; }
#col2 .content h1 { font-size:24px; margin:0 0 10px 0; }
#col2 .content p { font-size:12px; line-height:1.5em; }
#col2 .content p.intro { font-size:14px; font-weight:bold; line-height:1.4em; }

#footer p { font-size:12px; line-height:1.4em; margin:0px; padding:0px; color:#999999; }
#footer p a { font-weight:bold; text-decoration:none; color:#999999; }
#footer p a:hover { text-decoration:underline; }

#row1 { width:721px; }
#row1 .image { float:left; padding-right:4px; }

.news { padding:15px; }
.news p { font-size:14px; color:#78AB38; margin:0px; }
.news ul { list-style:none; margin:0px; padding:0px; }
.news ul li { padding:10px 0 10px 0; border-bottom:1px solid #000000; line-height:1.4em; font-size:12px; }
.news ul li a { font-size:14px; text-decoration:none; color:#000; font-weight:bold; }
.news ul li a:hover { text-decoration:underline; }

#row1 .route-planner { float:left; background-color:#99CCFF; background-repeat:repeat-x; height:239px; width:178px; }
#row1 .route-planner h2.white { font-size:17px; margin:0 0 10px 0; }
#row1 .route-planner p { font-size:12px; color:white; margin:0px; }
#row1 .route-planner table tr td { padding-bottom:10px; }

#row2 #maincontent { background-color:#E7EFD8; width:721px; background-image:url(../images/bg/bg-main-content.jpg); background-repeat:repeat-y; background-position:right; min-height:239px; }
#row2 #maincontent .content { min-height:239px; }
#row2 .sidelinks { float:left; padding:0px 0px 0px 4px; }
#row2 .sidelinks ul { list-style-type:none; margin:0px; }
#row2 .sidelinks ul li { margin:0px; padding:0px; padding-bottom:15px; }
#row2 .sidelinks ul li a { font-size:12px; color:#0062A3; }
#row2 .sidelinks p { margin:0px; padding:0px; }

table p { margin:0px; padding:0px; }