body, table {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	background: url(images/x_bckgrd.gif) repeat-y center;
	margin: 0px;
}

h1,h2,h3,h4,h5,h6 {  }

h2 {
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
}
h2.survey {
	font-size: 18px;
	font-weight: normal;
	color: #006699;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px; padding: 0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: -1pt;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #006699;
	background-image: url(images/h3_image.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-bottom: 0px;
	margin: 0px;	
}

form {
	margin: 0px;
	padding: 0px;
}

a:link {
	text-decoration: none;
	color: #003366;
	font-size: 13px;
}
a:visited {
	text-decoration: none;
	color: #003366;
	font-size: 13px;
}
a:hover {
	text-decoration: underline;
	color: #000000;
	font-size: 13px;
}
.whitelinks:link {
	text-decoration: underline;
	color: #FFFFFF;
}
.whitelinks:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
.whitelinks:hover {
	text-decoration: none;
	color: #FFFFFF;
}


.input {
	color: #000000;
	border: 1px solid #006699;
	padding: 2px;
	background: #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
}
textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #333399;
	padding: 2px;
}
.inputButton { /* used on submit buttons where there isn't an image */
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #999999;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
}
select { /* redefined the select tag, similar to .input but no borders */
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 11px;
    color: #000000;
    background-color: #FFFFFF;
}



.toplinks {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	letter-spacing: 0pt;
}
.toplinks a:link {
	text-decoration: none;
	color: #000000;
}
.toplinks a:visited {
	text-decoration: none;
	color: #000000;
}
.toplinks a:hover {
	text-decoration: none;
	color: #666666;
}

.mainnav {
	font-size: 15px;
	color: #000000;
	text-align: center;
	font-weight: bold;
	height: 33px;
	padding-top: 7px;
	background: url(images/layout/navbg100.gif) no-repeat center;
}

.mainnav a:link {
	text-decoration: none;
	color: #000000;
	display: block;
}
.smainnav a:visited s{
	text-decoration: none;
	color: #000000;
}

.mainnav a:hover {
	text-decoration: none;
	color: #666666;
}









#footer_bar {
	height: 50px;
	background: url(images/x_btm_gold_bar.gif) repeat-x;
}
#footer_bar a {
	color: #666666;
	text-decoration: none;
}

#footer_bar a:hover {
	color: #FFFFFF;
}





#footer {
	color: #CCCCCC;
	padding: 4px;
}

#footer a {
	color: #cccccc;
	text-decoration: none;
}

#footer a:hover {
	color: #FFFFFF;
}

.bgAboveNav {
	background: url(images/x_above_nav.gif) repeat-x;
}
.bgNav {
	background: url(images/x_nav_bkgrd.gif) repeat-x;
}
.bgUnderNav {
	background: url(images/x_under_nav_bkgrd.gif) repeat-x;
}
.bgTopRight {
	background: url(images/top_right.gif) no-repeat;
}
.bgHeadline {
	background: url(images/sub_headline_bkgrd.gif) repeat-x;
}
.bgBusNav {
	background: url(images/x_row5_bkgrd.gif) repeat-x;
}
.content {
	color: #333333;
	padding: 10px;
	list-style-image: url(images/white_bullet.gif);
}

.bgHmetxt {
	background: url(images/x_hme_text_bkgrd1.gif);
}
.bgWhyRide {
	background: url(images/x_why_ride_bkgrd.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#01a0c7;
}



.navLinks a {
	float: left;
	display: block;
	width: 125px;
	height: 33px;
	margin: 11px 5px 0px 5px;
	font: bold 11pt Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	text-decoration: none;
	background: url(images/layout/navbg125.gif) no-repeat center;
	vertical-align: middle;
}
.navLinks a:link {
	color: #000000;
}
.navLinks a:visited {
	color: #000000;
}
.navLinks a:hover {
	color: #000000;
	background: url(images/layout/navbg125_ov.gif) no-repeat center;
}


.navBg2 {
	background: url(images/x_nav_bg.gif) repeat-x;
}





.subnavContainer {
	padding: 10px;
}
.subnav {
	padding-bottom: 4px;
}
.subnav_on {

	padding-bottom: 4px;
}
.pollname {
	background: #003568;
	color: #FFFFFF;
	font-weight: bold;
}
.polltable {
    border: 1px solid #003568;
    background: #FFFFFF;
}
.pollbar {
    border: 1px solid #000000;
    background: gold;
}

.pollhead { font-size: 13px; font-weight: bold; color: #FFFFFF; }
.polloptions { font-size: 11px; }
.percentText {
    position: absolute;
    font-size: 10px;
    vertical-align: middle;
    line-height: 18px;
    padding-left: 3px;
    font-family: Tahoma, Arial, Verdana;
}


.notice {
	color: #FF0000;
	font-weight: bold;
	font-size: 11px;
}
ul {
	list-style-image: url(images/bullet.gif);
}
.whitebullet {
	list-style-image: url(images/bullet.gif);
}


#bus-route-links {
background:url(images/new-map-top-bg.jpg) no-repeat;
width:703px;
height:67px;
margin:0 0 0 37px;
}

#bus-route-links ul {
margin:0;
padding:0;
}

#bus-route-links li {
display:inline;
padding:0;
margin:0;
}

#bus-route-links a {
color:transparent;
}

#bus-route-links a:hover {
color:transparent;
text-decoration:none;
}

#bus-route-links li a {
color:transparent;
}

#bus-route-links .all-routes a {
width:116px;
height:53px;
background:url(images/new-map-btn-all-routes.gif) no-repeat;
float:left;
margin:6px 5px 0 15px;
display:block;
cursor:pointer;
padding:0 4px;
}

#bus-route-links .route1 a {
width:55px;
height:55px;
background:url(images/new-map-btn-route1.gif) no-repeat;
float:left;
margin:6px 2px;
display:block;
cursor:pointer;
padding:0 4px;
}

#bus-route-links .route2 a {
width:55px;
height:55px;
float:left;
margin:6px 2px;
cursor:pointer;
padding:0 4px;
display:block;background:url(images/new-map-btn-route2.gif) no-repeat;
}

#bus-route-links .route10 a {
width:55px;
height:55px;
float:left;
margin:6px 2px;
display:block;
cursor:pointer;
padding:0 4px;
background:url(images/new-map-btn-route10.gif) no-repeat;
}

#bus-route-links .route15 a {
width:55px;
height:55px;
float:left;
margin:6px 2px;
display:block;
cursor:pointer;
padding:0 4px;
background:url(images/new-map-btn-route15.gif) no-repeat;
}

#bus-route-links .route24 a {
width:55px;
height:55px;
float:left;
margin:6px 2px;
display:block;
cursor:pointer;
padding:0 4px;
background:url(images/new-map-btn-route24.gif) no-repeat;
}

#bus-route-links .route30 a {
width:55px;
height:55px;
float:left;
margin:6px 2px;
display:block;
cursor:pointer;
padding:0 4px;
background:url(images/new-map-btn-route30.gif) no-repeat;
}

#bus-route-links .route40 a {
width:55px;
height:55px;
float:left;
margin:6px 2px;
display:block;
cursor:pointer;
padding:0 4px;
background:url(images/new-map-btn-route40.gif) no-repeat;
}

#bus-route-links .route60 a {
width:55px;
height:55px;
float:left;
margin:6px 2px;
display:block;
cursor:pointer;
padding:0 4px;
background:url(images/new-map-btn-route60.gif) no-repeat;
}

#routes, #route-1, #route-2, #route-10, #route-15, #route-30, #route-24, #route-40, #route-60 {
background:url(images/new-map-bg.jpg) no-repeat;
width:727px;
height:955px;
margin:0 0 0 27px;
}

#routes h3, #route-1 h3, #route-2 h3, #route-10 h3, #route-15 h3, #route-24 h3, #route-30 h3, #route-40 h3, #route-60 h3 {
background-image:none;
padding:5px;
margin:0;
}

#google-maps {
width:580px;
height:auto;
margin:0 0 0 67px;
padding:0;
}