@charset "utf-8";
/* CSS Document */



/*SNOW MESSAGES */
#snowmesage-icon {
	/* UNCOMMENT/COMMENT THIS TO REMOVE/SHOW SNOW ICON ON MAIN MENU */
	display: none;
}
#snowmessage {
	/* UNCOMMENT/COMMENT THIS TO REMOVE/SHOW SNOW MESSAGE ON MAIN MENU */
	display: none;
}
	#snowmessage p.snowmessage-link {
		padding:5px 0 0 8px;
		margin:0;
		font-weight:normal;
		font-size:80%;
		line-height:130%;
	}
	#snowmessage p.snowmessage-hr {
		width:780px;
		margin:0 0 0 8px;
		padding:0 0 5px 0;
		clear:left;
		font-size:50%;
		line-height:50%;
	}
#route-snowmessage {
	/* UNCOMMENT/COMMENT THIS TO REMOVE/SHOW SNOW MESSAGE ON ALL ROUTE PAGES */
	display: none;
}
#route-mapmessage {
	/* UNCOMMENT/COMMENT THIS TO REMOVE/SHOW MAP "and snow route" MESSAGE ON ALL ROUTE PAGES */
	display: none;
}


/* highlight for forms */
.regular {
	background-color: #fff;
}
.highlight {
	background-color: #ffc;
}


#screenreader {
	position: absolute;
	top: -1000px;
	left: -1000px;
}
.homelink {
	position: relative;
}
	.homelink a {
		width: 310px;
		height: 70px;
		position: absolute;
		top: 75px;
		left: 75px;
		z-index: 100;
	}
	
/* --- EMERGENCY BOX --- */
#EmergencyNoticeBox, #WeatherEmergency {
	margin: 0;
	padding: 10px 30px 10px 95px;
	min-height: 42px;
	color: #ffffff;
	font: 100%/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	#EmergencyNoticeBox {
		background: url(/v3/images/emergency.gif) #c73d30 top left no-repeat;
	}
	#WeatherEmergency {
		background: url(/v3/images/WeatherEmergency.gif) #7da4cc top left no-repeat;
	}
#EmergencyNoticeBox p.header, #WeatherEmergency p.header {
	font: bold 125%/125% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 3px 0;
	padding: 0;
}
#EmergencyNoticeBox p, #WeatherEmergency p {
	font: 90%/110% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 10px 0;
}
#EmergencyNoticeBox p.update, #WeatherEmergency p.update {
	font: 70%/70% "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 5px 0 0 0;
}
#EmergencyNoticeBox a, #WeatherEmergency a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
	#EmergencyNoticeBox a {
		border-bottom: 1px dotted #e6776c;
	}
	#WeatherEmergency a {
		border-bottom: 1px dotted #a7c6e6;
	}

#EmergencyNoticeBox a:hover, #WeatherEmergency a:hover {
	color: #ffffff;
	border-bottom: 1px dotted #fff;
}

/* --- MAIN MENU --- */
#mainMenu {
	float: left;
	margin: 0;
	padding: 0 0 0 23px;
	min-width: 950px;
	height: 68px;
	width: auto;
	clear: both;
}
	#mainMenu ul.main {
		font: 90%/100% Arial, Helvetica, sans-serif;
		font-weight: bold;
		list-style: none;
		margin: 5px 0 0 0;
		padding: 0;
	}
	#mainMenu ul.main li {
		float: left;
		margin: 0;
		padding: 0;
	}
		#mainMenu ul.main li#MMhome {	/* pad out the first option since it does not have an arrow */
			margin-right: 11px;
		}
	#mainMenu ul.main li a {
		float: left;
		padding: 0;
		margin: 0;
		text-decoration: none;
	}
		#mainMenu ul.main li a.menu {
			color: #ffffff;
		}
	#mainMenu ul.main li a:hover {
	}
	
			
	#mainMenu #MMhome, #mainMenu #MMmaps, #mainMenu #MMstops, #mainMenu #MMfares, #mainMenu #MMhowtoride, #mainMenu #MMstore {
		padding: 6px;
		position: relative;
	}
		#mainMenu ul.main li.unhighlight a {	/* up state */
			color: #ffffff;
		}
		#mainMenu ul.main li.highlight { 	/* over state */
			background-color: #f54c00;
		}

	#mainMenu ul.main li#MMsearch {
		margin: -2px 0 0 6px;
		padding: 0;
		clear: both;
		float: none;
		height: 25px;
	}
	#mainMenu #MMcontact {
		position: relative;
		padding: 4px;
		margin-left: 6px;
	}
		#mainMenu ul.main li#MMcontact a.contact {
			font: 90%/100% Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #eeeeee;
		}
		#mainMenu ul.main li#MMcontact a.contacthighlight {
			font: 90%/100% Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #ffffff;
		}
	
	#mainMenu span {	/* this puts the left margin on the arrows */
		float: left;
		margin: 0 0 0 5px;
		padding: 0;
	}
		#mainMenu #MMcontact span {
			float: left;
			margin: 0 0 0 4px;
			padding: 0;
		}


	#mainMenu a.menu, #mainMenu li.unhighlight a {
		text-decoration: none;
		border-bottom: 1px dotted #4078af;
	}
		#mainMenu a.contact {
			text-decoration: none;
			border-bottom: 1px dotted #ddd3cb;
		}
		#mainMenu a {
			text-decoration: none;
			border-bottom: 1px dotted #fff;
		}
	#mainMenu a.menu:hover, #mainMenu li.unhighlight a:hover {
		text-decoration: none;
		border-bottom: 1px dotted #fff;
	}
		#mainMenu a.contact:hover {
			text-decoration: none;
			border-bottom: 1px dotted #fff;
		}
		#mainMenu a:hover {
			text-decoration: none;
			border-bottom: 1px dotted #084c8d;
		}




	/* --- ARROWS --- */
	#mainMenu a.arrow {
		width: 20px;
		height: 14px;
		padding: 0;
		margin: 0;
		float: left;
		background: url(/v3/images/structure/menu-arrow.gif) no-repeat;
		background-position: 0 0;
		border: none !important;
	}
		#mainMenu a.arrow:hover {
			background-position: -20px 0;
		}
	#mainMenu a.arrow-small {
		width: 16px;
		height: 12px;
		padding: 0;
		margin: 0;
		float: left;
		background: url(/v3/images/structure/menu-arrow-small.gif) no-repeat;
		background-position: 0 0;
		cursor: pointer;
		border: none !important;
	}
		#mainMenu a.arrow-small:hover {
			background-position: -16px 0;
		}
	

	
	/* --- SEARCH FORM --- */
	#mainMenu #MMsearch form {
		padding: 0;
		margin: 0;
	}			
	#mainMenu #MMsearch form input.query {
		font: 90%/120% Arial, Helvetica, sans-serif;
		padding: 1px 1px 1px 2px;
		width: 133px;
		height: 16px;
		border: 1px solid #2e2d2a;
		float: left;
	}
	#mainMenu #MMsearch form input.button {
		margin: 0;
		padding: 0;
		width: 48px;
		height: 20px;
		border: 0;
		float:left;
		background: url(/v3/images/structure/menu-search-button.gif) 0 0;
		cursor: pointer;
	}			
		#mainMenu #MMsearch form input.button:hover {
			background-position: -48px 0;
		}			
		



#mainMenu #maps a, #mainMenu #stops a, #mainMenu #fares a, #mainMenu #howtoride a, #mainMenu #store a, #mainMenu #contact a {
	color: #084c8d;
}
#mainMenu #maps a:hover, #mainMenu #stops a:hover, #mainMenu #fares a:hover, #mainMenu #howtoride a:hover, #mainMenu #store a:hover, #mainMenu #contact a:hover {
}

/* --- MAIN MENU END --- */



/* -- CLOSE BUTTON --- */
#mainMenu #maps-close div, #mainMenu #stops-close div, #mainMenu #fares-close div, #mainMenu #howtoride-close div, #mainMenu #store-close div {	/* need the div in here for IE 6 */
	position: absolute;
	top: -27px;
	left: -1px;
	padding: 6px;
	background-color: #f54c00;
	border: none;
}
	#mainMenu #maps-close a, #mainMenu #stops-close a, #mainMenu #fares-close a, #mainMenu #howtoride-close a, #mainMenu #store-close a {
		color: #ffffff;
		border: none;
	}
	#mainMenu #maps-close div a.close, #mainMenu #stops-close div a.close, #mainMenu #fares-close div a.close, #mainMenu #howtoride-close div a.close, #mainMenu #store-close div a.close {
		width: 20px;
		height: 14px;
		padding: 0;
		margin: 0;
		float: left;
		background: url(/v3/images/structure/menu-close.gif) no-repeat;
		background-position: 0 0;
	}
		#mainMenu #maps-close div a:hover, #mainMenu #stops-close div a:hover, #mainMenu #fares-close div a:hover, #mainMenu #howtoride-close div a:hover, #mainMenu #store-close div a:hover {
			background-position: -20px 0;
		}


	#mainMenu #contact-close div {	/* need the div in here for IE 6 */
		position: absolute;
		top: -20px;
		left: -1px;
		padding: 4px;
		background-color: #f54c00;
	}
		#mainMenu #contact-close a {
			color: #ffffff;
		border: none;
		}
	 #mainMenu #contact-close a.close-small {		/* smaller arrow for contact */
		width: 16px;
		height: 12px;
		padding: 0;
		margin: 0;
		float: left;
		background: url(/v3/images/structure/menu-close-small.gif) no-repeat;
		background-position: 0 0;
		border: none;
	}
		#mainMenu #contact-close a:hover {
			background-position: -16px 0;
		}







/* --- GLOBAL DROP DOWNS --- */
#mainMenu #maps, #mainMenu #stops, #mainMenu #fares, #mainMenu #howtoride, #mainMenu #store, #mainMenu #contact {
	border: 1px solid #f54c00;
	background-color: #ffffff;
	z-index: 1000;
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 26px;
	width: 202px;
}
#mainMenu #maps {
	width: 800px;
}	
#mainMenu #stops {
}	
#mainMenu #fares {
}
#mainMenu #howtoride {
}
#mainMenu #store {
}
#mainMenu #contact {
	top: 19px;
	width: 250px;
}

/* -- DROPDOWN CONTENT --- */
#maps ul, #stops ul, #fares ul, #howtoride ul, #store ul, #contact ul {
	margin: 0;
	padding: 7px 7px 0 7px;
	list-style: none;
	float: left;
	font: 80%/160% Arial, Helvetica, sans-serif;
}
	#maps li, #stops li, #fares li, #howtoride li, #store li, #contact li {
		width: 186px;
		margin: 0;
		padding: 0;
		list-style: none;
		float: none;
		clear: both;
	}
	#contact li {
		font: 120%/140% Arial, Helvetica, sans-serif;
		width: 230px;
	}
li p.hr {
	height: 1px;
	width: 90%;
	border-bottom: 1px dashed #75706b;
	margin: 0 0 6px 0;
	padding: 5px 0 5px 0;
}
p.clear {
	float: none;
	clear: both;
	padding: 0;
	margin: 0;
}
abbr {
	border: 0;
}







/* --- MODES --- */
#modes {
	float: right;
	width: 220px;	/* width should be 215px but is cheated so Streetcar reads better */
	margin: 37px 25px 0 15px;
	padding: 0;
}
	#modes ul {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
	}
	#modes li {
		margin: 0;
		padding: 0;
		float: left;
	}
	#bus a, #max a, #wes a, #streetcar a {
		height: 18px;	/*this height has to subtract the padding from below */
		width: 42px;
		float: left;
		margin: 0 16px 0 0;
		padding: 50px 0 0 0;
		background-position: 0 0;
		font: 70%/100% Arial, Helvetica, sans-serif;
		text-align: center;
		color: #75706b;
		text-decoration: none;
	}
		#bus a {
			background: url(/v3/images/structure/modes-bus.gif) no-repeat;
		}
		#max a {
			background: url(/v3/images/structure/modes-max.gif) no-repeat;
		}
		#wes a {
			margin-right: 12px;
			background: url(/v3/images/structure/modes-wes.gif) no-repeat;
		}
		#bus a:hover, #max a:hover, #wes a:hover  {
			background-position: -42px 0;
			text-decoration: none;
		}
	#streetcar a {
		width: 50px;
		margin-right: 0;
		background: url(/v3/images/structure/modes-streetcar.gif) no-repeat;
	}
		#streetcar a:hover {
			background-position: -50px 0;	/* this hover state is a bit different to accomodate the longer name */
			text-decoration: none;
		}
	#bus a:hover, #max a:hover, #wes a:hover, #streetcar a:hover {
	}

	#bus a span, #max a span, #wes a span, #streetcar a span {	/* have to use span here instead of abbr because of ie6 */
		color: #75706b;
		border-bottom: 1px dotted #ccc;
	}
	#bus a:hover span, #max a:hover span, #wes a:hover span, #streetcar a:hover span {
		color: #084C8D;
		border-bottom: 1px dotted #084C8D;
		text-decoration: none;
	}




	/* --- MAIN SITEMAP BEGIN --- */
	#mainSitemap {
		width: 980px;
		float: left;
		padding: 0;
		margin: 0;
		background-color: #e7e7e7;
		border-top: 1px solid #2e2d2a;
		border-bottom: 1px solid #55514e;
		background-image: url(/static/images/new/home-bottom-bg-top.gif);
		background-position: top;
		background-repeat: repeat-x;
		clear: both;
	}
		#sitemap-header {
			height: 40px;
			margin: 0;
			padding: 0 15px 0 15px;
			clear: both;
		}
			#sitemap-header p {
				font: 90%/100% Arial, Helvetica, sans-serif;
				color: #55514e;
				margin: 0;
				padding: 12px 0 5px 0;
			}
		#sitemap {
			width: 965px;
			clear: both;
			padding: 0 0 0 15px;
			margin: 0;
		}
			div.list, div.listfirst, div.listlast {
				width: 285px;
				float: left;
				margin: 15px 0 0 30px;
				padding: 0 14px 0 0;
				border-right: 1px dashed #999999;
				min-height: 50px;
			}
				div.listfirst {
					width: 286px;
					margin-left: 15px;
				}
				div.listlast {
					width: 260px;
					border: 0;
				}
			
				div.list ul, div.listfirst ul, div.listlast ul {
					list-style: none;
					margin: 0 0 10px 0;
					padding: 0;
				}
					div.list li, div.listfirst li, div.listlast li {
						float: none;
						margin: 0;
						padding: 0 0 6px 0;	/* change left padding for indent */
						border: 0;
						color: #55514e;
						font: 80%/105% Arial, Helvetica, sans-serif;
					}
					div.list li a, div.listfirst li a, div.listlast li a {
						color: #55514e;
						text-decoration: none;
						border-bottom: 1px dotted #e7e7e7;
					}
					div.list li a:hover, div.listfirst li a:hover, div.listlast li a:hover {
						color: #2e2d2a;
						text-decoration: none;
						border-bottom: 1px dotted #55514e;
					}
					div.list li.title, div.listfirst li.title, div.listlast li.title {
						/*list-style: none;*/
					}
						div.list li h2, div.listfirst li h2, div.listlast li h2 {
							font: 100%/100% Arial, Helvetica, sans-serif;
							font-weight: bold;
							margin: 0;
							padding: 0;
						}
			
		#sitemap-bottom {
			height: 20px;
			background-image: url(/static/images/new/home-bottom-bg-bottom.gif);
			background-repeat: repeat-x;
			font: 1px/1px Arial, Helvetica, sans-serif;
			clear: both;
		}
	/* --- MAIN SITEMAP END --- */




/* --- MAIN FOOTER BEGIN --- */
#mainFooter {
	width: 980px;
	min-height: 30px;
	float: left;
	padding: 0;
	margin: 0;
	background-color: #b1aca7;
	border-bottom: 1px solid #75706b;
	clear: both;
}

	#mainFooter #contact-footer {
		padding: 0 0 0 15px;
		margin: 8px 0 0 0;
		float: left;
		width: 700px;
	}
	#mainFooter #contact-footer ul {
		list-style: none;
		margin: 0;
		padding: 0;
		float:left;
	}
	#mainFooter #contact-footer li {
		float: left;
		margin: 0;
		padding: 0 20px 0 0;
		font: 80%/120% Arial, Helvetica, sans-serif;
	}
	#rss a, #email a, #feedback a, #phone a {
		color: #ffffff;
		padding: 0 0 0 20px;
		cursor: pointer;
		text-decoration: none;
		background-position: 0;
	}
		#rss a {
			background: url(/static/images/new/home-footer-rss.gif) no-repeat;
		}
			#rss a:hover {
				background: url(/static/images/new/home-footer-rss-over.gif) no-repeat;
			}
		#email a {
			background: url(/static/images/new/home-footer-email.gif) no-repeat;
		}
			#email a:hover {
				background: url(/static/images/new/home-footer-email-over.gif) no-repeat;
			}
		#feedback a {
			background: url(/static/images/new/home-footer-feedback.gif) no-repeat;
		}
			#feedback a:hover {
				background: url(/static/images/new/home-footer-feedback-over.gif) no-repeat;
			}
		#phone a {
			background: url(/static/images/new/home-footer-phone.gif) no-repeat;
		}
			#phone a:hover {
				background: url(/static/images/new/home-footer-phone-over.gif) no-repeat;
			}
	#rss a:hover, #email a:hover, #feedback a:hover, #phone a:hover {
		color: #2e2d2a;
	}
	
	
	#rss a span, #email a span, #feedback a span, #phone a span {
		/*border-bottom: 1px dotted #d3cdc7;*/
		border-bottom: 1px dotted #b1aca7;
	}
	#rss a:hover span, #email a:hover span, #feedback a:hover span, #phone a:hover span {
		border-bottom: 1px dotted #2e2d2a;
	}
	
	
	
	
	
	#mainFooter #social-footer {
		padding: 0 15px 0 0;
		margin: 7px 0 0 0;
		float:left;
		width: 150px;
		float: right;
	}
		#twitter a, #youtube a, #flickr a, #facebook a, #myspace a {
			width: 16px;
			height: 16px;
			float: right;
			margin: 0 0 0 15px;
			padding: 0;
			font: 80%/120% Arial, Helvetica, sans-serif;
			background-position: 0 0;
			text-decoration: none;
		}
			#twitter a {
				background: url(/static/images/new/social-twitter.gif) no-repeat;
			}
			#youtube a {
				background: url(/static/images/new/social-youtube.gif) no-repeat;
			}
			#flickr a {
				background: url(/static/images/new/social-flickr.gif) no-repeat;
			}
			#facebook a {
				background: url(/static/images/new/social-facebook.gif) no-repeat;
			}
			#myspace a {
				background: url(/static/images/new/social-myspace.gif) no-repeat;
			}
		#twitter a:hover, #youtube a:hover, #flickr a:hover, #facebook a:hover, #myspace a:hover {
			background-position: -16px 0;
			text-decoration: none;
		}
	
	
/* --- MAIN FOOTER END --- */


	
/* --- BOTTOM END --- */

/* --- FOOTER LINKS BEGIN --- */
#footerLinks {
	width: 980px;
	float: left;
	padding: 0;
	margin: 10px 0 20px 0;
	clear: both;
}
	#footerLinks ul {
		list-style: none;
		margin: 0 0 0 15px;
		padding: 0;
	}
		#footerLinks li {
			float: left;
			list-style: none;
			background: url(/static/images/new/disc-footer.gif) no-repeat;
			margin: 0;
			padding: 0 11px 6px 15px;
			border: 0;
			font: 70%/70% "Trebuchet MS", Helvetica, Arial, sans-serif;
			color: #ffffff;
		}
		#footerLinks li a {
			color: #ffffff;
			text-decoration: none;
			border-bottom: 1px dotted #55534e;
		}
		#footerLinks li a:hover {
			/*color: #d59f0f;*/
			text-decoration: none;
			border-bottom: 1px dotted #fff;
		}
		#footerLinks li.first {
			background-image: none;
			padding-left: 0;
		}
	#footerLinks div.copyright {
		float: right;
		font: 70%/70% "Trebuchet MS", Helvetica, Arial, sans-serif;
		color: #ffffff;
		margin: 0 15px 0 0;
		padding: 0;
	}
	#footerLinks ul.copyright {
		float: right;
	}
		#footerLinks ul.copyright li {
			background-image: none;
		}
/* --- FOOTER LINKS END --- */