@charset "utf-8";


body {
	font: 100%/100% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

p.clear {
	float: none;
	clear: both;
}



.home #container {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left; /* this overrides the 'text-align: center' on the body element. */
	position: relative;
}



/* --- TOP BEGIN --- */

/* --- EMERGENCY BOX --- */
.home #EmergencyNoticeBox, .home #WeatherEmergency {
	margin: 0;
	padding: 10px;
	min-height: 42px;
	font: 100%/100% "Trebuchet MS", Helvetica, Arial, sans-serif;
}
.home #EmergencyNoticeBox h1, .home #WeatherEmergency h1 {
	font: bold 125%/125% "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0 0 3px 0;
	padding: 0;
}
.home #EmergencyNoticeBox p, .home #WeatherEmergency p {
	font: 90%/100% "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0 0 10px 0;
}
.home #EmergencyNoticeBox p.update, .home #WeatherEmergency p.update {
	font: 70%/70% "Trebuchet MS", Helvetica, Arial, sans-serif;
	padding: 5px 0 0 0;
}
.home #EmergencyNoticeBox a, .home #WeatherEmergency a {
	font-weight: bold;
}



.home #topTile {
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
	clear: both;
}
.home #top {
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
	clear: both;
}
	.home #top h1 {
		margin: 0;
		padding: 0;
	}
	.home #logo-print {
		display: block;
	}


	/* --- MAIN LOGO BEGIN --- */
	.home #mainLogo {
		display: none;
	}
		.home #logo-normal {
			display: none;
		}
		.home #logo-ie6 {
			display: none;
		}
	/* --- LANGUAGES --- */
	.home #languages {
		display: none;
	}
		
	/* --- MAIN LOGO  END --- */

	/* --- MAIN PLANNER BEGIN --- */
	.home #mainPlanner {
		margin: 25px 0 0 0;
		padding: 0;
		width: 100%;
		float: left;
		font: 80%/100% Arial, Helvetica, sans-serif;
		clear: both;
		border-top: 1px solid #000;
	}
		.home #planner {
			width: 690px;
			min-height: 236px;
			float: left;
		}
		
			#planner-header h2 {
				font: 150%/100% Arial, Helvetica, sans-serif;
				font-weight: bold;
				padding: 24px 0 15px 0;
				margin: 0;
			}
			#planner-header p {
				display: none;
			}
		
			#planner-form form { 
				margin: 0;
				padding: 0;
				width: 500px;
			}
			#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;
			}			
				#planner-form form input#submit:hover {
					background-position: -97px 0;
				}			
							
				
				#planner-form form span.advanced {
					font: 100%/100% Arial, Helvetica, sans-serif;
					font-weight: normal;
					margin: 0;
					padding: 8px 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: 20px 0 0 15px;
		}
			.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 #buttons h2 {
				font: 100%/100% Arial, Helvetica, sans-serif;
				font-weight: bold;
				padding: 5px 0 0 32px;
				margin: 0;
			}
			
			.home #systemmap a, .home #schedules a , .home #transittracker a , .home #servicealerts a {
				margin: 0;
				padding: 0;
				width: 215px;
				height: 32px;
				float: left;
			}
				.home #systemmap a:hover, .home #schedules a:hover, .home #transittracker a:hover, .home #servicealerts a:hover {
					text-decoration: none;
					color: #ffffff;
				}
				.home #systemmap p, .home #schedules p, .home #transittracker p, .home #servicealerts p {
					font: 80%/105% Arial, Helvetica, sans-serif;
					margin: 0 0 0 33px;
					padding: 0;
				}
					
	/* --- MAIN PLANNER END --- */
	
	
	/* --- MAIN SHORTCUTS BEGIN --- */
	.home #mainShortcuts {
		margin: 0;
		padding: 0;
		width: 100%;
		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;
			}
			.home #shortcuts li.first {
				padding-left: 0;
			}	
			.home #shortcuts a {
				color: #ffffff;
			}
			.home #shortcuts a:hover {
				color: #ebaf11;
			}
			
	/* --- MAIN SHORTCUTS END --- */
	
/* --- TOP END --- */



/* --- MIDDLE BEGIN --- */
.home #middle {
	width: 100%;
	float: left;
	padding: 0 0 15px 0;
	margin: 0;
	clear: both;
}

	/* --- MAIN DASHBOARD BEGIN --- */
	.home #mainDashboard {
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		border-top: 1px solid #000;
	}
	

	/* --- MAIN DASHBOARD END --- */


/* --- MIDDLE END --- */



/* --- BOTTOM BEGIN --- */


.home #bottom {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	clear: both;
}
	/* --- MAIN SITEMAP OVERRIDES --- */
	div.list, div.listfirst, div.listlast {
		margin-top: 0;
		min-height: 275px;
	}


/* --- BOTTOM END --- */


