/* BEGIN DOCUMENTATION 
*****************************************************************
* FILE : /css/hep/environment/environmental_justice.css                         *
* ------------------------------------------------------------- *
* PURPOSE : Styles for the Environmental Justice topic. This includes           *
*           overrides to FHWA and HEP stylesheets, mainly color *
*           changes where indicated                             *
* ------------------------------------------------------------- *
* OVERRIDES : /css/fhwatopic.css                                *
*             /css/hep.css                                      *
*             /css/hep/environment.css                          *
*****************************************************************
END DOCUMENTATION */
a:visited { color: #1d4d0f; }
a, #breadcrumb, #breadcrumb a, #breadcrumb a:visited, h1, h2, h3, h4, h5, h6 { color: #006; }
h1 {
	font-size: 150%;
	padding: 10px 1px 0 1px;
	margin: 10px 1px 0 1px;
	color: #095CA6; background-color: transparent;
	}
h2 {
	font-size: 130%;
	padding: 3px;
	color: #095CA6; background-color: transparent;
	}
h3 {
	font-size: 115%;
	margin: 6px;
	font-style: normal;
	border-bottom: 1px solid #CCCCCC; 
	}
h4 { margin-top: 10px; }
h5 {
	font-size: 100%;
	margin-top:5px;
	}
#header, #wrapper { border-color: #396384; }
#header {
	height: 99px;
	color: inherit;
	background-color: #B30E04;
	background-image: url(/environment/environmental_justice/images/bannerbg.png);
	}
#pageheading {
	font-size: 150%;
	font-weight: bold;
	color: #fff; background-color: transparent;
	padding: 15px 10px 0 10px;
	margin: 0;
	}
#pageheading a {
	text-decoration: none;
	color: #fff;  background-color: transparent;
	}
#wrapper { background-image: url(/environment/environmental_justice/images/subnav_bg.png); }
#localnav ul li {color: #000!important; background-color: transparent;}
#localnav ul li a, ul li ul li a { color: #000!important; background-color: transparent;}
#localnav ul li a:hover { color: #000!important; background-color: #ccc;}
#localnav ul li ul li a:hover { color: #095CA6!important; background-color: transparent;}
#localnav ul li ul li a:hover { text-decoration: none;}
#localnav ul li a:visited, ul li ul li a:visited { color: #fff;  background-color: transparent;}
#localnav ul li a.ejcurrent { background-color: #095CA6; color: #fff!important;}
#subnavigation ul li ul {list-style-type: square!important;}
#contacts {
	background-color: #FFFBF2; color: #000;
	border: 1px solid #006;
	}
#contacts p.contacttitle {
	color: #fff;
	background-color: #B30E04;
	border-bottom : 1px solid #006;
	}
#contacts p {
	color: #000;
	background-color: transparent;
	}
#contacts ol {
	list-style-type: square;
	}
#contacts a {
	font-weight: bold;
	}
#related {
	width: 33%; 

}
#related ul {
	list-style-type: square; 
}

#related p.relatedtitle {
	color: #fff;
	border-bottom: 1px solid #063472;
	background-color: #063472;
	}
.relateditem {

	border: 1px solid #006;
	background-color: #FFFBF2; color: #000;

	}
#related .relateditem ul li ul li a {color: #000!important; background-color: transparent;}
a.relateditem {color: #000; background-color: transparent;}
	
.boxleft {padding-right: 5px; margin-right: 25px;}
.picleft {
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
	}
.picright {
	float: right;
	margin: 0 4px;
	padding: 0;
	}
.noisepic { margin: 5px 0 5px 8px; }
.dkblue {color: #006; background-color: transparent;}
.docnav ul li a, .docnav ul li a.index { border-color: #006; }
.docnav ul li a.current, .docnav ul li a:hover  { background-color: #006; color: inherit;}
.lahood {background-image: url(/environment/environmental_justice/ej_at_dot/order_56102a/raysig.png) }
#pagecontents h3 a, #pagecontents h3 a:hover {text-decoration: none; color: #006; background-color: transparent;}
.boxcolumn {
	border: 1px solid #000;
	background-color: #fffbf2; color: #000;

	}
	
.boxleft {width: 40%;} 

.boxright {width: 40%;}
.center p {text-align: center;}
.center table {margin-right: auto; margin-left: auto;}
.boxfull {height: 100%; clear: both;}
.col1 {float: left!important; width: 45%; } 
.col2 {float: right!important; width: 45%;}

div#pagecontents div.relateditem h3 {
	text-align: left;
	}
.datatable td p {padding-bottom: 5px;}