/*notes: 
color:
rgb(236,244,236)=mint green
rgb(0,0,0,)=black
rgb(250,250,250)=white
rgb(63,119,0)= dk green
rgb(255,255,144)= yellow
color: rgb(184,222,191); lt green
color:rgb(255,165,0); orange
font-family:Verdana, Arial, Helvetica, sans-serif;
*/

body{
	margin:0 160px;
	padding:0 200px 0 150px;
	border: 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 498px;
}
#container{ 
	background-color:rgb(250,250,250);
	float:left;
	width:100%;	
	border-left:150px solid rgb(236,244,236); /* The width and color of the left column*/
	border-right:200px solid rgb(236,244,236); /* The width and color of the right column */
	margin-left:-150px;
	margin-right:-200px;
	display:inline; /* So IE plays nice */
}
#leftcolumn{
	float:left;
	width:150px;
	margin-left:-152px;
	position:relative;
	color: rgb(255,255,144); 
}
#centercolumn {
	float:left;
	width:100%;
	margin-right:-100%;
	border-right:1px solid rgb(0,0,0);
	border-left:1px solid rgb(0,0,0);
}
#rightcolumn{
	float:right;
	width:200px;
	margin-right:-200px;
	position:relative;	
}
#header {
	background-color:rgb(250,250,250);
	margin-left:-150px;
	margin-right:-200px; 
	clear:both; 
	background: #fff url(images/hri-logo2.jpg); 
	background-repeat: no-repeat;
	background-position:center;
	height: 140px;
	 
}
 #headernav {
	/*background-color:rgb(250,250,250);*/
	background:transparent;
	margin-left:-150px;
	margin-right:-200px;
	clear:both; 
	height: 25px;
	 
} 
/********** FOOTER **********/
#footer{
	background-color: rgb(63,119,0);
	margin-left:-150px;
	margin-right:-200px;
	padding: 5px 0px 5px 0px;
	clear:both;
	text-align: center;
        color: rgb(184,222,191);
	font-size: .7em; 
}
 
.whitespace {
	margin:10px  0px 10px 0px;
	padding:0; 
}

.space {
	margin:10px  0px 0px 0px;
	padding:0; 
}

.nospace {
	margin:0 25px 0 25px;
	padding:0; 
}

p.footer{
	margin:5px 0 0 0;
        color: rgb(184,222,191);
}
 
p { 
	line-height:1.3em;
	font-size:.8em; 
	margin:0;
	padding:5px;
	word-spacing:.2em;
	color: rgb(75,75,75);
}
#title {
	margin: 0;
	padding: 30px 0px  10px 250px; 
	color:rgb(63,119,0);  
	font-size:3em;
	word-spacing:.1em; 
}
#titlesub {
	margin: 0;
	padding: 0px 0px  0px 250px; 
	color:rgb(63,119,0);     
	font-size: .7em;
	text-spacing:.1em;
	font-variant:small-caps;
	font-stretch: semi-expanded;
}
.centertext {
	margin:0; 
	padding: 0 25px 10px 25px; 
	max-width: 550px; 
	overflow: hidden; 
}

.centertextwlinks{
	margin:0; 
	padding: 0; 
	max-width: 550px; 
	overflow: hidden; 
}



.indent {
	margin:0;
	padding: 0px 25px 5px 25px; 

}

.link {
	margin:0 25px 0 25px;
	padding:0;
	font-weight: normal;
	font-size:.8em;  
	text-decoration:none;
}

.heading {
	margin:5px 25px 0 25px;
	padding:0;
	font-weight: bold; 	
	color:rgb(63,119,0); 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.quote {
	margin:10px 25px 10px 25px;
	padding:0; 	
	font-style: italic; 
	color:rgb(255,165,0); 
	font-family: georgia;
	letter-spacing: .2em;   
}



/************************************* sidebar ***************************************************/

.sidebar {
	margin:5px 5px 0 10px;
	padding:0; 	
	color:rgb(75,75,75);
	font-size:.7em; 
}

.sidebarheading {
	margin:5px  0px 0 10px;
	padding:0; 		
	color:rgb(63,119,0); 
	letter-spacing:.1em;
}

.sidebarlist {
	margin:5px 0px 0 3px;
	padding:0;  	
	}

.sidebarlist  li {
	margin:  0px 0px 0px 10px;
	padding: 0;  
	color: rgb(75,75,75);	 
	font-size: .7em;
	text-decoration: none;
	list-style:none;
	line-height:1.5em;
	}

.sidebarlist  li a{
	margin:  0px 0px 0px 0px;
	padding: 0;  
	color: rgb(0,0,0);	 
	font-size: .9em;
	text-decoration: underline;
	list-style:none;
	font-weight: normal;
	line-height:1.5em; 
	}	

.sidebarlist  li a:hover{
	margin:  0px 0px 0px 0px;
	padding: 0;  
	color: rgb(63,119,0);	 
	font-size: .9em;
	text-decoration: underline;
	list-style:none;
	font-weight: bold;
	line-height:1.5em; 
	}

h2{
	margin:0;
	padding:5px;
	font-size:1.1em; 	
}
h3{
	margin:0;
	padding:5px;
	font-size:1em; 
	color:rgb(63,119,0);
}


h4{
	margin:0;
	padding:5px 0px 0px 0px;
	font-size:.9em; 
	color:rgb(63,119,0);
}

h5{
	margin:0;
	padding:0px;
	font-size:.8em; 
	color:rgb(63,119,0);
}

h6{
	margin:0;
	padding:0px;
	font-size:.7em; 
	color:rgb(63,119,0);
}

#centercolumn h2{
	background-color:rgb(236,244,236);
	color:rgb(63,119,0);
	border-bottom:1px solid rgb(0,0,0) 
}

#leftcolumn h2{
	background-color:rgb(63,119,0);
	border: 1px solid rgb(0,0,0) ;
	font-size:1em;
	padding: 0 0 0 5px; 
}



/************ NAVIGATIONAL ************/

a:link {  
	text-decoration:none; 
	color: rgb(63,119,0);
}
a:visited {  color: rgb(63,119,0); text-decoration:none;}

a:hover {   color:rgb(255,165,0);text-decoration:none;}




.nav1 {
	margin:0; /*removes indent IE and Opera*/
	padding:0;/*revmoves indent Mozilla and NN7*/
	list-style-type: none;
a:visited { 	color: rgb (255,255,255)} /*turns off display of bullets*/
}

.nav1 ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.nav1 li {
	display:inline;
	margin: 3px;
}
.nav1 li a:link { color: rgb(184,222,191);}

.nav1 li a:visited {
	color: rgb(184,222,191);
	
	}

.nav1 li a:hover {
	color: rgb(184,222,191);
	text-decoration: underline;
	}

.nav1 li a#current { color: rgb(255,255,144); text-decoration: none;}

/***********left column navigation ***************/


#nav2 li a {
	color: rgb(63,119,0);
	text-decoration: none;
	border-top: 1px solid rgb(0,0,0);
	width:140px;
	display: block;
	padding: 5px;
	font-weight: bold;
	background-color:rgb(250,250,250);
}
#nav2 {
	width: 140px;
	padding:0;
	margin:0;
	font-size: .6em; 
}
.bottomborder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(0,0,0);
}
#nav2 li { list-style-type: none;}

#nav2 li a:hover {
	text-decoration: none;
	color: rgb(63,119,0);
	background-color: rgb(184,222,191);
	font-size:1em;
}

#subnav2 li a {
	border:none;
	padding: 5px 0 5px 25px;
	margin-left: -40px;
	width:125px;
	font-weight:normal;
}
#subnav2 li a:hover {
	background-color: rgb(184,222,191);
	font-weight:bold; 
	font-size:1em;
}
/*
#nav2 li a#current { 
color: rgb(63,119,0); 
background-color: rgb(236,244,236);
text-decoration: none;
}
*/
/*******************SUB HEADER NAV (TOP RIGHT)********************/

#nav3 {
	background-color: transparent;
	padding: 0px 5px 0px 0px;
	margin: 0;
	text-align: right;
	font-size: .7em; 
	}

#nav3 ul{
	margin:0;
	padding:0;
	list-style:none;
	}
#nav3 li {
	display:inline;
	margin:0;
	padding:3px;  
	}
#nav3 li a:link { color: rgb(63,119,0); text-decoration:none;}

	
#nav3 a:visited { color: rgb(63,119,0); text-decoration:none;}

#nav3 li a:hover {  color:rgb(255,165,0);      }


#nav3 li a:current {color: rgb(255,255,144);  }


/**********************horizontal navigational links at header***********************/
#nav4 {
	padding: 3px 0 0 0 ;
	margin: 0;
	border-bottom: 10px solid  rgb(63,119,0);/*green*/	
	font-weight: bold;
	font-size: .9em ; 
	}

#nav4 li {
	list-style: none; 
	display: inline;
	}

#nav4 li a {
	padding: 1px 1em;
	margin-left: 0px;
	border: 1px solid rgb(90,90,90);
	border-bottom: none;
	background: rgb(184,222,191);
	text-decoration: none;
	}

#nav4 li a:link { color: rgb(120,120,120);}

#nav4 li a:visited {color: #667; }

#nav4 li a:hover {
	color: rgb(0,0,0);
	background: rgb(255,255,144);/*yellow*/
	border-color: rgb(0,0,0);
	}

#nav4 li a#current {
	background:  rgb(63,119,0);/*dark green*/ 
	color: rgb(255,255,144);
	font: bold;
	}

/********************************content links*********************************/
#nav5 {
	padding:   0; 
	margin: 10px 25px 3px 25px; 	
	font-weight: bold;
	font-size: .8em ; 
	color: rgb(63,119,0);	
	/* border: 1px solid black; */
	}

#nav5 li {
	list-style: none; 
	display: inline;
	}

#nav5  li a {  
	margin:0px;
	padding: 0px;
	text-decoration: none;   
	} 

#nav5 li a:link { color: rgb(63,119,0);}
 
#nav5 li a:hover { text-decoration:none;}



#pic1 {
	margin:0;
	padding:0;
}
/********************************/
#pic2 {
	margin: 0px  0px  0px 8px;
	padding: 0px;
	float: left;
	border: 4px groove rgb(63,119,0);  /*changes border around picture*/
	width: 320px; /*changes width of big picture area*/ 
	height: 250px; /*changes height of big picture area*/
	position: block;
	 
	}	
 
#pic3 {
	float: right;
	margin:0;
	padding: 0;
	width: 200px;
	height: 280px;
	display: block;
	background-color:rgb(63,119,0);

	}

.image {

	float: right;
	margin: 0px 5px 0px 5px;
	padding: 5px 5px 0px 0px;
}

 

/*************************************center list**********************************************/

#list {
	margin: -15px 0px 0px 0px;
	padding: 0; 	
	}

#list  li  {
	margin:  0px 0px 0px 0px;
	padding: 0;  	
	color: rgb(75,75,75);	 
	font-size: .8em;
	text-decoration: none;
	line-height:1.5em; 
	word-spacing:.2em;
	list-style: none;
	}


#list  li a{
	margin:  0px 0px 0px 0px;
	padding: 0;  		
	color:rgb(63,119,0);
	}

#list  li a:hover{
	text-decoration:none;
	}

#leader {
	margin:0;
	padding:0;
	border: 1px solid black;
}

#sitemap {
	margin:5px 25px 0 25px;
	padding:0;
	font-weight: normal; 	
	color:rgb(63,119,0); 
}