/* CSS Document */

/* -- GLOBAL STYLES @ BODY LEVEL -- */

body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 0;
	margin: 0;
	border: 0;
	background: #3275AB url('../images/elements/main_bg.gif') top center repeat-y;
}

blockquote {
	padding: 0px;
}

*html {
	padding: 0;
	margin: 0;
	border: 0;
}

p {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

img {
	border: 0;
}

a:link, a:active, a:visited {
	color: #3275AB;
	font-weight: normal;
	text-decoration: underline;
}


a:hover {
	color: #F77712;
	font-weight: normal;
	text-decoration: underline;
}

#sandboxMain ul {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
}

#sandboxMain ul li {
	padding: 2px 6px 4px 14px;
	background: url('../images/elements/bullet_solidBlue.gif') top left no-repeat;
}

ul {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	list-style: none;
}

/* -- CONTAINERS and LAYOUT CONTROLLERS -- */

#uberContainer {
	width: 100%;
	background: 
}

#pageContainer {
	width: 100%;
	height: 600px;
	text-align: center;
	background: url('../images/elements/page_bg.png') top center repeat-x;
}

#ticker {
	width: 474px;
	height: 33px;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	float: right;
	clear: right;
}

.tickerBack {
	background: url('../images/elements/ticker_middle.jpg') repeat-x 0px 0px;
	text-align: left;
	padding: 0px;
	vertical-align: top;
	height: 33px;
	width: 474px;
}
.tickerBack span.hd {
	/*background: url('../images/elements/email_alert.gif') no-repeat 0px 10px;*/
	margin: 0px;
	padding: 8px 0px 0px 20px;
	color: #486DA1;
	font-weight: bold;
	font-size: 16px;
	display: block;
}
/*.tickerBack span.hd img {
	padding: 0px 0px 0px 40px;
}*/
.tickerBack h1 a {
	font-weight: bold;
}

.tickerBack h1 a:hover {
	font-weight: bold;
}

.tickerBack span.copy {
	padding: 5px 0px 0px 20px;
}

#page {
	width: 780px;
	height: 600px;
	margin: auto;
}

div.headerContainer {
	width: 100%;
	float: left;
	height: 72px;
}

a.svcBanner {
	width: 100%;
	margin: auto;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 24px;
	float: left;
	/*
	display: block;
	*/
}

/* -- LAYOUT -- */

#left {
	float: left;
	width: 204px;
}

#middle {
	clear: both;
	float: left;
	width: 365px;
	padding-bottom: 12px;
}

#right {
	float: right;
	width: 211px;
}

/* -- LEFT MARGIN -- */

#marginLeft {
	width: 202px;
	margin: 21px 0 0 0;
	float: left;
}

#navContainer {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	text-align: right;
	width: 202px;
	background: #299BD1;
}

img.navCorner {
	float: right;
	clear: both;
	display: block;
}

div.leftContainer {
	float: left;
	width: 198px;
	margin-top: 8px;
	text-align: left;
}

.leftContainer div.marginSection {
	float: left;
	padding: 1px 0 12px 1px;
}

.leftContainer div.marginLabel {
	width: 200px;
	text-align: left;
	border-bottom: 1px solid #cacaca;
}

div#label_sponsors {
	background: #fff url('../images/elements/marginLabel_sponsors.gif') top left no-repeat;
}

.leftContainer .marginLabel p {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding: 6px 6px 4px 30px;
	margin: 0;
	border: 0;
}

ul.sponsors {
	list-style: none;
	margin: 6px 0 0 8px;
	border: 0;
	padding: 0;
}

ul.sponsors li {
	padding: 2px 6px 4px 14px;
	background: url('../images/elements/bullet_hollowOrange.gif') top left no-repeat;
}

/* -- MAIN -- */

#main {
	float: left;
	width: 780px;
}

/* -- HEADER -- */

div.headerContainer img.logoMain {
	float: left;
	margin: 26px 0 0 17px;
}

div.topLinks {
	float: right;
	clear: right;
	margin-top: 1px;
	margin-right: 1px;
}

ul.topLinks {
	margin: 0;
	display: inline;
	list-style: none;
	padding: 0;
	border: 0;
}

ul.topLinks li {
	margin-top: 1px;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #666666;
	float: left;
}

ul.topLinks li.div {
	width: 3px;
}

ul.topLinks li a:link, ul.topLinks li a:active, ul.topLinks li a:visited {
	color: #3275AB;
	width: 88px;
	height: 23px;
	border-top: 2px solid #B9E2F9;
	padding: 4px 1px 0 1px;
	text-decoration: none;
	float: left;
}

ul.topLinks li a:hover {
	color: #3275AB;
	width: 88px;
	height: 23px;
	border-top: 2px solid #50BAF0;
	padding: 4px 1px 0 1px;
	font-weight: normal;
	text-decoration: none;
	float: left;
	background-color: #f7f7f7;
}

/* -- MAIN NAVIGATION -- */

ul.mainNav {
	margin: 0;
	border: 0;
	padding: 0;
}

ul.mainNav li {
	width: 202px;
	height: 30px;
	list-style: none;
	float: left;
}

ul.mainNav li.navDivider {
	width: 202px;
	height: 1px;
	font-size: 0px;
	display: block;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	background: url('../images/elements/navDivider.gif') top left repeat-x;
}

/* commuter options */

ul.mainNav #co_off a:link, ul.mainNav #co_off a:active, ul.mainNav #co_off a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_commuterOptions.png') 0px 0px;
}

ul.mainNav #co_off a:hover, ul.mainNav #co_on a:hover {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_commuterOptions.png') 0px 30px;
}

ul.mainNav #co_on a:link, ul.mainNav #co_on a:active, ul.mainNav #co_on a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_commuterOptions.png') 0px 30px;
}

/* employer resources */

ul.mainNav #er_off a:link, ul.mainNav #er_off a:active, ul.mainNav #er_off a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_employerResources.png') 0px 0px;
}

ul.mainNav #er_off a:hover, ul.mainNav #er_on a:hover {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_employerResources.png') 0px 30px;
}

ul.mainNav #er_on a:link, ul.mainNav #er_on a:active, ul.mainNav #er_on a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_employerResources.png') 0px 30px;
}

/* government resources */

ul.mainNav #gr_off a:link, ul.mainNav #gr_off a:active, ul.mainNav #gr_off a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_govtResources.png') 0px 0px;
}

ul.mainNav #gr_off a:hover, ul.mainNav #gr_on a:hover {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_govtResources.png') 0px 30px;
}

ul.mainNav #gr_on a:link, ul.mainNav #gr_on a:active, ul.mainNav #gr_on a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_govtResources.png') 0px 30px;
}

/* news and events */

ul.mainNav #ne_off a:link, ul.mainNav #ne_off a:active, ul.mainNav #ne_off a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_newsEvents.png') 0px 0px;
}

ul.mainNav #ne_off a:hover, ul.mainNav #ne_on a:hover {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_newsEvents.png') 0px 30px;
}

ul.mainNav #ne_on a:link, ul.mainNav #ne_on a:active, ul.mainNav #ne_on a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_newsEvents.png') 0px 30px;
}

/* just for kids */

ul.mainNav #jk_off a:link, ul.mainNav #jk_off a:active, ul.mainNav #jk_off a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_justForKids.png') 0px 0px;
}

ul.mainNav #jk_off a:hover, ul.mainNav #jk_on a:hover {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_justForKids.png') 0px 30px;
}

ul.mainNav #jk_on a:link, ul.mainNav #jk_on a:active, ul.mainNav #jk_on a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_justForKids.png') 0px 30px;
}

/* cycling and walking */

ul.mainNav #cw_off a:link, ul.mainNav #cw_off a:active, ul.mainNav #cw_off a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_cyclingWalking.png') 0px 0px;
}

ul.mainNav #cw_off a:hover, ul.mainNav #cw_on a:hover {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_cyclingWalking.png') 0px 30px;
}

ul.mainNav #cw_on a:link, ul.mainNav #cw_on a:active, ul.mainNav #cw_on a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_cyclingWalking.png') 0px 30px;
}

/* our environment */

ul.mainNav #oe_off a:link, ul.mainNav #oe_off a:active, ul.mainNav #oe_off a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_ourEnvironment.png') 0px 0px;
}

ul.mainNav #oe_off a:hover, ul.mainNav #oe_on a:hover {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_ourEnvironment.png') 0px 30px;
}

ul.mainNav #oe_on a:link, ul.mainNav #oe_on a:active, ul.mainNav #oe_on a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_ourEnvironment.png') 0px 30px;
}

/* surveys */

ul.mainNav #su_off a:link, ul.mainNav #su_off a:active, ul.mainNav #su_off a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_surveys.png') 0px 0px;
}

ul.mainNav #su_off a:hover, ul.mainNav #su_on a:hover {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_surveys.png') 0px 30px;
}

ul.mainNav #su_on a:link, ul.mainNav #su_on a:active, ul.mainNav #su_on a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_surveys.png') 0px 30px;
}

/* additional resources */

ul.mainNav #ar_off a:link, ul.mainNav #ar_off a:active, ul.mainNav #ar_off a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_additionalResources.png') 0px 0px;
}

ul.mainNav #ar_off a:hover, ul.mainNav #ar_on a:hover {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_additionalResources.png') 0px 30px;
}

ul.mainNav #ar_on a:link, ul.mainNav #ar_on a:active, ul.mainNav #ar_on a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_additionalResources.png') 0px 30px;
}

/* Mobility Connections */

ul.mainNav #mc_off a:link, ul.mainNav #mc_off a:active, ul.mainNav #mc_off a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_mobilityConnections.png') 0px 0px;
}

ul.mainNav #mc_off a:hover, ul.mainNav #mc_on a:hover {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_mobilityConnections.png') 0px 30px;
}

ul.mainNav #mc_on a:link, ul.mainNav #mc_on a:active, ul.mainNav #mc_on a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_mobilityConnections.png') 0px 30px;
}

/* RIDEPROVIDE */

ul.mainNav #rp_off a:link, ul.mainNav #rp_off a:active, ul.mainNav #rp_off a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_rideprovide.png') 0px 0px;
}

ul.mainNav #rp_off a:hover, ul.mainNav #rp_on a:hover {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_rideprovide.png') 0px 30px;
}

ul.mainNav #rp_on a:link, ul.mainNav #rp_on a:active, ul.mainNav #rp_on a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_rideprovide.png') 0px 30px;
}

/* VIDEO LIBRARY */

ul.mainNav #vl_off a:link, ul.mainNav #vl_off a:active, ul.mainNav #vl_off a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_videoLib.png') 0px 0px;
}

ul.mainNav #vl_off a:hover, ul.mainNav #vl_on a:hover {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_videoLib.png') 0px 30px;
}

ul.mainNav #vl_on a:link, ul.mainNav #vl_on a:active, ul.mainNav #vl_on a:visited {
	width: 202px;
	height: 30px;
	display: block;
	float: left;
	background: url('../images/nav/nav_videoLib.png') 0px 30px;
}

/* -- SUBNAV -- */

#subNav {
	float: left;
	padding-left: 4px;
	padding-top: 0px;
}

ul#subNavLinks {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#subNavLinks li.active {
	float: left;
	clear:both;
	background: #fff;
	border-left: 1px solid #5BBFF1;
	border-top: 1px solid #5BBFF1;
	border-right: 1px solid #5BBFF1;
	border-bottom: 1px solid #5BBFF1;
	padding: 4px 4px 4px 8px;
	margin-bottom: 2px;
	display: block;
	width: 180px;
	color: #666;
	font-weight: bold;
}

ul#subNavLinks li.active a:link, ul#subNavLinks li.active a:active, ul#subNavLinks li.active a:visited {
	text-decoration: none;
	display: block;
	width: 180px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

ul#subNavLinks li.active a:hover {
	text-decoration: none;
	color: #666;
	font-weight: bold;
}

ul#subNavLinks li.inactive {
	float: left;
	clear:both;
	background: #DEF0F8;
	border-left: 1px solid #5BBFF1;
	border-right: 1px solid #DEF0F8;
	padding: 4px 4px 4px 8px;
	margin-bottom: 2px;
}

ul#subNavLinks li.inactive a:link, ul#subNavLinks li.inactive a:active, ul#subNavLinks li.inactive a:visited {
	text-decoration: none;
	display: block;
	width: 180px;
	font-weight: bold;	
}

ul#subNavLinks li.inactive a:hover {
	text-decoration: none;
	font-weight: bold;
}

ul#subNavLinks li.activeIndent {
	float: left;
	clear:both;
	background: #fff url('../images/elements/subnavIndent.gif') 8px 7px no-repeat;
	border-left: 1px solid #5BBFF1;
	border-top: 1px solid #5BBFF1;
	border-right: 1px solid #5BBFF1;
	border-bottom: 1px solid #5BBFF1;
	padding: 4px 4px 4px 18px;
	margin-bottom: 2px;
	display: block;
	width: 170px;
	color: #666;
	font-weight: bold;
}

ul#subNavLinks li.activeIndent a:link, ul#subNavLinks li.activeIndent a:active, ul#subNavLinks li.activeIndent a:visited {
	text-decoration: none;
	display: block;
	width: 170px;
	color: #009EEC;
	text-decoration: none;
	font-weight: bold;
}

ul#subNavLinks li.activeIndent a:hover {
	text-decoration: none;
	color: #009EEC;
	font-weight: bold;
}

ul#subNavLinks li.inactiveIndent {
	float: left;
	clear:both;
	background: #DEF0F8 url('../images/elements/subnavIndent.gif') 8px 7px no-repeat;
	border-left: 1px solid #5BBFF1;
	border-right: 1px solid #DEF0F8;
	padding: 4px 4px 4px 18px;
	margin-bottom: 2px;
}

ul#subNavLinks li.inactiveIndent a:link, ul#subNavLinks li.inactiveIndent a:active, ul#subNavLinks li.inactiveIndent a:visited {
	text-decoration: none;
	display: block;
	width: 170px;
	font-weight: bold;	
}

ul#subNavLinks li.inactiveIndent a:hover {
	text-decoration: none;
	font-weight: bold;
}

/* -- SANDBOX -- */

div.sandbox {
	float: left;
	clear: right;
	width: 576px;
	text-align: left;
}

#sandboxIndex {
	background: url('../images/elements/index_sandbox_edge.gif') top left repeat-y;
}

#sandboxSub {
	background: url('../images/elements/sub_sandbox_edge.gif') top left repeat-y;
}

.sandboxMain {
	float: left;
	width: 365px;
}

#crumbTrail {
	float: none;
	padding: 12px 12px 12px 16px;
	border: 0;
	margin: 0;
}

ul#crumbNav {
	padding: 0;
	padding-left: 12px;
	margin: 0;
	border: 0;
	background: url('../images/elements/crumbLinks_bg.gif') top left no-repeat;
	list-style: none;
	float: left;
	color: #666;
}

#crumbNav li {
	float: left;
	display: inline;
}

#crumbNav li a:link, #crumbNav li a:active, #crumbNav li a:visited {
	text-decoration: none;
}

#crumbNav li a:hover {
	text-decoration: none;
}

#crumbNav li.crumbDiv {
	float: left;
	padding-left: 6px;
	padding-right: 6px;
	display: inline;
}

#subPageContent {
	padding-left: 16px;
}

h1#pageHead {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 14px;
	color: #333;
	padding: 10px 0 8px 0;;
	margin: 0;
	border: 0;
	float: left;
	clear: both;
}

#subPageContent p {
	clear: both;
	padding: 0 12px 12px 0;
	margin: 0;
	line-height: 18px;
}

h3.relatedStories {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 13px;
	color: #666;
	padding: 6px 0 8px 0;;
	margin: 0;
	border: 0;
}

/* -- LEAD ARTWORK -- */

.leadArtwork #indexSplash {
	float: left;
	clear: left;
	width: 365px;
	height: 232px;
	background: url('../images/splashes/lead_empty.jpg') top left no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
}

.leadArtwork #subSplash {
	float: left;
	clear: left;
	width: 576px;
	height: 112px;
	background: url('../images/splashes/subsplash_empty.jpg') top left no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
}

/* -- FEATURE AREA -- */

#featureContainer, #aboutContainer {
	float: right;
	margin: 5px 0 0 0;
	border-top: 1px solid #CDCDCD;
	width: 358px;
	background: url('../images/elements/index_feature_edges.gif') top right repeat-y;
}

#featureStory {
	padding: 12px;
	float: left;
}

#featureContainer h1, #aboutContainer h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 20px;
	color: #3275AB;
	font-weight: bold;
	text-align: left;
	margin: 0;
}

#featureContainer p, #aboutContainer p {
	margin-bottom: 0;
}

#featureContainer div.featureAction, #aboutContainer div.featureAction {
	width: 358px;
	height: 18px;
	float: right;
	text-align: right;
	background: url('../images/buttons/btn_splash_readmore.gif') bottom right no-repeat;
}
#featureContainer div.featureActionSubmit, #aboutContainer div.featureActionSubmit {
	width: 358px;
	height: 18px;
	float: right;
	text-align: right;
	background: url('../images/buttons/btn_splash_submit_v2.gif') bottom right no-repeat;
}
#featureContainer div.featureNone {
	width: 358px;
	height: 18px;
	float: right;
	text-align: right;
	background: url('../images/buttons/btn_splash_readnone.gif') bottom right no-repeat;
}

#newsContainer {
	float: right;
	margin: 0;
	width: 358px;
	text-align: left;
}
#langContainer {
	padding: 10px 0px 0px 0px;
	float: right;
	margin: 0;
	width: 358px;
	text-align: left;
}

#newsContainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#newsContainer ul li {
	padding-left: 15px;
	background: url('../images/elements/news_bullet_blue.gif') 3px 6px no-repeat;
	margin-bottom: 8px;
}

div.newsStories {
	padding: 8px 8px 0 8px;
	float: left;
}

div.newsStories a:link, div.newsStories a:active, div.newsStories a:visited {
	color: #3275AB;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	text-decoration: none;
}

div.newsStories a:hover {
	color: #F77712;
	text-decoration: none;
}

#newsContainer h2.section {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 15px;
	color: #000000;
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: bold;
}

#newsContainer p.actionButton {
	float: right;
	padding: 6px 1px 0 0;
}

/* -- RIGHTMARGIN -- */

.trafClick {
	text-align: right;
}

#marginRightContainer {
	width: 211px;
	margin: 0;
	float: right;
	border-top: 21px solid #fff;
}

#indexRight {
	padding: 0;
	width: 211px;
	float: right;
	border-top: 1px solid #ccc;
}

#subRight {
	padding: 0;
	width: 204px;
	float: right;
	border-left: 0px solid #ddd;
	clear: right;
}

/* -- MARGIN SECTIONS -- */

div.marginSection {
	float: left;
	padding: 1px 0 12px 10px;
}

div.marginLabel {
	width: 200px;
	text-align: left;
	border-bottom: 1px solid #cacaca;
}

#indexRight div#label_alerts {
	background: #fff url('../images/elements/marginLabel_alerts.gif') top right no-repeat;
}
#indexRight div#label_alertsOFF {
	background: #fff url('../images/elements/marginLabel_alerts_off.gif') top right no-repeat;
}

#marginLeft div#label_alerts {
	background: #fff url('../images/elements/marginLabel_alerts.gif') top left no-repeat;
}
#marginLeft div#label_alertsOFF {
	background: #fff url('../images/elements/marginLabel_alerts_off.gif') top left no-repeat;
}

div#label_parkandrides {
	background: #fff url('../images/elements/marginLabel_parkandrides.gif') top right no-repeat;
}

div#label_about {
	background: #fff url('../images/elements/marginLabel_about.gif') top right no-repeat;
}

.marginLabel p {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding: 6px 30px 4px 6px;
	margin: 0;
	border: 0;
}

/* alerts section */

#section_alerts div.sectionContent {
	margin: 6px 2px 0 5px;
	padding: 0;
	border: 0;
}

#section_alerts div.subhead {
	width: 190px;
	height: 18px;
	background: #299BD1;
	text-align: left;
	float: left;
}

#section_alerts h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding: 1px 4px 1px 4px;
	margin: 0;
	border: 0;
}

#section_alerts ul {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	width: 176px;
}

#section_alerts ul li {
	margin: 4px 0 3px 1px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	padding-left: 9px;
	padding-bottom: 6px;
	color: #666;
	list-style: none;
	border-bottom: 1px solid #e7e7e7;
	width: 176px;
}

#section_alerts ul li em {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	font-style: normal;
}

#section_alerts a {
	text-decoration: none;
}

#section_alerts a:hover {
	text-decoration: none;
	color: #666;
}

li.severe {
	background: url('../images/elements/alertBullet_severe.gif') top left no-repeat;
}

li.caution {
	background: url('../images/elements/alertBullet_caution.gif') top left no-repeat;
}

li.clear {
	background: url('../images/elements/alertBullet_clear.gif') top left no-repeat;
}

li.construction {
	background: url('../images/elements/alertBullet_construction.gif') top left no-repeat;
}

/* park and rides section */

#section_parkandrides div.sectionContent {
	margin: 6px 2px 0 5px;
	padding: 0;
	border: 0;
}

#section_parkandrides h3.formTag {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #333;
	float: left;
	margin-top: 4px;
	margin-bottom: 2px;
}

#section_parkandrides select.active {
	width: 190px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #333;
	float: left;
}

#section_parkandrides select.null {
	width: 190px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #ccc;
	background-color: #f7f7f7;
	float: left;
}

#section_parkandrides h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding: 1px 4px 1px 4px;
	margin: 0;
	border: 0;
}

p.actionButton {
	float: right;
	padding: 0 8px 0 0;
}

/* about transoptions section */

#section_about div.sectionContent {
	margin: 6px 2px 0 5px;
	padding: 0;
	border: 0;
}

#section_about div.subhead {
	width: 190px;
	height: 18px;
	background: #299BD1;
	text-align: left;
	float: left;
}

#section_about h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding: 1px 4px 1px 4px;
	margin: 0;
	border: 0;
}

div.sandboxBottom {
	float: left;
}

/* -- PARK AND RIDE pages -- */

#subSearch {
	padding: 8px;
	float: left;
	background-color: #e7e7e7;
	border: 1px solid #999;
}

#subSearch .searchTier {
	padding: 2px;
	margin: 0;
	float: left;
	width: 320px;
}

#prSearchContainer h3.formTag {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #333;
	float: left;
	margin: 0 0 3px 0;
	line-height: 1.1em;
}

#prSearchContainer select.active {
	width: 150px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #333;
	float: left;
}

#prSearchContainer select.null {
	width: 150px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #ccc;
	background-color: #f7f7f7;
	float: left;
}	

#prSearchContainer {
	float: left;
	clear: both;
	margin: 5px 0 0 0;
	border-top: 1px solid #CDCDCD;
	width: 340px;
	background: url('../images/elements/prSearch_edges.gif') top right repeat-y;
}

#prSearchContainer div.prSearchAction {
	width: 340px;
	height: 18px;
	float: left;
	text-align: right;
	background: url('../images/buttons/btn_prSearch_search.gif') bottom right no-repeat;
}

.searchBlock {
	padding: 8px;
	margin: 0;
	width: 44%;
	float: left;
}

.searchBlock #floatLeft {
	float: left;
}

.searchBlock #floatRight {
	float: right;
}

.prSearchResults {
	clear: both;
	padding-top: 8px;
	width: 340px;
}

.formResults {
	clear: both;
	padding-top: 8px;
	width: 340px;
}

.resultsTag {
	background: #F77712 url('../images/elements/tag_results_corners.gif') top left no-repeat;
	border-bottom: 1px solid #CC6600;
}

.resultsTag_neutral {
	background: #666 url('../images/elements/tag_results_corners.gif') top left no-repeat;
	border-bottom: 1px solid #333;
}

table.resultsDisplay {
	padding: 0;
	margin: 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	background: #e4e4e4;
	width: 340px;
}

.resultsDisplay tr.rowGreyFirst {
	padding-bottom: 2px;
	background: #efefef;
}

.resultsDisplay tr.rowWhiteFirst {
	padding-bottom: 3px;
	background: #fff;
}

.resultsDisplay tr.rowGrey {
	padding-bottom: 3px;
	background: #efefef url('../images/elements/resultsRow_bg.gif') top left repeat-x;
}

.resultsDisplay tr.rowWhite {
	padding-bottom: 3px;
	background: #fff url('../images/elements/resultsRow_bg.gif') top left repeat-x;
}

.resultsDisplay td.city {
	padding: 4px;
	border-left: 1px solid #ccc;
	width: 70%;
}

.city a {
	color: #000;
	text-decoration: none;
}

.resultsDisplay td.location {
	padding: 4px;
	border-left: 1px solid #ccc;
}

.location a {
	color: #000;
	text-decoration: none;
}

.resultsDisplay td.action {
	padding: 4px;
	border-right: 1px solid #ccc;
	text-align: right;
}

.resultsDisplay td.itemTag {
	padding: 3px 6px 3px 3px;
	border-left: 1px solid #ccc;
	text-align: right;
	width: 100px;
	top: 0;
	font-weight: bold;
	background: url('../images/elements/itemTD_bg.gif') top right repeat-y;
	vertical-align: top;
}

.itemTagRed {
	color: #ff0000;
}

.resultsDisplay td.itemDesc {
	padding: 3px 3px 3px 5px;
	border-right: 1px solid #ccc;
	text-align: left;
	top: 0;
	vertical-align: top;
}

.resultsDisplay td.itemDesc2 {
	padding: 3px 3px 3px 5px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: left;
	top: 0;
	vertical-align: top;
}

.resultsDisplay tr.mapDisplay {
	text-align: center;
	background: #fff;
}

.mapDisplay td {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.mapDisplay img {
	padding: 12px;
}

.action a.locations {
	padding-right: 16px;
	background: url('../images/elements/icon_results_parkandride.gif') right no-repeat;
	color: #299BD1;
}

.action a.details {
	padding-right: 16px;
	background: url('../images/elements/icon_results_details.gif') right no-repeat;
	color: #299BD1;
}

h3.tagResults {
	color: #fff;
	padding: 2px 6px;
	margin: 0;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-weight: normal;
	font-size: 13px;
}

h3.tagResults em {
	font-weight: bold;
	font-style: normal;
	margin: 0;
	padding: 0;
}

h3.formHead {
	color: #F77712;
	font-size: 14px;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-weight: bold;
	padding: 6px 8px 0 8px;
	margin: 0;
}

h3.formHeadLeft {
	color: #F77712;
	font-size: 14px;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-weight: bold;
	padding: 2px;
	margin: 0;
}

ul.routesList {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.routesList li {
	padding-left: 14px;
}

ul.routesList li.addOnSevere {
	background: url('../images/elements/alertAddon_severe.gif') 0 4px no-repeat;
}

ul.routesList li.addOnCaution {
	background: url('../images/elements/alertAddon_caution.gif') 0 4px no-repeat;
}

ul.routesList li.addOnConstruction {
	background: url('../images/elements/alertAddon_construction.gif') 0 4px no-repeat;
}

/* -- Form Classes -- */

.formContainer {
	padding: 0;
	margin: 0;
	border-top: 1px solid #eee;
	width: 340px;
	float: left;
	clear: both;
	background: url('../images/elements/prSearch_edges.gif') top right repeat-y;
}	

.formTier {
	clear: both;
	float: left;
	width: 338px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.formTierGrey {
	clear: both;
	float: left;
	width: 338px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #efefef;
}

.formLabelFixed {
	width: 140px;
	float: left;
	padding-right: 4px;
	padding-top: 3px;
	text-align: right;
}

.formLabelFixed em {
	font-style: normal;
	font-weight: bold;
	color: #000;
}

.formLabelFixed_req {
	width: 140px;
	float: left;
	padding-right: 4px;
	padding-top: 3px;
	text-align: right;
	color: red;
}

.formLabelFixed_req em {
	font-style: normal;
	font-weight: bold;
	color: red;
}

.formLabelFloat {
	float: left;
	padding-right: 4px;
	padding-top: 3px;
	padding-left: 12px;
	text-align: right;
}

.formLabelFloat em {
	font-style: normal;
	font-weight: bold;
	color: #000;
}

.formLabelFloat_req {
	float: left;
	padding-right: 4px;
	padding-top: 3px;
	padding-left: 12px;
	text-align: right;
	color: red;
}

.formLabelFloat_req em {
	font-style: normal;
	font-weight: bold;
	color: red;
}

.formInput {
	float: left;
	padding: 0;
	text-align: left;
}

.formInputStack {
	float: left;
	padding-top: 4px;
	text-align: left;
}

select {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #333;
	padding: 2px;
	border: 1px solid #ccc;
}

input.formTextStd {
	width: 140px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #333;
	float: left;
	margin: 0;
	padding: 3px;
	border: 1px solid #ccc;
	background-color: white;	
}

div.privacy {
	float: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10px;
	clear: both;
	padding: 2px 2px 2px 0;
}

a.privacyLink {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #299BD1;
}

/* -- Center Action Tabs -- */

div.centerActionTab_submit {
	width: 340px;
	height: 18px;
	float: left;
	text-align: right;
	background: url('../images/buttons/btn_centerAction_submit.gif') bottom right no-repeat;
}

div.centerActionTab_search {
	width: 340px;
	height: 18px;
	float: left;
	text-align: right;
	background: url('../images/buttons/btn_centerAction_search.gif') bottom right no-repeat;
}

/* -- FOOTER -- */

#footer ul {
	list-style: none;
	display: inline;
}

#footer {
	float: right;
	width: 576px;
	margin: 12px 0 12px 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, Sans-serif;
	color: #999;
}

div.footerContainer {
	padding: 0;
	margin: 0;
	border: 0;
}

#footer div#footerLeft {
	float: left;
	text-align: left;
}

#footer div#footerRight {
	float: right;
	text-align: right;
	padding-right: 8px;
}

ul.footerLinks {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.footerLinks li {
	list-style: none;
	display: inline;
	padding: 6px 0 6px 0;
}

ul.footerLinks li a:link, .footerLinks li a:active, .footerLinks li a:visited {
	text-decoration: none;
}

ul.footerLinks li a:hover {
	text-decoration: underline;
	color: #666;
}

ul.footerLinks li.linkDiv {
	padding-left: 8px;
	padding-right: 8px;
}

#footer p#copyright {
	color: #333;
	margin-top: 0;
	padding-top: 0;
}

a#lplink {
	float: right;
	clear: both;
	border: 0;
	padding-right: 8px;
}

/* -- SURVEY STYLES -- */

div.surveyHead {
	float: left;
	clear: left;
	width: 600px;
	position: absolute;
	top: 24px;
	left: 50%;
	margin-left: -300px;
}

div.surveyContainer {
	float: left;
	clear: left;
	width: 600px;
	position: absolute;
	top: 90px;
	left: 50%;
	margin-left: -300px;
}

h2.surveyTitle {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	padding: 3px;
	margin: 0;
	border: 1px solid #ccc;
}

p.surveyDesc {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

p.surveyWelcome {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #666;
	padding-bottom: 0px;
}

div.surveyLength {
	clear: both;
	padding: 0;
	color: #F77712;
}

div.surveyActionBar {
	clear: both;
	float: left;
	width: 300px;
	padding-top: 12px;
	padding-bottom: 4px;
	width: 600px;
	position: relative;
	left: 50%;
	margin-left: -300px;
}

div.surveyActionTier {
	clear: both;
	padding-bottom: 8px;
}

.surveyContainer table {
	float: left;
	width: 600px;
	border: 0;
}

.surveyContainer table tr td {
	float: left;
	text-align: left;
	border: 0;
}

/* styles for carpool form start here */
.carpoolContent {
	display: none;
}
/* styles for carpool form end here */
#twitter {
	background: url('../images/buttons/twitter_sm.jpg') no-repeat 10px 16px;
	padding: 20px 10px 10px 34px;
	display: block;
	text-align: left;
	clear: left;
}
#fbook {
	background: url('../images/buttons/facebook_16x16.gif') no-repeat 10px 7px;
	padding: 10px 0px 10px 34px;
	display: block;
	text-align: left;
	clear: left;
}