/* BEGIN DOCUMENTATION 
*****************************************************************
* FILE : /css/hep/environment.css                               *
* ------------------------------------------------------------- *
* PURPOSE : Establishes general styles for pages and sites      *
*           associated with the Environmental office.           *
* ------------------------------------------------------------- *
* OVERRIDES : /css/hep.css                                      *
*****************************************************************
END DOCUMENTATION */

a:visited { color: #00734c; }
a, #breadcrumb, #breadcrumb a, #breadcrumb a:visited { color: #004e00; }
h1, h2, h3, h4, h5, h6, .relatedtitle { color: #004106; }
#hephead, #hepfoot { background-color: #D6E8D2; }
div#hephead div.ofctabs div.ofcheadlnx a#heplink {
	background-color: #D6E8D2;
	color: #000;
	}
#hepfoot a { color: #222; background-color: transparent; } 
#wrapper, #header, .hr { border-color: #004106; }
#header {height: 100px; background: #dbf0fd url(/environment/images/bannerbg4.png) right bottom no-repeat; border-bottom: 2px solid #0F2E0A; }
#wrapper { background-image: url(/environment/images/subnav.png); }
#navigation { background-color: #004106; }
#navigation a:hover { background-color: #234c38; }
.relateditem, .relatedtitle, #contacts, .contacttitle { border-color: #3f6743; }
.relateditem, #contacts { background-color: #ebf2e4; }
.relatedtitle, .contacttitle { color: #3f6743; }
.docnav ul li a, .docnav ul li a.index { border-color: #004e00; }
#contacts {border: 1px solid #103513;}
#contacts p.contacttitle {border-bottom: 1px solid #103513;}
#contacts p {
	padding: 5px 10px;
	white-space: normal;
	text-align: left;
	background: none;
	}
#contacts ul {
	margin: 0; padding:0;
	list-type: square;
	}
#contacts ul li {
	margin: 2px 5px; padding: 2px 5px;
	}
#contacts ol {
	list-style-type: square;
	margin: 0 0 3px 0;
	}
#contacts ol li {
	font-size: 0.8em;
	margin: 1px 0;
	}
#subnavigation p.navhead {
	background-image: none; 
	background-color: #DBF0FD; 
	color: #0F2E0A; 
	font-size: .9em; 
	padding: 4px auto; 
	margin: 0 -1px 0 0; 
	border-bottom: 1px solid #75786a;
	border-right: 1px solid #8FA485;
	font-weight: bold;
	}
div#subnavigation ul li ul  {
	background-color: #F2F5EF;
}
div#subnavigation ul li a, div#subnavigation ul li a:visited {
	background-color: #E0E8D9;
	border-bottom: 1px solid #BAC9B5;
}
div#subnavigation ul li ul li a {
	background-color: #F2F5EF;
	border-bottom: 1px solid #F2EDDE;
}
div#subnavigation ul li ul {
	border-bottom: 1px solid #BAC9B5;
	}
div#subnavigation ul li a:hover
, div#subnavigation ul li a.current 
, div#subnavigation ul li ul li a:hover
, div#subnavigation ul li ul li a.current {
	background-color: #C6D2C2;
}	
	
body.environment #header #pageheading { 
	float: left;
	margin: 0;
	padding: 0;
	}
body.environment #contents {
	width: 51%;
	}
body.environment #related {
	width: 27%;
	}
body.environment #contacts p.contacttitle, body.environment #related p.relatedtitle {
	background-color: #C6D2C2; color: #191F08; 
	}
body.environment #related div.relateditem {
	background-color: #FFFDEC;
	}
body.environment div#contacts {
	background-color: #FFFDEC;	
	}
body.hydroacoustics #header #pageheading {
	margin: 0;
	padding: 0; 
	}

blockquote {
  margin-left: 25px;
  padding-left: 1em;
  border-left: 4px solid #999;
  font-style: italic;
}

/* NOISE */

.bluecall {
	width:228px;
	background-color:#007DC3;
	color:white;
	font-weight:900;
	float:right;
	padding:4px;
	clear:both;
	text-align:center;
	border-radius: 10px;
	}
	
.orangecall {
	width:228px;
	background-color:orange;
	color:white;
	font-weight:900;
	float:right;
	padding:4px;
	clear:both;
	text-align:center;
	border-radius: 10px;
	}