/** 
 * MTA CSS master styles
 * site maintenance by D.Turicek
 * daryl@chiefpixel.com
 * last updated 8/21/11
 */



body {
	height:						100%;
	margin:						0;
	padding: 					20px;
	background-color: 			#006633;
	font-family:				"Arial", "Verdana";
    font-size: 					13px;
	line-height: 				1.2em;
	text-align: 				left;
	}
.Forecast div {
	clear: both;
	padding-bottom: 7px;
}
div#container{
	height:						100%;
	width:						100%;
    margin: 					0px auto;
    padding: 					0px;
    text-align:					left;
    background:					#FFFFFF;
    min-width:					966px;
	/*width: expression(document.body.clientWidth < 966 ? "966px" :  "100%");    */
	}
#error{
	text-align:					left;
	vertical-align:				top;
	color:						#FF0000;
	font-weight:				bold;
	font-size:					12px;
	}
#errorreport{
	background:		#FFEEEE;/*#F3F3F3;*/
	border:			2px solid #AA0000;
	text-align:					center;
	}
#minwidth {
	width: 966px;
}
#header_section {
	min-width:					966px;
/*	width: expression(document.body.clientWidth < 966 ? "966px" :  "100%");    */
	padding: 					0px;
	text-align: 				left;
	background:					url( '../image/bg_header.jpg' )
	}

	#logo {
		padding: 				0px;
		float: 					left;
		clear: both;
	}
	#alerts {
		float: 					right;
		padding: 				0px;
	}


#content_section {
	height:						100%;
	text-align:					left;
	font-size: 					1.0em;
	padding:					0px;
	background-image:			url( ../image/bg_side.gif );
	background-repeat: 			repeat-y;
	}
	#content_left_section {
		height:					100%;
		float: 					left;
		text-align: 			left;
		width: 					214px;
		background:				#eec331;
		border-right:			1px solid #000000;
		}

		#content_left {
			height:				100%;
			min-height:			1000px;
			width: 				180px;
			padding-top: 		20px;
			}
		#content_left_image {
			padding-top: 50px;
		
			}

	#content_right_section {
		float: 					left;
		text-align: 			left;
		margin-bottom: 			20px;
		padding:				20px;
		width:					73%;
		/*display: inline;*/
		}

			#title_bar {
			}
				#page_title {
					float: 		left;
				}
				#printer_friendly {
					float: 		right;
					width: 		200px;
					text-align: right;
					display:	none;
				}
		#content {
			clear: 				both;
			margin-top:			20px;

		}

#footer_section {
	min-width: 					926px;
	clear:						both;
	text-align:					right;
	font-size: 					0.85em;
	padding:					20px;
	background:					#006633;
	
	}
#footer_section, #footer_section a {
	color:					#dddddd;
}

.footer_spacer {
	padding-left:	5px;
	padding-right:	5px;
}
	
#footer {
	margin-top:					25px;
	text-align: 				center;
}
	#footer_nav {
		padding-bottom:			20px;
	}


#home_image {
	float:						left;
}
#home_details {
	width:						207px;
	float:						right;
}




#home_section_right {
	height:						100%;
	float:			right;
	width:			216px;
	background:		#dddddd;
	border-left:	solid 1px #000000;
	padding:		10px;
	
	clear: 			none;
}

#home_section_middle	{
	float: 					left;
	text-align: 			left;
	margin-bottom: 			20px;
	padding:				10px;
	width:					51%;
	@width:					490px;
}

UL.ezpass 									{float:left; width:90px; padding:0 0 0 15px; margin:0;}
LI.ezpass 									{padding:0; margin:0; font-size:.9em;}

UL.home_travelstats 						{width:115px; padding:10px 0 0 0; margin:0; list-style:none;}
LI.home_travelstats 						{padding:0; margin:0; font-size:.9em; list-style:none;}


/* Set defaults */

/* a fix to remove the 3 pixels added by IE to the bottom of divs containing an image. */
img {
	border: 					0px;
	vertical-align: 			top;
	overflow: 					hidden;
}


a:link {
	text-decoration:			underline;
	color:						#000000;
	}
a:visited {
	text-decoration:			underline;
	color:						#000000;
	}
a:hover {
	color:						#036D3A;
	}




h1 {
	font-size: 					1.5em;
	color: 						#e75a00;
	/*color:						#ff6600; */
	margin: 					0px;
	padding: 					0px;
	padding-bottom:				15px;
}
h2 {
	font-size: 					1.2em;
	font-weight:				bold;
	color:						#00946b;
	padding-bottom:				2px;
	/*padding-top:				15px;*/
}
h4 {
	font-size: 					1.em;
	font-weight:				bold;
	line-height:				.1em;
	margin-bottom:				.5em;
}
h5 {
	font-size:					.9em;
	font-weight:				bold;
	margin: 					0 0 0 0;
	padding: 					0 0 20px 10px;
}
h6 {
	font-size:					.9em;
	color: 						#036E3B;
	font-weight:				bold;
	margin: 					0 0 0 0;
	padding: 					10px 0 20px 0;
}

h7 {
	font-size: 					1.em;
	font-weight:				bold;
	line-height:				.1em;
}

p {
	font-size: 					1em;
	line-height:				1.2em;
	margin: 					0 0 1em 0;
	padding: 					0;
	}

li {
	padding-bottom: 5px;
}

.extra_top {
	padding-top:				20px;
}
.less_bottom {
	padding-bottom:				5px;
}



.dark_green {
	color: 						#036E3B;
	}
.light_green {
	color: 						#7b9c3d;
	}

.clearer {
	clear: 						both;
	line-height:				0em;
	font-size: 					0em;
	height: 					0px;
	padding:					0px;
	margin:						0px;
	}

.small {
	font-size:					.8em;
}


#footer {
	font-size: 				.9em;
	color:					#ffffff;
	/* font-family: 			arial, helvetica, sans-serif; */
	}
#footer p {
	font-size: 				.8em;
	color:					#ffffff;
}
#footer img {
	padding:				5px;
}
#footer a:link {
	text-decoration:		none;
	color:					#ffffff;
	font-size: 				.8em;
	font-family: 			arial, helvetica, sans-serif;
	}
#footer a:visited {
	text-decoration:		none;
	color:					#ffffff;
	font-size: 				.8em;
	font-family: 			arial, helvetica, sans-serif;
	}
#footer a:hover {
	color:					#AFF2FF;
	font-family: 			arial, helvetica, sans-serif;
	}


#home_gray_box {
	margin:					2px 0 0 20px;
	/* background-color:		#DFDFDF;
	height:					150px;
	width:					527px; */
}



#nav {
	width:	204px;
	padding-left: 10px;
}
	
.navSideTier1 {
	padding-bottom:		5px;
}
.navSideTier1 a {
	font-weight:		bold;
	font-size:			.95em;
	color:				#133324;
}


.navSideTier2 {
	padding-left: 16px;
	padding-bottom: 3px;
	padding-top: 2px;
}
.navSideTier2 a {
	font-weight:	normal;
	font-size:		0.85em;

}

.navBullet {
	vertical-align: middle;
	padding-right: 8px;
	width:	8px;
	height:	8px;
}
	


#navDrill, #navDrill a {
	padding-bottom:		15px;
	font-size:			0.9em;
	color:				#333333;
}

.siteMapTier1 {
	font-size: 1.0em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

.siteMapTier2 {
	font-size: 1.0em;
	padding-left: 20px;
	padding-bottom: 2px;
	padding-top: 2px;
}



.tollHeader {
	font-size: 18px;
	margin-bottom: .67em;
	margin-left: 5px;
	margin-right: 0;
	margin-top: .67em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #ffffff;
}

.tollHeading {
	font-size: 12px;
	margin: 15px 0 0 5px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
}

.tollHeading1 {
	font-size: 14px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #eec339;
}

.tollTotal {
	margin: 25px 0 0 5px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #fff;
	text-align:left;
	font-size: 26px;
}
.tollSign {
	margin-right:2px;
	position: relative;
	bottom: 0.4em;
	font-size: 70%;
}

.tollDollar {
	font-size: 100%;
}

.tollError {
	font-size: 12px;
	margin: 15px 0 0 5px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #000;
}


.newsItem {
	font-size: 0.85em;
	padding-bottom: 6px;
}

.newsImage {
	padding-bottom: 8px;
}
.newsImageAddl {
	padding: 12px 0 8px 0;
}

/* added 6/2009 DT D.Turicek daryl@chiefpixel.com */
  a:focus						{-moz-outline-style: none;}
  .simple a 					{color: #000; text-decoration:none;}
  .simple a:link 				{color: #000; text-decoration:none;}
  .simple a:visited				{color: #000; text-decoration:none;}
  .simple a:hover 				{color: #036D3A; text-decoration:none;}
  .simple a:active 				{color: #036D3A; text-decoration:none;}
  .signup 						{width:92px; height:27px; margin-left:10px; background:url(../image/home/news-button.gif) 0 0 no-repeat; float:left;}
  .signup a 					{display:block; width:92px; height:27px; background:url(../image/home/news-button.gif) 0 0 no-repeat;}
  .signup a:hover 				{background-position:0 -27px;}
  .learnjob 					{width:92px; height:27px; margin-left:10px; background:url(../image/home/job-button.gif) 0 0 no-repeat; float:left;}
  .learnjob a 					{display:block; width:92px; height:27px; background:url(../image/home/job-button.gif) 0 0 no-repeat;}
  .learnjob a:hover 			{background-position:0 -27px;}
  ul.ezpass						{list-style:none;}
  li.ezpass						{list-style:none;}

  .breathe						{line-height:1.4em; margin:5px 0 0 0;}

  .heading 						{font-weight:normal; font-weight:bold; color:#00946B; padding:10px 0 10px 0; font-size:110%;}
  .lessimportant 				{font-size:80%;}

  .comments 					{display:block; width:163px; height:38px; margin:0 530px 24px 0; background:url(../image/home/comments-bubble.gif) 0 0 no-repeat; float:left;}
  .comments a 					{display:block; width:163px; height:38px; background:url(../image/about/comments-bubble.gif) 0 0 no-repeat;}
  .comments a:hover 			{background-position:0 -38px;}

  #sc1							{margin:0 0 0 5px; padding:0 0 0 15px;}

  .timeStamp 					{margin:-10px 0 8px 0; text-align:left; width:400px; color:#a2a2a2; font-family:Arial; font-size:26px; font-weight:bold; line-height:28px; letter-spacing:-1px;}
  .am-pm						{font-size:14px; text-transform:uppercase;}
  .audioStream					{margin:-10px 0 20px 0; text-align:left; letter-spacing:-1px; width:400px; color:#000000; font-family:Arial; font-size:14px; font-weight:bold; line-height:28px; word-spacing:-1px;}
  .audioStream a,
  .audioStream a:link,
  .audioStream a:visited		{color:#a2a2a2; text-decoration:none; border-bottom:1px solid #a2a2a2;}
  .audioStream a:hover,
  .audioStream a:active			{color:#036d3a; text-decoration:none; border-bottom:1px solid #036d3a;}

  .gray							{color:#666666;}

/* added 8/2011 D.Turicek daryl@chiefpixel.com */
  .rules						{float:left; margin-right:10px; margin-top:0;}
  .left							{width:6em;}
  .clear 						{font-size:1px; line-height:1px; height:1px; position:relative; clear:both;}