@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: 150%/150% "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: 32px;
				margin: 0 0 15px 0;
				padding: 0;
			}
			
			
			.home #systemmap a, .home #schedules a, .home #transittracker a, .home #servicealerts a {
				margin: 0;
				padding: 5px 0 0 32px;
				width: 183px;
				height: 32px;
				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 PROMOS BEGIN --- */
	.home #mainPromos {
		width: 935px;
		float: left;
		margin: 0 0 0 15px;
		padding: 0 0 0 15px;
		border-bottom: 1px solid #2e2d2a;
		border-top: 1px solid #ffffff;
		background-color: #0c457a;
	}
		.home #mainPromos a {
			color: #fff;
			text-decoration: none;
		}
		.home #mainPromos a:hover {
			text-decoration: none;
		}
		.home #promos {
			width: 696px;
			margin: 0;
			padding: 0;
			float: left;
		}
		.home #promos ul {
			float: left;
			list-style: none;
			margin: 0;
			padding: 0;
		}
			.home #promos ul li {
				width: 221px;	/* for better visual alignment width is 8px extra; negative margin below corrects the positioning */
				float: left;
				margin: 20px 22px 15px -8px;	/*set top margin here */
				padding: 0;
				min-height: 85px;
			}
				.home #promos ul li.last {
					margin-right:0;
				}		
				
			.home #promo1 {
				height: 60px;
				background: url(/v3/images/promos/promo1.gif) no-repeat;
			}
				.home #promo1 a {
					display: inline;
					float: none;
				}
				.home #promo1 p {
					font: 80%/105% Arial, Helvetica, sans-serif;
					margin: 5px 0 0 60px;
					padding: 0;
				}
				
			.home #promo2 a, .home #promo3 a {
				margin: 0;
				width: 60px;
				float: left;
				background-position: 0 0;
			}
				.home #promo2 a {
					background: url(/v3/images/promos/promo2.gif) no-repeat;
				}
				.home #promo3 a {
					background: url(/v3/images/promos/promo3.gif) no-repeat;
				}
			.home #promo2 a:hover, .home #promo3 a:hover {
				background-position: -60px 0;
				cursor: pointer;
				text-decoration: none;
			}
				.home #promo2 a:hover {
					background: url(/v3/images/promos/promo2over.gif) no-repeat;
				}
				.home #promo3 a:hover {
					background: url(/v3/images/promos/promo3over.gif) no-repeat;
				}
				.home #promo2 p, .home #promo3 p {
					font: 80%/115% "Trebuchet MS", Arial, Helvetica, sans-serif;
					margin: 2px 0 0 60px;
					padding: 0;
					width: 150px;	/* set width of descriptive text here - 161px max */
				}
					.home #promos p.small {
						font: 70%/80% Arial, Helvetica, sans-serif;
					}
			.home #promos h2 {
				font: 90%/100% Arial, Helvetica, sans-serif;
				font-weight: bold;
				margin: 7px 0 0 60px;
				padding: 0;
				width: 155px;	/* set width of title text here - 161px max */
			}
			
				
			.home #promos a h2 span {
				color: #ffffff;
				border-bottom: 1px dotted #275684;
				text-decoration: none;
			}
			.home #promos a:hover h2 span {
				color: #ffffff;
				border-bottom: 1px dotted #6186a8;
				text-decoration: none;
			}
			.home #promos a p span {
				color: #ffffff;
				border-bottom: 1px dotted #275684;
				text-decoration: none;
			}
			.home #promos a:hover p span {
				color: #ffffff;
				border-bottom: 1px dotted #6186a8;
				text-decoration: none;
			}
			
			
			
			
								
					
				/* --- EMAIL FORM --- */
				#promo1 form {
					font: 90%/100% Arial, Helvetica, sans-serif;
					padding: 0;
					margin: 4px 0 0 59px;
				}			
				#promo1 form input.email {
					font: 90%/120% Arial, Helvetica, sans-serif;
					padding: 1px 1px 1px 2px;
					width: 125px;
					height: 16px;
					border: 1px solid #2e2d2a;
					float:left;
				}
				#promo1 form input.button {
					margin: 0;
					padding: 0;
					width: 27px;
					height: 20px;
					border: 0;
					float: left;
					background: url(/v3/images/structure/home-email-button.gif) 0 0;
					cursor: pointer;
				}			
					#promo1 form input.button:hover {
						background-position: -27px 0;
					}			
				#promo1 p.small {
					clear: left;
					padding-top: 4px;
				}
					#promo1 p.small a {
						border-bottom: 1px dotted #275684;
					}
					#promo1 p.small a:hover {
						border-bottom: 1px dotted #6186a8;
					}
			
		
		.home #news {
			width: 225px;
			margin: 27px 0 0 0;	/* top margin is promos ul li plus promos h2 */
			float: left;
		}
			.home #news ul {
				margin: 0 0 10px 0;
				padding: 0;
				list-style: none;
				float: none;
			}
			.home #news li {
				float: none;
				margin: 0;
				padding: 0 0 7px 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 2px;
			}
				.home #news li a {
					color: #ffffff;
					border-bottom: 1px dotted #275684;
					text-decoration: none;
				}
				.home #news li a:hover {
					color: #ffffff;
					border-bottom: 1px dotted #6186a8;
					text-decoration: none;
				}
			

	/* --- MAIN PROMOS 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 --- */