/* BEGIN DOCUMENTATION 
*****************************************************************
* FILE : /css/hep/planning/national_highway_system.css          *
* ------------------------------------------------------------- *
* PURPOSE : Styles for the National Highway System topic.       *
			This includes                                       *
*           overrides to FHWA and HEP stylesheets, mainly color *
*           changes where indicated                             *
* ------------------------------------------------------------- *
* OVERRIDES : /css/fhwatopic.css                                *
*             /css/hep.css                                      *
*             /css/hep/planning.css                             *
*****************************************************************
END DOCUMENTATION */
a, #breadcrumb, #breadcrumb a, #breadcrumb a:visited  { color: #000070; }
a:visited { color: #7e4100; }
h1, h2, h3, h4, h5, h6 { color: #570069; background-color: transparent;}
h1 {
	margin-bottom: .5em
	}
	
h3 {color: #156C58; background-color: transparent; margin-left: 5px;}
html body#hepcontent.national_highway_system div#wrapper div#related div.relateditem p.relatedtitle {background-color: #D1D4D8; color: #002141;}

html body#hepcontent.national_highway_system div#wrapper div#related div.relateditem {margin-bottom: 0;}

#related {margin-left: 5px; padding-left: 5px;}
#related .relateditem {color: #000; background-color: #fff;}
#header, #wrapper, #subnavigation .relateditem, #subnavigation .relateditem p.relatedtitle { border-color: #000070; }
#header { 
	background-image : url(/planning/national_highway_system/images/bannerbg.png);
	background-repeat : no-repeat;
	background-position : right top;
	background-color : #ccccff;
	border-bottom: 1px solid #263C64;
}
#header #pageheading img, #header #pageheading a, #header #pageheading { color: #000070; }
#header #pageheading, #header #pageheading img { margin-top : 0; margin-left: 0; padding-left: 0;}
#navigation { background-color: #000070; }
#navigation a, #navigation a:visited {
	text-align:center;
	line-height:97%;
	}
#wrapper { background-image: url(/planning/national_highway_system/images/subnavbg.png); }

div#subnavigation ul li ul  {
	background-color: #DAE3F0;
}
div#subnavigation ul li a {
	background-color: #DAE3F0;
	border-bottom: 1px solid #777;
}
div#subnavigation ul li ul li a {
	background-color: #E8EEF6;
	border-bottom: 1px solid #F2EDDE;
}
div#subnavigation ul li ul {
	border-bottom: 1px solid #777;
	}
div#subnavigation ul li a:hover
, div#subnavigation ul li a.current {
	background-color: #B6C9E2;
	border-left-color: #B6C9E2;
}
#breadcrumb { margin-left : 19%; }
.relateditem {
	background-color : #FFFAC3;
	border-color : #683B00;
	}
.relateditem p.relatedtitle {
	color: #683B00;
	border-color : #683B00;
	}
.docnav ul li a, .docnav ul li a.index { border-color: #000070; }
.docnav ul li a.current, .docnav ul li a:hover { background-color: #000070; }
div.docnav ul li a { text-decoration: none!important; }
div.docnav { padding: 0; height: 3%; }
.archive {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.archive .button {
	display: inline;
	list-style: none;
}
.archive li {
	width: 150px;
	background-color: #CCF;
	color: #000;
	font-weight: bold;
	font-size: 1.2em;
	margin-right: 5px;
	margin-left: 5px;
	padding: 2px;
	border-top: 2px solid #CCE5FE;
	border-right: 1px solid #6565FF;
	border-bottom: 1px solid #6565FF;
	border-left: 2px solid #CCE5FE;
}
.archive a {
	text-decoration: none;
}
.archive a:hover {
	background-color: #CCF;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
/* Contacts box */
#contacts {
	background-color: #fff;
	color: #000;
	border: 1px solid #683B00;
	}
#contacts p.contacttitle {
	background-color: #344871;
	color: #fff;
	font-size: 95%;
	border-bottom : 1px solid #000;
	}
#contacts p {
	color: #000;
	margin: 0;
	padding: 5px;
	}
#contacts ol {
	list-style-type: square;
	}
#contacts ol li {
	font-size: 90%;
	}
#contacts a {
	font-weight: bold;
	text-decoration: none;
}

#contacts a:hover {
	text-decoration: underline;
}
ol.contactlist {

	margin: 0 0 5px 0;
}

ol.contactlist li, ol.contactlist li a {

	font-size: 100%;
	margin-top: 1px;
	margin-bottom: 1px;}