html, body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 100%;
	background-color: #d9e8f1;
}
#wrapper
{
    margin: 0 auto;
	padding: 0px;
	width:754px;
	text-align:left;
}
#container    
{
   min-height: 100%;
   margin-bottom: -79px;   
   position: relative;
}
.clearfooter 
{   
    clear: both;
    height: 79px;
}
#main 
{
    width:754px;
        
    /***  since this container has its position set to relative, you can move another element around inside of it ***/
    position:relative;
}

#header 
{
    background-image: url(images/header.jpg);
    background-repeat:no-repeat;
    width:754px;
    height:108px;
}


/***navigation***/
#nav 
{
    background-image: url(images/nav_bg.jpg);
    background-repeat:no-repeat;
    width:754px;
    height:34px;
    position: relative;
    
}
.home
{
    width:49px;
    height:34px;
    background-image: url(images/btns/nav_home.jpg);
    border:0;
    
    /***  since this element is set to relative position, you can move it around inside a relative positioned element  ***/
    position:relative;
    left:50px;
    top:0px;
}    
.home:hover
{
    background-image: url(images/btns/nav_home_over.jpg);
}

.services
{
    width:69px;
    height:34px;
    background-image: url(images/btns/nav_services.jpg);
    border:0;
    
    /***  since this element is set to relative position, you can move it around inside a relative positioned element  ***/
    position:relative;
    left:90px;
    top:0px;
}    

.services:hover
{
    background-image: url(images/btns/nav_services_over.jpg);
}

.locations
{
    width:76px;
    height:34px;
    background-image: url(images/btns/nav_locations.jpg);
    border:0;
    
    /***  since this element is set to relative position, you can move it around inside a relative positioned element  ***/
    position:relative;
    left:130px;
    top:0px;
}    
  
.locations:hover
{
    background-image: url(images/btns/nav_locations_over.jpg);
}

.request
{
    width:121px;
    height:34px;
    background-image: url(images/btns/nav_request.jpg);
    border:0;
    
    /***  since this element is set to relative position, you can move it around inside a relative positioned element  ***/
    position:relative;
    left:170px;
    top:0px;
}    

.request:hover
{
    background-image: url(images/btns/nav_request_over.jpg);
}

.employment
{
    width:176px;
    height:34px;
    background-image: url(images/btns/nav_employment.jpg);
    border:0;
    
    /***  since this element is set to relative position, you can move it around inside a relative positioned element  ***/
    position:relative;
    left:210px;
    top:0px;
}    
  
.employment:hover
{
    background-image: url(images/btns/nav_employment_over.jpg);
}


/* 
------------------------------------------------
current navigation states  */

div.page_home img.home
{
    background-image: url(images/btns/nav_home_active.jpg);
}

div.page_services img.services
{
    background-image: url(images/btns/nav_services_active.jpg);
}

div.page_locations img.locations
{
    background-image: url(images/btns/nav_locations_active.jpg);
}

div.page_request img.request
{
    background-image: url(images/btns/nav_request_active.jpg);
}

div.page_employment img.employment
{
    background-image: url(images/btns/nav_employment_active.jpg);
}



/***end navigation***/
#container
{
    position: relative;
    min-height: 100%;

}
#content
{
    background-image: url(images/main_bg.jpg);
	background-repeat:repeat-y;
	float:left;
    width:754px;
    position:relative;
}

#left_column
{
    background-image: url(images/leftCol_bg.jpg);
    width:447px;
    min-height: 100%;
    float:left;
    margin-top:12px;   
}
#right_column
{
    background-image: url(images/rightCol_bg.jpg);
    width:307px;
    min-height: 100%;
    float:right;
    margin-top:12px; 
}
/***left column***/
#content_leftCol 
{
background-image: url(images/leftCol_bg.jpg);    
width: 447px;
float: left;
margin: 0px;
padding: 0px;
}
#content_leftCol h4 {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
font-weight: bold;
float: left;
margin: 0;
padding: 10px 0px 0px 25px;
display: block;
}
#content_leftCol h3 {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .800em;
font-weight: normal;
float: none;
margin: 0px;
padding: 15px 20px 10px 25px;
text-align: center;
}

#content_leftCol h2 {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
font-weight: normal;
float: left;
margin: 0px;
padding: 10px 0px 0px 25px;
text-decoration: underline;
}
h2 a:link{
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
font-weight: normal;
float: left;
text-decoration: underline;
}
h2 a:visited{
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
font-weight: normal;
float: left;
text-decoration: underline;
}
h2 a:hover{
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
font-weight: normal;
float: left;
}
#content_leftCol h1 {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .800em;
font-weight: normal;
float: left;
margin: 0px;
padding: 0px 20px 0px 25px;
}
#content_leftCol p {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .800em;
float: left;
margin: 0px;
padding: 15px 20px 10px 25px;
}
.p 
{
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .800em;
float: left;
margin: 0px;    
}
p a:link {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .800em;
}
p a:visited {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .800em;
}
p a:hover {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .800em;
}
#address_leftCol {
width: 180px;
float: left;
margin: 0px;
}
#address_leftCol p {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .800em;
width: 200px;
float: left;
margin: 0px;
padding: 15px 10px 10px 30px;
}

#map_leftCol {
	width: 210px;
	height: 115px;
	background-color: #0065a2;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#map_leftCol p {
font-family: Arial, Verdana; 
color: #ffffff;
font-size: .800em;
float: left;
margin: 0px;
padding: 5px 10px 10px 10px;
}
input {
	background-color:#CCCA8DD;
	border: 0px none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: 10px;
}
/***end left column***/

/***right column***/
#content_rightCol 
{
background-image: url(images/rightCol_bg.jpg);    
width: 307px;
float: left;
margin: 0px;
padding: 0px;
}
#content_rightCol h4 {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
font-weight: bold;
float: left;
margin: 0;
padding: 10px 0px 0px 25px;
}
#content_rightCol h5 {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .625em;
font-weight: normal;
float: left;
margin: 0;
padding: 10px 0px 0px 25px;
}
#content_rightCol h3{
font-family: Arial, Verdana; 
color: #0065a2;
font-size: 1.0em;
font-weight: normal;
text-align: center;
margin: 0px;
padding: 5px 10px 0px 10px;
text-decoration: underline;
}
.h3 {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: 1.0em;
font-weight: normal;
text-align: center;
margin: 0px;
text-decoration: underline;
}
h3 a:link {
color: #0065a2;
font-size: 1.0em;
font-weight: normal;
}
h3 a:hover {
color: #0065a2;
font-size: 1.0em;
font-weight: bold;

}
#content_rightCol h2 {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
float: left;
margin: 0px;
padding: 5px 20px 0px 25px;
text-decoration: underline;
}
h2 a:link{
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
font-weight: normal;
float: left;
text-decoration: underline;
}
h2 a:visited{
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
font-weight: normal;
float: left;
text-decoration: underline;
}
h2 a:hover{
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
font-weight: normal;
float: left;
}
h2 a:active{
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
font-weight: normal;
float: left;
}
#content_rightCol h1 {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .725em;
font-weight: normal;
float: left;
margin: 0px;
padding: 0px 20px 0px 25px;
}
#content_rightCol p {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
float: left;
margin: 0px;
padding: 10px 20px 10px 25px;
text-decoration: none;
}
p a:link {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
text-decoration: none;
}
p a:visited {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
text-decoration: none;
}
p a:hover {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
text-decoration: underline;
}
#list_rightCol 
{
background-image: url(images/rightCol_bg.jpg);    
width: 260px;
float: left;
margin: 0px;
padding: 0px 35px 0 px 35px;
}
ul 
{
font-family: Arial, Verdana;
font-size: 12px;
font-style: normal; 
color: #0065a2;
font-weight: normal;
line-height: 16px;
text-transform: none;
text-indent: 3px;
padding-bottom: 10px;
padding-top: 10px;
}
#portal_rightCol 
{
width: 180px;
float: left;
margin: 0px;
padding: 0px;
}
#portal_rightCol p {
font-family: Arial, Verdana; 
color: #0065a2;
font-size: .875em;
float: left;
margin: 0px;
padding: 10px 10px 10px 25px;
}

/***end right column***/
/***footer***/
#footer 
{
    background-image: url(images/footer_bg.jpg);
    background-repeat:no-repeat;
    width:754px;
    height:79px;
    clear: both;
    position: relative;
    
}

.footer {
	text-align: center;
	position: relative;
	color: #0065a2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 5px;
	top: 15px;
	left:140px;
}
#footer_employment 
{
    background-image: url(images/footer_bg_employment.jpg);
    background-repeat:no-repeat;
    width:754px;
    height:79px;
    clear: both;
    position: relative;
    
}

.footer_employ {
	text-align: center;
	position: relative;
	color: #0065a2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 5px;
	top: 15px;
	left:140px;
}
#footer_request 
{
    background-image: url(images/footer_bg_request.jpg);
    background-repeat:no-repeat;
    width:754px;
    height:79px;
    clear: both;
    position: relative;
    
}

.footer_request {
	text-align: center;
	position: relative;
	color: #0065a2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 5px;
	top: 15px;
	left:140px;
}
/***end footer***/
/***service inquiry form***/
#request
{
    background-image: url(images/request_bg.jpg);
	background-repeat:repeat-y;
	width:754px;
    position:relative;
}
.requestcontent 
{
	width: 700px;
	background-color: #ffffff;
	color: #0065a2;
	text-align: left;
	position: relative;
	margin: 0px 0px 0px 20px;
}
.requestcontent p
{
	font-family: Arial, Verdana;
	font-size: 12px; 
	background-color: #ffffff;
	color: #0065a2;
	text-align: left;
	position: relative;
	padding: 10px 0px 0px 10px;
	
}
input {
	background-color:#d9e8f1;
	border: 0px none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.assessmentcontent 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 1000;
	width: 620px;
	line-height: 18px;
    margin : 10px 25px 10px 25px;
}