/* Global
------------------------------------------------------------------*/
html, body, form, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
	margin:0;	padding:0;}
ul,li {	list-style-type:none;	}
body 	{margin:0;
		 padding:0;
		 color: #0d2c49; 
		 font:76%/140% Verdana,Arial,Helvetica,sans-serif;	
		 background: #11375e url(images/bg_gradient.jpg);line-height:1.6em}	
.clear 	{clear:both;}
.left {clear:left}	
img		{border:0;}

	
/* CONTAINER
------------------------------------------*/
#container {width: 770px; margin: 20px 0 20px 0;padding:0px;text-align:left;margin-left:auto; margin-right: auto;}
#header {	width:770px; height:228px;background:url(images/hclaw_header.jpg) no-repeat;	margin:0px 0 0 0;}

/* Interior pages
------------------------------------------*/
#BGpage {background: #fff url(images/bg_container.gif) repeat-y 50% 0;border-bottom:7px solid #ffffff}
#content{width:570px;float:right;margin:0 0 0px 0px;}
#content p{padding:10px 10px 10px 10px;line-height:1.7em;}
#content a {font-weight:bold;color:#0d2c49;text-decoration:none;padding:0 0 2px 0;}	
#content a:hover {font-weight:bold;color:#fff;text-decoration:none;padding:0 0 2px 0;background:#84a2c1;}

#content h1{padding:10px 10px 5px 10px;}
#content h2{padding:10px 10px 5px 0px;margin:0 10px 0px 10px;border-bottom: 1px solid #85a3c2;font-size:130%;color:#38566e}

/* SIDEBAR
------------------------------------------*/
#sidebar, #sidebarprofiles {width: 200px;padding:10px 0px 0 0px;	float: left;font-size:85%;color:#fff}

#sidebar dl{border-bottom:1px solid #416480;margin:5px 10px 5px 10px;padding:5px 0 5px 3px;}
#sidebar dl.last{border-bottom:1px solid #0e3254;margin:5px 10px 5px 10px;padding:5px 0 5px 0;}
#sidebar dd, #sidebarprofiles dd{margin:0;padding:0 0px 0 0px;}
#sidebar dt, #sidebarprofiles dt {font-weight:bold;color:#84a2c1}	
#sidebar a {font-weight:bold;color:#84a2c1;text-decoration:none;padding:0 0 2px 0;}	
#sidebar a:hover {font-weight:bold;color:#84a2c1;text-decoration:none;padding:0 0 2px 0;background:#fff;}

#sidebarprofiles  dl{border-bottom:1px solid #416480;margin:5px 10px 5px 10px;padding:0px 0 5px 3px;line-height:14px;}
#sidebarprofiles a {color:#ffffff;text-decoration:none;font-weight:bold;padding:0px 0 7px 0;}
#sidebarprofiles a:hover {color:#84a2c1;text-decoration:none;font-weight:bold;}


/* Main navigation
------------------------------------------------------------------*/
ul#nav {
	
	width:770px;	height:60px;	/*overflow: hidden;*/
	background:transparent url(images/navigation.jpg) no-repeat 0 0px;
	}
ul#nav li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	outline:none
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(images/navigation.jpg) no-repeat;outline:none
	}
li#blank 		a {width:255px; height:60px; }	
li#home 		a {width:79px; height:60px; }	

li#about 		a {width:117px; height:60px; }
li#areas 		a {width:117px; height:60px;}	 	   
li#profiles 	a {width:117px; height:60px;}
li#contact 		a {width:79px; height:60px;	}	 
li#careers	 	a {width:79px; height:60px;}		

li#blank a:hover, li#blank a:focus{background-position:0px 0px;	 }	

li#home a:link, li#home a:visited 			{background-position:-255px 0px;	}	
li#home a:hover, li#home a:focus 			{background-position:-255px -60px;	 }	

li#about a:link, li#about a:visited 		{background-position:-334px 0px;	}	
li#about a:hover, li#about a:focus 			{background-position:-334px -60px;	}	

li#areas a:link, li#areas a:visited 		{background-position: -451px 0px;}
li#areas a:hover, li#areas a:focus  		{background-position: -451px -60px;	}

li#profiles a:link, li#profiles a:visited 	{background-position: -568px 0px;}
li#profiles a:hover, li#profiles a:focus 	{background-position: -568px -60px;}

li#contact a:link, li#contact a:visited 	{background-position: -685px 0px;}
li#contact a:hover, li#contact a:focus 		{background-position: -685px -60px;}
/*

li#careers a:link, li#careers a:visited 	{background-position: -684px 0px;	}
li#careers a:hover, li#careers a:focus 		{background-position: -684px -60px;}
*/
/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#home-page ul#nav li#home a 			{background-position:-255px -60px;}
body#about-page ul#nav li#about a   		{background-position:-334px -60px;	}	
body#areas-page ul#nav li#areas a  	 		{background-position: -451px -60px;}	

body#profiles-page ul#nav li#profiles a   	{background-position: -568px -60px;	}
body#contact-page ul#nav li#contact a  		{background-position: -685px -60px;	}

/*body#careers-page ul#nav li#careers a   {background-position: -684px -60px;	}*/

		
/* Site Photos
------------------------------------------*/
.pic {float:left;padding:5px 5px 5px 0;margin:0px 5px 5px 0;background:#fff;}



/* Biographies
------------------------------------------------------------------*/

.section {	margin: 10px 0 0 0;	padding: 0 0 10px 0;border-bottom: 1px dotted #999;	font-size:90%;}
.bio {padding:0px 0px 0px 0px;margin:0 10px 10px 0px;line-height:1.6em;clear:both;}
.bio h3{padding:10px 10px 0px 0px;margin:0 0 0px 10px;border-top: 1px solid #85a3c2;font-size:130%;color:#38566e}
.bio h4{padding:5px 10px 5px 0px;margin:0 0 10px 10px;border-bottom: 2px solid #85a3c2;font-size:110%;color:#38566e}
.bio img {float: left;margin: 0 5px 0 0;padding: 3px;background:#fff;border:1px solid #b2c4d3;}

/* Footer
------------------------------------------------------------------*/
#footer {clear:both;text-align:left;margin-left:auto; margin-right: auto;width: 770px; }
#footer p {	font-size:90%;color:#fff;padding:0px 0 0px 15px;	}
#footer p.legal {	font-size:90%;color:#84a2c1;padding:0px 15px 10px 0px;line-height:1.4em	}
#footer a {color:#ffffff;}
#footer a:hover {color:#84a2c1}
/* clearfooter
------------------------------------------*/
#mainfooter {clear:both;margin: 0 0 2px 0;}