/* HSE STYLESHEET 
---------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	text-decoration:none;
 	border:none;
	list-style:none;}
	
body {
	background:#FFFFFF;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color:#000;}
	
hr {
  display:none;}
  
.clear {
  clear: both;
  display: block;
  height: 1px;
  overflow: hidden;
  margin: 0;
  padding: 0;}

a {
  color:#000066;}
  
/* PAGE LAYOUT 
---------------------------------------------------------------*/
#container {
  width:100%;
  min-width:780px;}
  
#header {
  width:auto;
  display:none
  }
  	
#maincol {
  width:100%;
  background: url(/images/bg-leftcol.gif) repeat-y 15.4em 0;}

#maincol-noborder {
  width:100%;}
  
#column-container {
  width: 100%;
  background: url(/images/bg-leftcol.gif) repeat-y 15.4em 0;}
  
#column-containergray {
  width: 100%;
  background:url(/images/bg-gray.gif) repeat-y top left;}

#navcol {
  width: 15.4em;
  float: left;
  display:none;
  }
	
#main {
  padding: 10px;
  margin-left: 0em;
  margin-right: 0em;
  background:#FFF;
  border-right:1px solid #fff;}
  
#main2Col {
  padding: 10px;
  margin-left: 0em;
  margin-right: 0em;
  background:#FFF;
  border-right:1px solid #fff;}
  
#main3Col {
  padding: 10px;
  margin-left: 0em;
  margin-right: 0em;
  background:#FFF;
  border-right:1px solid #fff;}

#main-wide {
  padding: 5px;
  margin-left: 15.5em;}
  
#sidecol {
  width: 15.5em;
  display:none;
  float: right;}
  
#footer {
  border-top: 1px solid #E5E5EF;
  clear: both;
  display:none;
  padding:5px 7px;}

/* HEADERS
-----------------------------------------------------------*/
h1.subheader-title {
  font-size:1.5em;
  color:#007A45;}

h2.subheader-title {
  font-size:1.5em;
  color:#007A45;}

h3.headergreen {
  background-color:#007A45;
  color:#fff;
  padding:2px 0 2px 6px;
  font-size:1.2em;}

h3.headerblue {
  background-color:#000066;
  color:#fff;
  font-size:1.5em;
  margin-right:3px;
  padding:3px 5px;}

h3.headerstyle {
  background: #A5CBF5 url(/images/bg-headerstyle.gif) left no-repeat;
  color:#000066;
  font-size:1.5em;
  margin-right:3px;
  padding:3px 25px;}

h3.headerstyle01 {
  background: #D4F2C9 url(/images/bg-headerstyle01.gif) left no-repeat;
  color:#007A45;
  font-size:1.5em;
  padding:3px 25px;}

/* NAVIGATION COLUMN 
-------------------------------------------------------------*/
.nav-active {
  font-weight:bold;}
/* green colored navigation */
ul#navcol-green {
  background-color:#007A45;
  position:relative;
  margin-bottom:10px;
  width:15.4em;}

ul#navcol-green li {
  width:auto;
  border-bottom:1px solid #fff;
  font-size:1.2em;
  padding:3px 0;
  font-weight: normal;}

ul#navcol-green li a {
  display:block;
  background:url(/images/icon-greennav.gif) 3px 4px no-repeat;
  padding-left:15px;
  color:#fff; }

ul#navcol-green li ul {
  background-color:#fff;
  position:relative;}

ul#navcol-green li ul {
  margin-top:5px;
  margin-bottom:-4px;
  border-top:1px solid #E5E5EF;}
  
ul#navcol-green li ul li { 
  width:auto;
  border-bottom:1px solid #E5E5EF;
  font-size:1em;
  padding:3px 0; }

ul#navcol-green li ul li a {
  display:block;
  background:url(/images/icon-greenpop.gif) 3px 4px no-repeat;
  padding-left:15px;
  color:#007A45; }

ul#navcol-green li ul li.bottomsubnav {
  border:none;}

ul#navcol-green li.activenav {
  background-color:#fff;}
  
ul#navcol-green li.activenav a.nav{
  background:url(/images/icon-greenpop-active.gif) 3px 3px no-repeat;
  font-weight:bold;
  color:#007A45;}

ul#navcol-green li ul li ul li {
 padding-left:0px;}

ul#navcol-green li ul li ul li a {
  background:none;}

ul#navcol-green li ul li ul li ul li {
 padding-left: 10px;}
  
ul#navcol-green li.active, ul#navcol-green li ul li.active, ul#navcol-green li ul li ul li.active { font-weight: bold;}


/* gray colored navigation */
ul#navcol-gray {
  background-color:#E5E5EF;
  position:relative;
  margin-bottom:10px;
  width:15.4em;}

ul#navcol-gray li {
  width:auto;
  border-bottom:1px solid #fff;
  font-size:1.2em;
  padding:3px 0;}

ul#navcol-gray li a {
  display:block;
  background:url(/images/icon-graynav.gif) 3px 4px no-repeat;
  padding-left:15px;
  color:#000066; }

ul#navcol-gray li ul {
  background-color:#fff;
  position:relative;}

ul#navcol-gray li ul {
  margin-top:5px;
  margin-bottom:-4px;
  border-top:1px solid #E5E5EF;}
  
ul#navcol-gray li ul li { 
  width:auto;
  border-bottom:1px solid #E5E5EF;
  font-size:1em;
  padding:3px 0; }

ul#navcol-gray li ul li a {
  display:block;
  background:url(/images/icon-graypop.gif) 3px 4px no-repeat;
  padding-left:15px;
  color:#000066; }

ul#navcol-gray li ul li.bottomsubnav {
  border:none;}

ul#navcol-gray li.activenav {
  background-color:#fff;}
  
ul#navcol-gray li.activenav a.nav{
  background:url(/images/icon-graypop-active.gif) 3px 3px no-repeat;
  font-weight:bold;
  color:#000006;}

ul#navcol-gray li ul li ul li {
 padding-left:10px;}

ul#navcol-gray li ul li ul li a {
  background:none;}

p.logonav {
  padding:10px 0 10px 2px;}
 
/* HEADER 
-------------------------------------------------------------*/
p.hsenetlogo {
  background:url(/images/logo-hsenet.jpg) no-repeat;
  float:left;
  margin:7px 0 5px 7px; }

p.hsenetlogo a {
  width:192px;
  height:42px;
  text-indent:-999999px;
  display:block;}

p.hseielogo {
  background:url(/images/logo-hseie.jpg) no-repeat;
  float:left;
  margin:7px 0 5px 7px; }

p.hseielogo a {
  width:183px;
  height:43px;
  text-indent:-999999px;
  display:block;}

p.hsextralogo {
  background:url(/images/logo-hsextra.jpg) no-repeat;
  float:left;
  margin:7px 0 5px 7px; }

p.hsextralogo a {
  width:194px;
  height:43px;
  text-indent:-999999px;
  display:block;}

ul#topnav {
  float:right;
  border-top:4px solid #007A45;
  font-size:1.2em;}

ul#topnav li {
  float:left;
  border-left:1px solid #007A45;}

ul#topnav li a {
  color:#007A45;
  display:block;
  padding:3px 8px; }

ul#topnav li.lightnav a:link, ul#topnav li.lightnav a:visited, ul#topnav li.lightnav a:active {
  background-color:#D4F2C9;
  font-weight:bold;}
ul#topnav li.lightnav a:hover { text-decoration: underline; }

.topsearch {
  background:#000066;
  float:left;
  display:block;
  width:100%;
  border-bottom:1px solid #fff;}

.topsearch .searchblock {
  margin-left:155px;
  border-left:1px solid #fff;
  padding:0 0 0 10px;
  color:#fff;
  font-size:1.2em;
  height:2.3em;}

.topsearch .searchblock div {
  float:left;
  display:block;
  border-right:1px solid #fff;
  height:20px;
  padding:2px 8px 1px 0;}

.topsearch .searchblock div label {
  font-weight:bold;}

.topsearch .searchblock div input.searchblockbox {
  width:144px;
  border:1px solid #A5ACB2;
  font-size:1.1em;}
  
.topsearch .searchblock div input.searchgobtn {
  border:none;
  background:none;
  color:#fff;
  font-weight:bold;
  font-size:1.2em;
  text-decoration:underline;}

.topsearch .advsearch {
  border-right:1px solid #fff;
  float:left;
  height:18px;
  padding:4px 8px 1px 8px;}

.topsearch .advsearch a {
  color:#fff;
  text-decoration:underline;}

/* MAIN 
------------------------------------------------------*/ 

.subheader {
  background-color:#D4F2C9;
  width:100%;
  float:left;}

.subheader .photohead,
.subheader01 .photohead {
  padding-right:10px;
  float:left;
  display:block;}

.subheader .subheader-text ,
.subheader01 .subheader-text {
  padding:10px 0 0 0 ;
  margin-left:230px;}

.subheader .subheader-text p ,
.subheader01 .subheader-text p {
  color:#4D4D4D;
  font-size:1.2em;
  padding-right:10px;}

.subheader01 .subheader-text p {
  color:#000 !important;}

.subheader .subheader-text p.viewall ,
.subheader01 .subheader-text p.viewall {
  text-align:right;
  color:#000066;
  font-size:1.2em;}

.subheader .subheader-text p.viewall a ,
.subheader01 .subheader-text p.viewall a {
  text-decoration:underline;}

.subheader01 {
  width:100%;
  float:left;}

.latestblock {
  background:#fff url(/images/bg-divider.gif) repeat-y center;
  float:left;
  display:block;
  width:100%;
  margin:10px 0 0 0;}
 
.latestblock .block01 {
  float:left;
  display:block;
  width:49.9%;}

.latestblock .block02 {
  float:left;
  display:block;
  width:49.9%;}

.alignheader {
  margin-left:5px;}

ul.latestcontent {
  width:98.5%;}

ul.latestcontent li {
  background:url(/images/icon-greennav01.gif) 3px 4px no-repeat;
  padding:4px 0 4px 15px;
  border-bottom:1px solid #E5E5EF; }

ul.latestcontent li a {
  font-size:1.2em;
  text-decoration:underline;}

ul.latestcontent-gray {
  width:98.5%;}

ul.latestcontent-gray li {
  background:url(/images/icon-graynav01.gif) 3px 4px no-repeat;
  padding:4px 0 4px 15px;
  border-bottom:1px solid #E5E5EF; }

span.datetext {
  color:#4D4D4D;
  font-size:1.1em;
  display:block;}

span.titlenav {
  color:#007A45;
  font-size:1.2em;
  display:block;
  font-weight:bold;}

span.descnav {
  color:#4D4D4D;
  font-size:1.1em;
  display:block;}

img.centerphoto {
  display:block;
  margin:0 auto;}

.latestblock01 {
  background:#fff url(/images/bg-divider.gif) repeat-y left;
  float:left;
  display:block;
  width:100%;
  margin:10px 0 0 0;}
  
  
 /* HEADERS AND CONTENT 
------------------------------------------------------*/ 
 
.contentHeaderBanner { background: #dfe7f1; }

h1 { margin: .5em 0 .5em 0; padding: 0; font-size: 2.2em; font-family: Verdana, Arial; font-weight: bold; color: #007A45;}
h2, h3, h4, h5, h6 { font-family: Verdana, Arial; font-weight: bold; color: #000066;}
h2 { margin: 0 0 .5em 0; padding: 0; font-size: 1.7em; }
h3 { margin: 0 0 .5em 0; padding: 0; font-size: 1.5em; }
h4 { margin: 0 0 .5em 0; padding: 0; font-size: 1.3em; }
h5 { margin: 0 0 .5em 0; padding: 0; font-size: 1.2em; }
h6 { margin: 0 0 .5em 0; padding: 0; font-size: 1.1em; }

h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #007A45; text-decoration: underline; }
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { color: #000066; text-decoration: underline; }

.content {font-family: Verdana, Arial; font-size: 1.2em; font-weight: normal; color: #000;}
.content p {margin: 0 0 .5em 0; padding: 0;}
.content a:link, .content a:visited {color: #007A45; text-decoration: underline; }
.content a:hover, .content a:active {color: #000066; text-decoration: underline; }

.content li { margin: 0 0 .5em 0; padding: 0 0 0 12px; background:url(/images/navigation/bullet03.gif) left center no-repeat;}

.content .updateBox {margin: .8em 0 0 0; padding: 0; font-size: 1em; font-weight: normal; color: #888;}

.contextGroup a:link, .contextGroup a:visited {color: #007A45; text-decoration: underline; font-size: 1.8em}
.contextGroup a:hover, .contextGroup a:active {color: #000066; text-decoration: underline; font-size: 1.8em}
   
.contextPortal a:link, .contextPortal a:visited {color: #007A45; text-decoration: none; font-size: 1.3em; font-weight:bold}
.contextPortal a:hover, .contextPortal a:active {color: #000066; text-decoration: none; font-size: 1.3em; font-weight:bold}
   
#buttonBox {padding: .8em 0 0 0; margin: 0;display:none}   
#buttonBox a:link, #buttonBox a:visited {display:none;padding: 0; margin: 0; color: #007A45; text-decoration: underline; font-size: 1.2em}
#buttonBox a:active, #buttonBox a:hover {display:none;color: #000066; text-decoration: underline; font-size: 1.2em}
   
#goBack {padding: .8em 0 0 0; margin: 0;}
#goBack a:link, #buttonBox a:visited {padding: 0; margin: 0; color: #007A45; text-decoration: underline; font-size: 1.2em}
#goBack a:active, #buttonBox a:hover {color: #000066; text-decoration: underline; font-size: 1.2em}

.print {display:none}
.print a:link, .print a:visited {color: #007A45; text-decoration: underline; font-size: 1.0em}
.print a:active, .print a:hover {color: #000066; text-decoration: underline; font-size: 1.0em}

.mainDoclist li { margin: 0; padding: .5em 0 .5em 0; list-style-position: outside; border-top: 1px solid #e5e5ef;}
.mainDoclist li h2.documentTitle {margin: 0; padding: .5em 0 .5em 0; }
.mainDoclist li h2.documentTitle a:link, .mainDoclist li h2.documentTitle a:visited {margin: 0; padding: 0; text-decoration: underline; }
.mainDoclist li h2.documentTitle a:hover, .mainDoclist li h2.documentTitle a:active {margin: 0; padding: 0; }
.mainDoclist li td {margin: .2em 0; padding: 0; font-size: 1.2em; }
.mainDoclist li td a:link, .mainDoclist li td a:visited {color: #007A45; text-decoration: underline; }
.mainDoclist li td a:hover, .mainDoclist li td a:active {color: #000066; text-decoration: underline; }
.mainDoclist li td img { float: left; margin-right: .5em; padding: 0; border: 0;}
.mainDoclist li td a.storyLink { display: block; margin: 0; padding: .5em 0;  }


/* Related documents
------------------------------------------------------*/

.relatedBox {margin: 1em 0 0 0; padding: 0; }
.relatedBox a:link, .relatedBox a:visited {color: #007A45; text-decoration: underline; }
.relatedBox a:hover, .relatedBox a:active {color: #000066; text-decoration: underline; }
.relatedBox h2 {margin: 0; padding: .5em; font-size: 1.2em; color: #000066; background: #eef3f8;}
.relatedBox ul li {margin: 0; padding: .5em; font-size: 1.2em; border-bottom: 1px solid #eef3f8;}
.relatedBox ul li span { display: block; margin: 0; padding: .2em 0; font-size: .9em; }


/* SIDE COL
------------------------------------------------------*/
.sidecol-greenbk {
  background-color:#D4F2C9;
  padding:3px;
  color:#007A45;}

.sidecol-greenbk div.healthdir {
  width:auto;}

.sidecol-greenbk div.healthdir label {
  font-size:1.1em;}

.sidecol-greenbk div.healthdir select ,
.formstyle select {
  width:145px;
  font-size:1.1em;
  margin:2px 0 5px 0;}

.sidecol-greenbk div.healthdir input.viewbtn ,
.formstyle input.viewbtn {
  border:none;
  background:none;
  color:#007A45;
  font-size:1.3em;
  text-decoration:underline;
  display:block;
  float:right; }

.formstyle input.viewbtn {
  color:#000066 !important;}

.formstyle {
  border-bottom:1px solid #E5E5EF;
  padding:3px;}

.logoscol {
  padding:15px 0;}

img.logosidecol {
  display:block;
  margin:0 auto;
  border-bottom:1px solid #E5E5EF;
  margin-bottom:4px;
  padding:0 0 3px 0;}
  
  
/* SITEMAP
------------------------------------------------------*/

.sitemap{margin: 1em; font-size: 1.2em;}
 .sitemap ul li {margin: 0; padding: 0; background: none; }
 .sitemap ul li a {margin: 0; padding: 0; background: none;}
 .sitemap ul li li {margin: 10px 0 0 0; padding-left: 12px; background: none; }
 .sitemap ul li li a {width: 50%; display: block; margin: 0; padding: 5px 0 5px 12px; background: #d4f2c9 url(/images/navigation/bullet011.gif) left center no-repeat; }
 .sitemap ul li li li {margin: 0;  padding-left: 12px; background: none}
 .sitemap ul li li li a {margin: 0; padding: 5px 0 5px 12px; background: url(/images/navigation/bullet02.gif) left center no-repeat; }
 .sitemap ul li li li li {margin: 0; padding-left: 12px; background: none;}
.sitemap ul li li li li a {margin: 0; padding: 5px 0 5px 12px; background: url(/images/navigation/bullet03.gif) left center no-repeat; }
 .sitemap ul li li li li li{margin: 0; padding-left: 12px; background: none;}
 .sitemap ul li li li li li a {margin: 0; padding: 5px 0 5px 12px; background: none;}


/* FOOTER
------------------------------------------------------*/
p.footerlogo {
  background:url(/images/logo-hsefooter.jpg) no-repeat;
  float:left;
  width:179px;}

p.footerlogo a {
  text-indent:-99999px;
   width:169px;
  height:33px;
  display:block;}

p.footertext {
  padding:0 0 0 15px;
  margin-left: 155px;
  margin-right: 155px;
  color:#4D4D4D;
  font-size:1.1em;
  text-align:center;}

p.footertext a {
  color:#007A45;
  text-decoration:underline;}

p.footerstandards {
  float:right;
  width:100px;}
  
#wrapper-main {
	float:left;
	width:100%;
	margin:10px 0;} 
	
#wrapper { 
	width:100%;
	display:block;
	position:relative;
	background:#fff;} 

#maincontent {
	border-right:1px solid #E5E5EF;
	border-left:1px solid #E5E5EF;
	margin: 0 33.3% 0 33.3%;  
	position:relative;
	padding-left:5px;}

#rightcol {
	position: absolute;
	top: 0;
	right: 0;
	width: 33%;}

#leftcol {
	position: absolute;
	top: 0;
	left: 0;
	width: 33%;}