@charset "utf-8";

@import url(/v3/css/global.css);

body {
	font: 100%/100% Arial, Helvetica, sans-serif;
	background-color: #2e2d2a;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #ffffff;
}

.home a {
	/*color: #ffffff;*/
	/*text-decoration:none;*/
}
.home a:hover {
	/*color: #ebaf11;*/
	/*color: #d59f0f;*/
	/*text-decoration:none;*/
}


p.clear {
	float: none;
	clear: both;
}






.home #container {
	width: 980px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	text-align: left; /* this overrides the 'text-align: center' on the body element. */
	position: relative;
}

.home #mobile-bar {
	margin: 0;
	padding: 30px;
	color: #ffffff;
	background-color: #6DB33F;
	position: relative;
	clear:both;
}
	.home #mobile-bar a {
		width: 980px;
		height: 60px;
		top: 0; left: 0;
		position: absolute;
		margin: 0;
		padding: 10px 0 0 15px;
		color: #ffffff;
		font: 125%/125% "Trebuchet MS", Arial, Helvetica, sans-serif;
	}


/* --- TOP BEGIN --- */




.home #topTile {
	float: left;
	padding: 0;
	margin: 0;
	width: 980px;
	background: url(/v3/images/structure/home-header-tile.gif) repeat-y;
	clear: both;
}
.home #top {
	float: left;
	padding: 0;
	margin: 0;
	width: 980px;
	/*height: 456px;*/
	background: url(/v3/images/structure/home-header.jpg) no-repeat;
	clear: both;
}
	.homelink {
		display: none;
	}
	.home #logo-print {
		display: none;
	}
	.home #top h1 {
		margin: 0;
		padding: 0;
	}


	/* --- MAIN MENU OVERRIDES --- */
	/* --- ALL OTHER MAIN MENU STYLES ARE IN GLOBAL.CSS --- */
	#mainMenu ul.main li a.menu, #MMhome a, #mainMenu ul.main li.unhighlight a {
		color: #084c8d;
		text-decoration: none;
	}
		#mainMenu ul.main li#MMcontact a.contact {
			font: 90%/100% Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #55514e;
			text-decoration: none;
		}
		
			
		
		
	#mainMenu a.menu, #mainMenu li.unhighlight a {
		text-decoration: none;
		border-bottom: 1px dotted #d2e0ee;
	}
		#mainMenu a.contact {
			text-decoration: none;
			border-bottom: 1px dotted #ddd3cb;
		}
	#mainMenu a.menu:hover, #mainMenu li.unhighlight a:hover {
		text-decoration: none;
		border-bottom: 1px dotted #084c8d;
	}
		#mainMenu a.contact:hover {
			text-decoration: none;
			border-bottom: 1px dotted #55514e;
		}
		
		
		
		
		
		
		
		
	/* --- ARROWS --- */
	#mainMenu a.arrow {
		background: url(/v3/images/structure/menu-home-arrow.gif) no-repeat;
		border: none;
	}
	#mainMenu a.arrow-small {
		background: url(/v3/images/structure/menu-home-arrow-small.gif) no-repeat;
		border: none;
	}
	#mainMenu #maps-close a, #mainMenu #stops-close a, #mainMenu #fares-close a, #mainMenu #howtoride-close a, #mainMenu #store-close a, #mainMenu #contact-close a {
		color: #ffffff;
		border: none;
	}
	#mainMenu #MMsearch form input.button {
	}			
		#mainMenu ul.main li#MMcontact a.contact {
		}
		#mainMenu ul.main li#MMcontact a.contacthighlight {
		}




	/* --- MAIN LOGO BEGIN --- */
	.home #mainLogo {
		margin: 0;
		padding: 0 0 0 30px;
		width: 950px;
		height: 110px;
		position: relative;
		clear: both;
		/* no float here... breaks IE 6/7 */
	}
		
		/* if browser is IE6.5 or lower the normal logo gets swapped out with a backwards compatible gif */
		.home #logo-normal, .home #logo-ie6 {
			position: absolute;
			left: 80px;
			top: 0;
			width: 350px;
			height: 110px;
			z-index: 1;
		}
		.home #logo-normal {
			background: url(/v3/images/structure/home-logo.png) 0 0;
			display: block;
		}
		.home #logo-ie6 {
			display: none;
		}
	
		
	/* --- LANGUAGES --- */
	.home #languages {
		float: right;
		width: 325px;
		height: 110px;
		margin: 0;
		padding: 0;
		position: relative;
	}
		.home #languages ul {
			float: right;
			margin: 87px 0 0 0;
			padding: 0;
		}
		.home #languages li {
			float: left;
			list-style: none;
			margin: 0 10px 0 0;
			padding: 0 0 0 14px;
			background: url(/v3/images/structure/disc-small.gif) no-repeat;
			background-position: 0 1px;
		}
		.home #languages li.first {
			background-image: none;
		}	
		.home #languages li.last {
			margin-right: 0;
		}	
		
		.home #spanish a {
			width: 44px;
			height: 15px;
			background: url(/v3/images/structure/home-languages-spanish.gif) no-repeat;
			background-position: 0 0;
			float: left;
		}
			.home #spanish a:hover {
				background-position: -44px 0;
				text-decoration: none;
			}
		.home #vietnamese a {
			width: 47px;
			height: 15px;
			background: url(/v3/images/structure/home-languages-vietnamese.gif) no-repeat;
			background-position: 0 0;
			float: left;
		}
			.home #vietnamese a:hover {
				background-position: -47px 0;
				text-decoration: none;
			}
		.home #chinese a {
			width: 19px;
			height: 15px;
			background: url(/v3/images/structure/home-languages-chinese.gif) no-repeat;
			background-position: 0 0;
			float: left;
		}
			.home #chinese a:hover {
				background-position: -19px 0;
				text-decoration: none;
			}
		.home #russian a {
			width: 45px;
			height: 15px;
			background: url(/v3/images/structure/home-languages-russian.gif) no-repeat;
			background-position: 0 0;
			float: left;
		}
			.home #russian a:hover {
				background-position: -45px 0;
				text-decoration: none;
			}
		.home #korean a {
			width: 29px;
			height: 15px;
			background: url(/v3/images/structure/home-languages-korean.gif) no-repeat;
			background-position: 0 0;
			float: left;
		}
			.home #korean a:hover {
				background-position: -29px 0;
				text-decoration: none;
			}
		
		
		
	/* --- MODES OVERRIDES --- */
	#bus a, #max a, #wes a, #streetcar a {
	}
		#bus a {
			background: url(/v3/images/structure/home-modes-bus.gif) no-repeat;
		}
		#max a {
			background: url(/v3/images/structure/home-modes-max.gif) no-repeat;
		}
		#wes a {
			background: url(/v3/images/structure/home-modes-wes.gif) no-repeat;
		}
		#streetcar a {
			background: url(/v3/images/structure/home-modes-streetcar.gif) no-repeat;
		}
	#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: #ffffff;
		border-bottom: 1px dotted #387bbc;
	}
	#bus a:hover span, #max a:hover span, #wes a:hover span, #streetcar a:hover span {
		color: #ffffff;
		border-bottom: 1px dotted #90aac2;
		text-decoration: none;
	}
		
	
	/* --- MAIN LOGO END --- */

	/* --- MAIN PLANNER BEGIN --- */
	.home #mainPlanner {
		margin: 0;
		padding: 0 0 0 30px;
		width: 950px;
		float: left;
		font: 80%/100% Arial, Helvetica, sans-serif;
		clear: both;
	}
		
	
		.home #planner {
			width: 690px;
			min-height: 236px;
			float: left;
			background: url(/v3/images/branding/branding.jpg) no-repeat;
		}
			.home #planner a {
				text-decoration: none;
				color: #fff;
				border-bottom: 1px dotted #222;
			}
			.home #planner a:hover {
				text-decoration: none;
				color: #fff;
				border-bottom: 1px dotted #fff;
			}
		
			.home #planner-header {
				padding: 24px 0 0 70px;
				margin: 0;
				background: url(/v3/images/structure/home-planner.gif) no-repeat;
				background-position: 15px 14px;
				width: 326px;
				height: 40px;
			}
				.home #planner-header h2 {
					font: 150%/100% Arial, Helvetica, sans-serif;
					font-weight: bold;
					color: #ffffff;
					padding: 0;
					margin: 0;
					float: left;
				}
				.home #planner-header p {
					font: 100%/100% Arial, Helvetica, sans-serif;
					font-weight: normal;
					color: #ffffff;
					padding: 0;
					margin: 6px 0 0 0;
					float: right;
				}
					.home #planner-header p a {
						text-decoration: none;
						border-bottom: 1px dotted #aaa;
					padding: 2px;
					}
					.home #planner-header p a:hover {
						border-bottom: 1px dotted #fff;
						background-color:#CCC;
						color:#000;
					}
		
		
			#planner-form form {  				/* set width in form, not fieldset (still takes up more room w/ fieldset width */
				color: #ffffff;
				margin: 0;
				padding: 0;
				min-width: 575px;
				max-width: 675px;
				width: 575px;
			}
			#planner-form form fieldset {
				clear: both; 			/* note that this clear causes inputs to break to left in ie5.x mac */
				border: 0;
				padding: 5px;
				margin: 0;
			}
			#planner-form form label { 
				font: 115%/100% Arial, Helvetica, sans-serif;
				font-weight: bold;
				display: block;  	/* block float the labels to left column, set a width */
				float: left; 
				width: 57px; 
				padding: 0 0 0 10px; 
				margin: 5px 0 0; 	/* set top margin same as form input - textarea etc. elements */
				text-align: left; 
			}		
			#planner-form form textarea, #planner-form form input, #planner-form form select {
				font: 125%/100% Arial, Helvetica, sans-serif;
				border: 1px solid #000000;
				padding: 2px;
			}			
				#planner-form form fieldset.addresses input {
					width: 318px;
				}			
				#planner-form form select.month { 
					margin-left: 13px;
				}
				
			#planner-form form fieldset.submit { 
				float: none; 
				display: inline; 
				margin: 10px 0 0 70px;
				padding: 2px;
			}
				#planner-form form input#submit { 
					margin: 0;
					padding: 0;
					width: 97px;
					height: 29px;
					border: 0;
					float: left;
					background: url(/v3/images/structure/home-planner-button.gif) 0 0;
					cursor: pointer;
					color: #fff;
					font-weight: bold;
					text-align: center;
				}			
				#planner-form form input#submit:hover {
					background-position: -97px 0;
					color: #2e2d2a;
				}			
			#planner-form form span.showonmap {
				font: 100%/100% Arial, Helvetica, sans-serif;
				font-weight: normal;
				margin: 0;
				padding: 5px 0 0 15px;
				float: left;
			}
		
			
			/* overrides for the radio button line */
			#planner-form form fieldset.radio {
				padding: 0 0 10px 72px;
			}
			#planner-form form fieldset.radio label { 
				display: block;
				width: auto; 
				margin: 4px 10px 0 0;
				padding: 0;
			}
			#planner-form form fieldset.radio input { 
				display: block;
				float: left;
				border: 0;
			}
			
			
			
			
			
				
		.home #buttons {
			width: 215px;
			height: 236px;
			float: left;
			margin: 0 0 0 15px;
		}
			.home #buttons a {
				color: #fff;
				text-decoration: none;
			}
			.home #buttons a:hover {
			}
			
			.home #buttons ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			.home #buttons li {
				width: 215px;
				height: 37px;
				margin: 0 0 15px 0;
				padding: 0;
			}
			
			
			.home #systemmap a, .home #schedules a, .home #transittracker a, .home #servicealerts a {
				margin: 0;
				padding: 7px 0 0 32px;
				width: 183px;
				height: 30px;
				float: left;
				background-position: 0 0;
			}
				.home #systemmap a {
					background: url(/v3/images/structure/home-buttons-systemmap.gif) no-repeat;
				}
				.home #schedules a {
					background: url(/v3/images/structure/home-buttons-schedules.gif) no-repeat;
				}
				.home #transittracker a {
					background: url(/v3/images/structure/home-buttons-transittracker.gif) no-repeat;
				}
				.home #servicealerts a {
					background: url(/v3/images/structure/home-buttons-alerts.gif) no-repeat;
				}
				.home #systemmap a:hover, .home #schedules a:hover, .home #transittracker a:hover, .home #servicealerts a:hover {
					background-position: -215px 0;
					cursor: pointer;
					text-decoration: none;
					color: #ffffff;
				}
				
				.home #buttons a span.buttons-h2 {
					font: 100%/100% Arial, Helvetica, sans-serif;
					font-weight: bold;
					margin: 0;
					padding: 0;
				}
				.home #buttons a span.buttons-p {
					font: 80%/105% Arial, Helvetica, sans-serif;
					margin: 0;
					padding: 0;
				}
				
				
				
				
					
	/* --- MAIN PLANNER END --- */
	
	
	/* --- MAIN SHORTCUTS BEGIN --- */
	.home #mainShortcuts {
		margin: 0;
		padding: 0;
		width: 980px;
		float: left;
		clear: both;
		min-height: 42px;
	}
		.home #shortcuts {
			float: left;
			width: 965px;
			margin: 10px 0 0 15px;
			padding: 10px 0 0 0;
			position: relative;
			font: 80%/150% Arial, Helvetica, sans-serif;
		}
			.home #shortcuts ul {
				margin: 0 0 0 15px;
				padding: 0;
			}
			.home #shortcuts li {
				float: left;
				list-style: none;
				margin: 0 10px 0 0;
				padding: 0 0 0 14px;
				color: #ffffff;
				background: url(/v3/images/structure/disc.gif) no-repeat;
				background-position: 0 5px;
			}
			.home #shortcuts li.first {
				background-image: none;
				padding-left: 0;
			}	
			.home #shortcuts a {
				color: #ffffff;
				border-bottom: 1px dotted #448acd;
				text-decoration: none;
			}
			.home #shortcuts a:hover {
				/*color: #ebaf11;*/
				border-bottom: 1px dotted #fff;
				text-decoration: none;
			}
			
	/* --- MAIN SHORTCUTS END --- */
	
/* --- TOP END --- */



/* --- MIDDLE BEGIN --- */
.home #middle {
	width: 980px;
	float: left;
	padding: 0 0 15px 0;
	margin: 0;
	background-color: #ffffff;
	clear: both;
}

	/* --- MAIN DASHBOARD BEGIN --- */
	.home #mainDashboard {
		width: 950px;
		float: left;
		margin: 0 0 0 15px;
		padding: 0;
		border-bottom: 1px solid #2e2d2a;
		border-top: 1px solid #ffffff;
		background-color: #0c457a;
	}
		.home #mainDashboard a, .home #mainDashboard a span {
			color: #fff;
			border-bottom: 1px dotted #2e649a;
			text-decoration: none;
		}
		.home #mainDashboard a:hover, .home #mainDashboard a:hover span {
			border-bottom: 1px dotted #6b94b9;
			text-decoration: none;
		}
		.home #dashboard {
			width: 705px;
			margin: 0;
			padding: 0;
			float: left;
		}
		.home #dashboard ul {
			float: left;
			list-style: none;
			margin: 0;
			padding: 0;
		}
			.home #dashboard ul li {
				width: 220px;	/* for better visual alignment width is 8px extra; negative margin below corrects the positioning */
				float: left;
				margin: 14px 0 5px 15px;	/*set top margin here */
				padding: 0;
			}
				
						
			.home #dashboard ul li h2 {
				font: 90%/120% Arial, Helvetica, sans-serif;
				font-weight: bold;
				margin: 0 0 5px 7px;
				padding: 0;
			}
			.home #dashboard ul li h3 {
				font: 60%/80% Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #999;
				text-transform: uppercase;
				margin: 0;
				padding: 5px 0 3px 0;
			}
			.home #dashboard ul li p {
				font: 80%/100% Arial, Helvetica, sans-serif;
				font-weight: normal;
				margin: 0;
				padding: 0 0 .5em 0;
			}
			.home #dashboard ul li p.small, .home #dashboard-news p.small {
				font: 70%/85% Arial, Helvetica, sans-serif;
				margin: 0;
				padding: 0 0 0 1px;
				clear: left;
			}
						
			
				
				
			/* Dashboard - Contact/Connect */
			.home #dashboard ul li#dashboard-contact {
				margin-left: 8px !important;
				width: 226px !important;
				border-right: 1px dotted #275684;
			}
				.home #dashboard-contact #emailpromo p a, .home #dashboard-contact #feedbackpromo p a {
					height: 42px;
					width: 173px;
					background: url(/v3/images/promos/connect-email.gif) no-repeat;
					background-position: 0 0;
					border: 0;
					float: left;
					padding: 4px 0 0 45px;
					font: normal 110%/110% Arial, Helvetica, sans-serif;
					letter-spacing: 0;
				}
					.home #dashboard-contact #feedbackpromo p a {
						background: url(/v3/images/promos/connect-feedback.gif) no-repeat;
					}
					.home #dashboard-contact #emailpromo p a:hover, .home #dashboard-contact #feedbackpromo p a:hover {
						background-position: -218px 0;
						border: 0;
					}
											
						
				.home #dashboard-contact #social-icons {
					margin-top: 9px;
					margin-left: 7px;
					width: 227px;
					height: 20px;
					float: left;
				}
					.home #dashboard-contact #contact-twitter a, .home #dashboard-contact #contact-youtube a, .home #dashboard-contact #contact-flickr a, .home #dashboard-contact #contact-facebook a {
						width: 20px;
						height: 20px;
						float: left;
						margin: 0 18px 0 0;
						padding: 0;
						background-position: 0 0;
						text-decoration: none;
						border: 0;
					}
						.home #dashboard-contact #contact-facebook a {
							background: url(/v3/images/promos/social-facebook.gif) no-repeat;
						}
						.home #dashboard-contact #contact-twitter a {
							background: url(/v3/images/promos/social-twitter.gif) no-repeat;
						}
						.home #dashboard-contact #contact-youtube a {
							background: url(/v3/images/promos/social-youtube.gif) no-repeat;
						}
						.home #dashboard-contact #contact-flickr a {
							background: url(/v3/images/promos/social-flickr.gif) no-repeat;
							margin-right: 0;
						}
					.home #dashboard-contact #contact-twitter a:hover, .home #dashboard-contact #contact-youtube a:hover, .home #dashboard-contact #contact-flickr a:hover, .home #dashboard-contact #contact-facebook a:hover {
						background-position: -20px 0;
						text-decoration: none;
						border: 0;
					}
			
			/* Dashboard - Trip Tools */
			.home #dashboard ul li#dashboard-triptools {
				margin-left: 8px !important;
				width: 211px !important;	/* 1px short for pic promo to overlap */
			}
				
				.home #dashboard-triptools div.title {
					height: 119px;
					width: 32px;
					background: url(/v3/images/promos/triptoolstitle.gif) no-repeat;
					background-position: 0 0;
					border: 0;
					float: left;
					margin: 0 0 0 0;
					padding: 0;
				}
				.home #dashboard-triptools p a {
					height: 33px;
					width: 163px;
					border: 0;
					float: left;
					margin: 0 0 6px 0;
					padding: 4px 0 0 8px;
						padding-left: 2px;
				}
					.home #dashboard-triptools p a:hover {
						background-position: -218px 0;
						border: 0;
					}
					.home #dashboard-triptools p a span.h3 {
						font: 80%/100% Arial, Helvetica, sans-serif;
						font-weight: bold;
						color: #999;
						text-transform: uppercase;
						border: 0;
						padding-bottom: 1px;
						float: left;
					}
					.home #dashboard-triptools p a span {
						font: normal 110%/110% Arial, Helvetica, sans-serif;
						float: left;
						clear: left;
					}
				
				
							
					
				
			/* Dashboard - Promo */
			.home #dashboard-promo {
				margin-top: 14px !important;
			}
				
				.home #dashboard-promo div.promo-image a {
					width: 221px;
					height: 119px;
					float: left;
					background: url(/includes/promo/promo.jpg) no-repeat;
					background-position: 0 0;
					border: 0;
				}
					.home #dashboard-promo div.promo-image a:hover {
						background-position: -221px 0;
						border: 0;
					}
			
				.home #mainDashboard #dashboard-promo div.promo-poll a.pds-vote-button {
					border: 0;
					text-decoration: none;
				}
					.home #mainDashboard#dashboard-promo div.promo-poll a.pds-vote-button:hover {
						border: 0;
						text-decoration: none;
					}
				.home #mainDashboard #dashboard-promo div.promo-poll a span {
					color: #333;
					border: 0;
					text-decoration: none;
				}
					.home #mainDashboard#dashboard-promo div.promo-poll a:hover span {
						color: #084c8d;
						border: 0;
						text-decoration: none;
					}
			
			
			/* Dashboard - News */
			.home #dashboard-news {
				width: 229px;
				margin: 16px 0 0 6px;
				float: left;
			}
				.home #dashboard-news ul {
					margin: 0 0 0 0;
					padding: 0;
					list-style: none;
					float: none;
				}
				.home #dashboard-news li {
					float: none;
					margin: 0;
					padding: 0 0 12px 9px;
					border: 0;
					font: 80%/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
					background: url(/v3/images/structure/home-news-arrow.gif) no-repeat;
					background-position: 0 4px;
				}
					.home #dashboard-news li a {
						color: #ffffff;
						border-bottom: 1px dotted #275684;
						text-decoration: none;
					}
					.home #dashboard-news li a:hover {
						color: #ffffff;
						border-bottom: 1px dotted #6b94b9;
						text-decoration: none;
					}
				.home #dashboard-news p.small {
					float: right;
				}
			

	/* --- MAIN DASHBOARD END --- */


/* --- MIDDLE END --- */



/* --- BOTTOM BEGIN --- */


.home #bottom {
	width: 980px;
	float: left;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	clear: both;
}
	/* --- MAIN SITEMAP OVERRIDES --- */
	div.list, div.listfirst, div.listlast {
		margin-top: 0;
		min-height: 275px;
	}
	div.listfirst {
		width: 205px;
	}
	div.list {
		width: 205px;
		margin-left: 15px;
	}
	div.listlast {
		width: 216px;
		margin-left: 15px;
		border: 0;
	}


.home a.external {
	background: url(/v3/images/external-bottom.gif) no-repeat;
	background-position: right;
	padding-right: 12px;
}
.home span.secondary {
	font: 80%/150% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
}


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