/* BEGIN DOCUMENTATION 
*****************************************************************
* FILE: /css/hep/planning/scenario_and_visualization.css       *
* ------------------------------------------------------------- *
* PURPOSE: Styles for the Scenario Planning and Visualiation   *
*           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: #004A83; }
a:visited { color: #941500; background-color: transparent;}
h1 { color: #081272; margin-bottom: .5em; background-color: transparent;}
h2 { color: #034569; background-color: transparent;}
h2 a, h2 a:hover { color: #034569; background-color: transparent; text-decoration: none; font-weight: bold;}
h3, h4, h5, h6 { color: #a65a00; background-color: transparent;}
h3 a, h4 a, h5 a, h6 a,  h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #a65a00; background-color: transparent; text-decoration: none;}
#header, #wrapper { border-color: #941500; }
#header { 
	background-image: url(/planning/scenario_and_visualization/images/bannerbg.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fff;
	color: #000;
	border-bottom: solid 1px #941500;
	padding-bottom: 25px;
}
#header #pageheading img, #header #pageheading a, #header #pageheading { color: #000066; background-color: transparent;} 
#header #pageheading, #header #pageheading img { margin-top: 2px; }

#navigation { 
    background: transparent url(/planning/scenario_and_visualization/images/navbg1.png) repeat-x top left;
	color: #000;
	width: 100%;
	margin-right: 5px;
}
#navigation ul { 
	margin-left: 0;
	padding-left: 0;
	color: #081272;
	background-color: #ffdeb8;
}
#navigation ul li {
    background: none;
    margin: 0;
	padding-left: 0;
}

#navigation ul li a, #navigation a:visited {
    padding-top: 6px;
	margin-left: 0;
    color: #081272; 
	background-color: transparent;
}
#navigation ul li.current a {
    padding-top: 6px;
	margin-left: 0;
    color: #081272; 
	background-color: #FFBA00;
	border-bottom: 1px solid #2E3784;
}
#navigation ul li a:hover {
	background-color: #FFC72E;
    color: #081272;
}

#wrapper { background-image: url(/planning/scenario_and_visualization/images/subnavbg.png); }
#subnavigation .relateditem p.relatedtitle { padding-top: 0; margin-top: 3px; }
div#subnavigation ul li a, div#subnavigation ul li a:visited {
	background-color: #FFE7CB;
	border-bottom: 1px solid #FF9519;
}
div#subnavigation ul li ul li a {
	background-color: #FFF3E5;
	border-bottom: 1px solid #F2EDDE;
	border-left: 5px solid #FF9519;
}
div#subnavigation ul li ul {
	border-bottom: 1px solid #FF9519;
	}
div#subnavigation ul li a:hover
, div#subnavigation ul li a.current {
	background-color: #FFD099;
	border-left-color: #FFD099;
}

body#hepcontent.publications div#wrapper div#pagecontents div#related { width: 27%; }
body#hepcontent.publications div#wrapper div#pagecontents div#related .relateditem p { padding: 10px }

#related .relateditem, #subnavigation .relateditem { background-color: #fffbf0; padding:0; color: inherit;}
#related .relateditem p.relatedtitle { background-color: #976E00; color: #fff; padding: 7px; margin:0;}
.relateditem, .relateditem p.relatedtitle { border-color: #976E00; }
div#related div.relateditem p a { color: #1171A5; background-color: transparent;}
/*#related .relateditem { padding: 2px; }*/

#contacts {
	border: 1px solid #584200;
	background-color: #FFFBF0;
	color: #000;
	}
#contacts p.contacttitle {
	color: #081272;
	background-color: #ffdeb8;
	border-bottom: 1px solid #584200;
	}
#contacts ol {list-style-type: square;}
.docnav ul li a, .docnav ul li a.index { border: 1px solid #004A83; }
.docnav ul li a.current, .docnav ul li a:hover {
	background: #004A83;
	color: #fff;
}


/* Scenario Planning and Visualization specific styles */
.longitem { height: 500px; }
.red { color: #F00; font-style: italic; font-weight: bold; background-color: transparent;}
.logobox { 
	float: left;
	width: 175px;
	text-align: right;
}
.logobox a img { border: none; }
#pagecontents ul li p, #pagecontents ol li p {margin-left: 0; padding-left: 0; padding-top: 10px;}