html 
{
  padding: 0px;
  margin: 0px;
}

body 
{
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0px auto;
  padding: 0px auto;
  background: #e7efee;
  text-align: center;
}

a
{
  color: #000000;
}
a:hover
{
  color: #d19b1a;
}
h4
{
  margin: 10px;
}
span.notext
{
  display: none;
}	

div.clear
{
  clear:both;
}

div.container 
{
  padding: 0px;
  margin: 0px auto 0px auto;
  width: 800px;
  text-align: left;	
}

/**************HEADER*****************/
div.indheader 
{
  padding: 0px;
  margin: 0px;
  height: 380px;
  position: relative;
  background: url(../images/index/header_bg.jpg) no-repeat;
}

div.header 
{
  padding: 0px;
  margin: 0px;
  height: 370px;
  width: 800px;
  position: relative;
  background: url(../images/in_header_bg.jpg) no-repeat;
}

a.Index 
{
	background: none;
	position: absolute;
	top: 32px;
	left: 241px;
	height: 119px;
	width: 311px;
}

div.headerNav {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 167px;
	left: 83px;
	width: 631px;
	height: 129px;
	z-index: 2;
}

a.OFH
{
	display:block;
	width: 192px;
	height: 129px;
	background: url(../images/OFH_btn.jpg) no-repeat;
	position: absolute;
	left: 3px;
	top: 0px;
}
  a.OFH:hover
  {
    display:block;
    width: 192px;
    height: 129px;
    background: none;
  }
	
a.obit
{
	display:block;
	width: 194px;
	height: 129px;
	background:url(../images/obit_btn.jpg) no-repeat;
	position:absolute;
	top: 0px;
	left: 220px;
}
  a.obit:hover
  {
    display: block;
	width: 194px;
	height: 129px;
	background: none;
  }
  
a.HWSY
{
	display:block;
	width: 192px;
	height: 129px;
	background:url(../images/HWSY_btn.jpg) no-repeat;
	position: absolute;
	top: 0px;
	left: 438px;
}
  a.HWSY:hover
  {
    display:block;
	width:192px;
	height:129px;
	background:none;
  }
 
/***********END**********/

/***********SIDE NAV**********/
div.sidenavboxOFH
{
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
	left: 25px;
	top: -10px;
	width: 220px;
	height: 340px;
	background:url(../images/sidenavOFH_bg.png) no-repeat;
	z-index: 3;
}

  a.history
  {
	display: block;
	width: 192px;
	height: 32px;
	background:url(../images/history_btn.jpg) no-repeat;
	position:absolute;
	top:0px;
	left: 0px;
  }
    a.history:hover
	{
	  display: block;
	  width: 192px;
	  height: 32px;
	  background: none;
	}
		
  a.staff
  {
	display: block;
	width: 192px;
	height: 32px;
	background:url(../images/staff_btn.jpg) no-repeat;
	position:absolute;
	top:32px;
	left: 0px;
  }
    a.staff:hover
	{
	  display: block;
	  width: 192px;
	  height: 32px;
	  background: none;
	}
	
  a.facility
  {
	display: block;
	width: 192px;
	height: 32px;
	background:url(../images/facilities_btn.jpg) no-repeat;
	position:absolute;
	top: 64px;
	left: 0px;
  }
    a.facility:hover
	{
	  display: block;
	  width: 192px;
	  height: 32px;
	  background: none;
	}
	
  a.contact
  {
	display: block;
	width: 192px;
	height: 33px;
	background:url(../images/contact_btn.jpg) no-repeat;
	position:absolute;
	top: 96px;
	left: 0px;
  }
    a.contact:hover
	{
	  display: block;
	  width: 192px;
	  height: 33px;
	  background: none;
	}	

div.sidenavboxHWSY
{
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
	left: 25px;
	top: -10px;
	width: 220px;
	height: 340px;
	background:url(../images/sidenavHWSY_bg.png) no-repeat;
	z-index: 3;
}

  a.resources
  {
	display: block;
	width: 192px;
	height: 32px;
	background:url(../images/resources_btn.jpg) no-repeat;
	position:absolute;
	top:0px;
	left: 0px;
  }
    a.resources:hover
	{
	  display: block;
	  width: 192px;
	  height: 32px;
	  background: none;
	}
		
  a.planning
  {
	display: block;
	width: 192px;
	height: 32px;
	background:url(../images/planning_btn.jpg) no-repeat;
	position:absolute;
	top:32px;
	left: 0px;
  }
    a.planning:hover
	{
	  display: block;
	  width: 192px;
	  height: 32px;
	  background: none;
	}
	
  a.CO
  {
	display: block;
	width: 192px;
	height: 32px;
	background:url(../images/CO_btn.jpg) no-repeat;
	position:absolute;
	top: 63px;
	left: 0px;
  }
    a.CO:hover
	{
	  display: block;
	  width: 192px;
	  height: 32px;
	  background: none;
	}

div.sidenav
{
	padding: 0px;
	margin: 0px;
	width: 192px;
	height: 96px;
	position: absolute;
	left: 14px;
	top: 70px;
	z-index: 4;
}


	

  

	
  

/***********END**********/

/**********CofE**********/
div.CofE
{
    padding: 0px;
	margin: 0px;
	width: 395px;
	height: 296px;
	float: left;
	background: url(../images/index/CofE.jpg) no-repeat;
	position: relative;
	top: -42px;
	left: 19px;
	z-index: 5;
}
  div.CofEcontent
  {
    padding: 0px;
	margin-top: 10px;
	overflow: auto;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	position: relative;
	left: 20px;
	top: 50px;
	height: 207px;	
	width:  348px;
	background: none;
  }
  h3.CofEcontent
  {
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
  }
  a.CofEcontent
  {
    color: #778405;
  }
    a.CofEcontent:hover
	{
	  color: #000000;
	}
	
/**********END**********/

/**********CONTENT**********/
div.indcontent
{
  padding: 0px;
  margin: 0px;
  background:url(../images/index/content_bg.jpg) no-repeat;
  width: 800px;
  height: 79px;
  position:relative;
  z-index: 2;

  
}

div.indexcontent
{
  width: 300px;
  float: left;
  position: relative;
  top: 0px;
  left: 50px;
  z-index: 3;
}

div.content
{
  padding: 0px;
  margin: 0px;
  background:url(../images/in_content_bg.jpg) repeat-y;
  width: 800px;
  min-height: 75px;
  position:relative;
  top: 0px;
  left: 0px;
  z-index: 1;
}

div.pcontent
{
  margin: 0px;
  width: 457px;
  float: left;
  position: relative;
  top: 0px;
  left: 50px;
}

h3.pcontent
{
  color: #d19b1a;
}

img.bio
{
  margin: 10px;
  padding: 5px;
  border: 2px solid #d19b1a;
}

span.index
{
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

  
/***********END**********/

/***********FOOTER**********/
div.indfooter
{
  width: 800px;
  height: 332px;
  position: relative;
  background: url(../images/index/footer_bg.jpg) no-repeat;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  color: #353133;
  z-index: 1;
} 

div.footer
{
  width: 800px;
  height: 353px;
  position: relative;
  background: url(../images/in_footer_bg.jpg) no-repeat;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  color: #353133;
}  

div.footcontent
{
	text-align:center;
	width: 800px;
	position: absolute;
	background: none;
	bottom: 0px;
}

a.footer
{
  color: #353133;
}
  a.footer:hover
  {
    color: #000000;
  }

/***********END**********/