/* 

*******************************************************
*     Version 1.2 CSS Standards for Highways          *
*                Code rewrite                         *
*                                                     *
*             Created: 2008_02_26                     *
*                                                     *
*             Modified: 2009_08_06                    *
*                                                     *
*           Creator: TSO Web Manager                  *
*                                                     *
*       Last Edited by: TSO Web Developer             *
*                                                     *
*******************************************************

Details of change
1.0 - Created (TSO Web Manager)
1.1 - Added FAQ link list styling (TSO Web Developer)
1.2 - Consolidated CSS, palette made accessible, minor layout modifications

Contents
1. Typography
2. Header
3. Navigation
4. Main content
5. Main copy

*/

/* reset the basics across all browsers */
* {padding: 0; margin: 0;}



/* 1. Begin Typography */

	body {font-family: 'Arial', 'Tahoma', 'Verdana', 'Geneva', sans-serif; font-size: 62.5%; background-color: #fff; /*width: 100%; */ line-height: 1.6em;}
	h1 {color: #E80000; font-size: 1.62667em; font-weight: bold; margin-bottom: 0.403em; }
	h2 {font-size: 1.35em; margin-bottom: 0.25em; margin-top: 1.45em; font-weight: bold; color: #E80000; clear: left;}
	h3, h4, h5, h6{font-size: 1.2733em; margin-top: 1em; margin-bottom: 0.25em; font-weight: bold; color: #E80000; }	
	p, li {font-size: 1.27333em;}
	p {margin-bottom: 1em;}
	li li, li li li, li li li li {font-size: 0.8em;}	
	label {font-size: 1.27333em; margin-bottom: 1em; font-weight: bold; color: #e80000; }
	form {margin-top: 1.5733em; }
	li {margin: 0.25em 20px;}
	
	/* Begin Links */
	a:link {color: #0006FF;  text-decoration: underline; font-weight: normal; }
	a:visited { color: #5F0096;  text-decoration: underline; font-weight: normal; }
	a:hover { text-decoration: none; font-weight: normal; color: #0006FF; }
	a:active { color: #5F0096;  text-decoration: underline; font-weight: normal;}
	/* End Links */
	
	/* table */
	table {font-family: 'Tahoma', 'Arial', 'Verdana', 'Geneva', sans-serif;  border-collapse: collapse; font-size: 1.1em; margin-bottom: 1.5em;}
	table caption {font-size: 1.3em; color: #E80000; font-weight: bold; text-align: left; margin: 0.25em 0 0.5em 0; font-family: 'Arial', 'Verdana', 'Geneva', sans-serif;}
	table th {text-align: left; font-weight: bold; }
	table thead th {background: #F0FBFF; color: #004B96;}	
	table.data th.th_subhead {background: #e2eef6;} 	
	#ians #main_copy table th {text-align: center; font-weight: bold;}
	.superseded {color: red;}	
	table th, table td { border-bottom: 1px solid #CCDDEF;  padding: 5px;  margin: 0; }
	/* table */
	
/* End Typography */

/* 2. Header file */	
	.accessibleLinks li a {position: absolute; left: -999em; width: 1px; overflow: hidden;}
	.accessibleLinks a:focus, .accessibleLinks a:active {width: 397px; 	position: static; text-align: center; padding: 10px 0; background: #FFF36F; display: block; color: #000; float: left; border: 1px solid #FFB82F; font-weight: bold;} 
	.accessibleLinks li { margin: 0; display: inline; float: left; width: inherit;}
	#header #highways_logo { position: absolute;  top: 8px;  left: 665px; }
	#header #strapline { margin-top: 0;  float: left; clear: left; }
	#header {height: 8em; font-size: 1.2722em;}
	#header img {font-size:1.4em; line-height: 1em; color:#84B8DF;}
	#header p { position: absolute;  left:443px;  width: 120px;  top: 32px;  font-weight: bold;  font-size: 10.8px;  font-family: 'Tahoma','Arial','Verdana','Geneva', sans-serif;  color: #84B8DF; }
	#header p#contrastControl {position: absolute; left: 0; width: 842px; top: 67px; float: left;font-size: 1em; text-align: right;  font-family: 'Arial', sans-serif;}
	#header p#contrastControl a {background: url(../images/contrastSwitch.gif) no-repeat top right; padding:5px 40px 0 0; height: 2.4em !important; display: block;width: 200px; float: right;}
/* End Header file */

/* 3. Begin Navigation file */
	#navigation { text-align: center;  clear: both;  color: #FFFFFF;  width: 165px;  margin-right: 14px;  float: left;  height: 100%; }
	#navigation ul li {margin: 0;}
	#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:hover, #navigation ul li a:active { padding-left: 6px;  color: #ffffff;  text-decoration: none; }
	#navigation ul li a:hover { text-decoration: underline; }
	
	#home #navigation ul li#navigation_link_1 a:link, 
	#home #navigation ul li#navigation_link_1 a:visited, 
	#home #navigation ul li#navigation_link_1 a:hover, 
	#home #navigation ul li#navigation_link_1 a:active 
	{background: url(../images/leftnav_arrow_l2_right.gif) no-repeat left 4px; }
	
	#faq #navigation ul li#navigation_link_faq a:link, 
	#faq #navigation ul li#navigation_link_faq a:visited, 
	#faq #navigation ul li#navigation_link_faq a:hover, 
	#faq #navigation ul li#navigation_link_faq a:active 
	{background: url(../images/leftnav_arrow_l2_right.gif) no-repeat left 4px; }
	
	#dmrb #navigation ul li#navigation_link_2 a:link, 
	#dmrb #navigation ul li#navigation_link_2 a:visited, 
	#dmrb #navigation ul li#navigation_link_2 a:hover, 
	#dmrb #navigation ul li#navigation_link_2 a:active 
	{background: url(../images/leftnav_arrow_l2_right.gif) no-repeat left 4px; }
	
	#mchw #navigation ul li#navigation_link_3 a:link, 
	#mchw #navigation ul li#navigation_link_3 a:visited, 
	#mchw #navigation ul li#navigation_link_3 a:hover, 
	#mchw #navigation ul li#navigation_link_3 a:active 
	{background: url(../images/leftnav_arrow_l2_right.gif) no-repeat left 4px; }
	
	#ians #navigation ul li#navigation_link_4 a:link, 
	#ians #navigation ul li#navigation_link_4 a:visited, 
	#ians #navigation ul li#navigation_link_4 a:hover, 
	#ians #navigation ul li#navigation_link_4 a:active 
	{background: url(../images/leftnav_arrow_l2_right.gif) no-repeat left 4px; }
	
	#links #navigation ul li#navigation_link_8 a:link, 
	#links #navigation ul li#navigation_link_8 a:visited, 
	#links #navigation ul li#navigation_link_8 a:hover, 
	#links #navigation ul li#navigation_link_8 a:active 
	{background: url(../images/leftnav_arrow_l2_right.gif) no-repeat left 4px; }
	
	#accessibility #navigation_link_11 a:link, 
	#accessibility #navigation_link_11 a:visited, 
	#accessibility #navigation_link_11 a:hover, 
	#accessibility #navigation_link_11 a:active 
	{background: url(../images/leftnav_arrow_l2_right.gif) no-repeat left 4px; }
	
	#copyrightPage #navigation_link_9 a:link, 
	#copyrightPage #navigation_link_9 a:visited, 
	#copyrightPage #navigation_link_9 a:hover, 
	#copyrightPage #navigation_link_9 a:active 
	{background: url(../images/leftnav_arrow_l2_right.gif) no-repeat left 4px; }

	#help #navigation_link_12 a:link, 
	#help #navigation_link_12 a:visited, 
	#help #navigation_link_12 a:hover, 
	#help #navigation_link_12 a:active 
	{background: url(../images/leftnav_arrow_l2_right.gif) no-repeat left 4px; }

	#sitemap #navigation_link_13 a:link, 
	#sitemap #navigation_link_13 a:visited, 
	#sitemap #navigation_link_13 a:hover, 
	#sitemap #navigation_link_13 a:active 
	{background: url(../images/leftnav_arrow_l2_right.gif) no-repeat left 4px; }
	
	#navigation ul li { border-top: 0.1em solid #ffffff;  text-align: right;  list-style: none;  font-weight: bold;  
				padding: 0.45em;  font-size: 1.08em;  font-family: 'Tahoma','Arial','Verdana','Geneva', sans-serif; }
	#navigation ul li a {font-weight: bold;}
	
	#navigation_link_1 { background-color: #016C99; }
	#navigation_link_faq { background-color: #1F6F76; }
	#navigation_link_2 { background-color: #014F99; }
	#navigation_link_3 { background-color: #012C99; }
	#navigation_link_4 { background-color: #442480; }
	#navigation_link_4_6 { background-color: #503180; }
	#navigation_link_5 { background-color: #6C006F; }
	#navigation_link_6 { background-color: #6F0041; }
	#navigation_link_7 { background-color: #960E56; }
	#navigation_link_8 { background-color: #630699; }
	#navigation_link_9 { background-color: #960E28; }
	#navigation_link_10 { background-color: #000073; }
	#navigation_link_11 { background-color: #000096; }
	#navigation_link_12 { background-color: #000ED8; }
	#navigation_link_13 { background-color: #0050A1; }
	
	#navigation h2 { margin-top: 1.65333em;  margin-bottom: 1.27333em;  text-align: center; }
	#navigation select { display: block;  margin: 1.27333em auto 0 auto;  width: 130px; }
	#navigation input { padding: 0 0.5em;  margin: 1.27333em auto; }
	#navigation label {display: block; margin-top: 1em;}
	#navigation .pdf_text { font-size: 1em;  padding-left: 0.3em; }
	.update_text { font-size: 1.2777em;  color:#000000;  font-weight: bold; }
	
	/* for javascript to hide/show the drop down menus */	
	.javaScriptEnabled #dmrb_list, .javaScriptEnabled #mchw_list {display: none;}
	#mchw #dmrb_list {display: none; }
	#dmrb #mchw_list {display: none; }
	#faq #dmrb_list, #faq #mchw_list,#ians #dmrb_list, 
	#ians #mchw_list, #links #dmrb_list, #links #mchw_list, 
	#home #dmrb_list, #home #mchw_list, 
	#accessibility #dmrb_list, #accessibility #mchw_list, 
	#copyrightPage #dmrb_list, #copyrightPage #mchw_list  
	{display: none; }
	
	#mchwUpdateTxt, #dmrbUpdateTxt {display: none;}
	#mchw #mchwUpdateTxt, #dmrb #dmrbUpdateTxt {display: block;}
	
	#dmrb_list ul li a:link, #dmrb_list ul li a:visited, #dmrb_list ul li a:hover, #dmrb_list ul li a:active, #mchw_list ul li a:link, #mchw_list ul li a:visited, #mchw_list ul li a:hover, #mchw_list ul li a:active { 
	color: #000000;}
	
	#dmrb_list ul li, #mchw_list ul li 
	{text-align: center;padding: 0.2em;}

/* End Navigation file */

/* 4. main_content*/
	#main_content { clear: both;  width: 850px; }
/* end main content */

/* 5. main_copy */
	
	/* Begin news_banner */
	#news_banner { background: #FFF36F;  border: 1px solid #FFB82F;  margin-right: 1%;  margin-bottom: 1em;  padding: 5px 5px 0 5px;  height: 4em;  overflow: auto; }
	#news_banner p { margin: 0 0 8px 0; }
	#news_banner h2 { margin: 0 0 5px 0; color: #000;}
	#news_banner p a, #news_banner abbr {color: #000;}
	/* End News Banner */
	
	#main_copy { display: block;  height: 100%;  width: 660px;  overflow: auto; }
	
	.mchw_table {width: 100%}
	#ians table th, #ians table td {border: 2px solid #E2EEF6}
	#ians #main_content #main_copy a {margin-left: 4px;}
	#ians table {width: 99%;}
	
	#mchw #main_copy ul, #dmrb #main_copy ul{clear: left; }
	#mchw #main_copy ul li, #dmrb #main_copy ul li  {font-size: 1.2733em;line-height: 1.4em; padding-left: 20px; margin: 1.5em 0; clear: left; }
	#mchw #main_copy ul li dl, #dmrb #main_copy ul li dl {margin-bottom:  1.5777em; margin-left: 2.5em;  }
	#mchw #main_copy ul li dl dt, #dmrb #main_copy ul li dl dt{clear: left; font-size: 1em; padding-left: 20px; width: 15%; float: left; margin: 0.753535em 0; }
	#mchw #main_copy ul li dl dt a, #dmrb #main_copy ul li dl dt a {margin-left: -22px;}
	
	#mchw #main_copy ul li dl dd, #dmrb #main_copy ul li dl dd{width: 80%; font-size: 1em; float: left; margin: 0.753535em 0 0.753535em 0.5em; }
	#dmrb #main_copy ul, #mchw #main_copy ul {list-style: none; }
	#mchw #main_copy ul li dl dd ul li, #dmrb #main_copy ul li dl dd ul li{font-size: 1em; float: left; margin: 0 0 0.753535em 0; }
	
	#mchw #main_copy ul li ul li, #dmrb #main_copy ul li ul li {font-size: 1em; }
	#mchw #main_copy ul li ul, #dmrb #main_copy ul li ul  {margin-left: -1.5733em; }
	#mchw #main_copy ul li ul li.indented_term, #dmrb #main_copy ul li ul li.indented_term {margin-left: 3.533em; }
	#mchw #main_copy ul li dl dd ul li.indented_term, #dmrb #main_copy ul li dl dd ul li.indented_term {margin-left: 0em; }
	a:link.section_navigation, a:visited.section_navigation, a:hover.section_navigation, a:active.section_navigation {padding-left: 19px; background: url(../images/plus.gif) no-repeat top left; }
	p.backToTop{text-align: right; padding: 0;}
	#accessibility #main_copy dl, #help #main_copy dl {font-size: 1.2733em;}
	#accessibility #main_copy dt, #help #main_copy dt {width: 10%; clear: left; float: left; text-align: right;}
	#accessibility #main_copy dd, #help #main_copy dd {width: 70%; float: left;}
/* end main copy */

/* misc */

	/* begin links list */
		#links #main_copy ul {list-style: disc; padding-left: 20px; }
		#links #main_copy ul li {padding-left: 0px; margin:0; margin-top: .75em; }
		#links #main_copy ul li ul li {margin: 0; margin-left: 1.5em; }
		#links #main_copy ul li ul {margin: 0; list-style: circle; }
	/* end links list */
	
	/* FAQ linklist */
		#faq #main_copy ul {list-style: disc;  padding-left: 20px; }
		#faq #main_copy ul#faqLinks {padding-left: 0; }
		#faq #main_copy ul li { padding-left: 0.25em; }
		ul#faqLinks li {list-style: none; padding: 0;  margin: 0; margin-top: 0.5em; }
		ul#faqLinks li.firstItem {padding-left: 0; }
		ul#faqLinks li.lastItem {border-right: none; }
	/* end FAQ linklist */

	#copyright {font-size: 1em; text-align: center; }
	#copyrightPage h1 {padding: 4px 0 0 26px; background: url(../images/copyright.gif) no-repeat top left; height: 25px;}
	span.linkHelp {background: url(../images/plusLinkHelp.gif) no-repeat top left; display: inline; padding: 2px 15px;}
	a img { border: 0;  margin: 0 0 -4px -4px; }
	dd a img.pdfIcon { margin: 0 0 -4px -8px; }
	dd a img.inlinePdfIcon { margin: 0 0 -4px 0; }
	#main_copy ul li dl dt a img { margin-top: -4px; }
	th.num {width: 8em;}
/* end misc */