@charset "utf-8";

/* {padding:0; margin:0;}*/
html {
height: 100%;
margin-bottom: 1px;
}

a img {border: 0px;}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0px;  
	padding: 0px;
	text-align: center; 
	color: #000000;
}
.skip_to_content
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
#container { 
	width: 60.625em;   
	background: #FFFFFF;
	margin: 0 auto;   
	text-align: left;  
	position:relative;
	top:50px;
	min-height:550px;
} 
#header {
	background: #fff;
	padding:0px;
	height:7.813em;
	text-align: right;
} 
 
#logo
{
	float:left;
	width:15.625em;
	height:6.438em;
	padding:0em;

}

#top_nav
{
	float:left;
	width:15.625em;
	position:relative;
	left:-1.25em;
    top:-1.313em;
 
}
.menu_links li
{
 list-style:none;
 text-align:left;
}
.menu_links a
{ 
	 
	display: inline-block; 
	background: #fff; 
	padding: 0 10px 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00457d;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	line-height:28px;
}
.menu_links  a:hover
{
	
	color:#797979;
	font-weight:normal;
	text-decoration: none;
}


#sectional
	{
		 
		width:250px;
		height:50px;
		float:right;
		position:relative;
		left:-45px;
	
		
	}


#sidebar1 {
	float: left;
	clear:left;/* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0em;
	min-height:600px;
} 



#mainContent { 
	margin: 0 0 0 290px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	 /* padding: 0 20px;remember that padding is the space inside the div box and margin is the space outside the div box */

} 
 
p.content ,li.content, ul.content
{
	
	width:643px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	text-align:left;
	line-height:34px;
	
 
}

p.content
{
	
	margin-top:24px; 
}
.what_we_do
	{
		position:relative;
		top:100px;
		left:5px;
		width:586px;
		height:auto ;
		background-color:#00457d;
		border:2px solid #00457d;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		font-weight:normal;
		line-height:34px;
		text-align:left;
		color:#fff;
		
 
		padding:20px;
	}
.what_we_do_box2
	{
		position:relative;
		top:120px;
		left:5px;
		width:586px; 
		height:auto ;
		border:2px solid #00457d;
		background-color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		font-weight:normal;
		text-align:justify;
		color:#00457d;
		line-height:34px;
		padding:20px;
	}



#mainContent li ,li.content, ul.content
	{
		margin-top:1.563em;
		padding-left: 1em; 
		list-style-type:square; 
		list-style-image:url(../images/bullet_1.jpg);
	}
	
#mainContent UL
	{
		/*margin-left:1.563em;*/
		margin-left:0.938em;
		position:relative;
		left:75px;
	
 
	}
 
 

#block_menu  
	{
	display:inline-block;
	width: 100%;
	height:auto;
	list-style:none;

		
	
	}

	
.menu_block  a:hover 
	{ 
   
    position:relative;
	opacity:0.70;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter:alpha(opacity=70);
    zoom:1
 
 

	}



.menu_block  a
	{ 
 
   
	opacity:0.99;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
    filter:alpha(opacity=99);
    zoom:1
 
	}
	 
.menu_block_fade a
	{ 
   
 
	opacity:0.60;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter:alpha(opacity=60);
    zoom:1
  
	}
	
.menu_block_fade a:hover
	{ 
   
    position:relative;
	opacity:0.99;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
    filter:alpha(opacity=99);
    zoom:1
  
	}
 
.fullcolor a
	{ 
   
	opacity:0.99;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
    filter:alpha(opacity=99);
    zoom:1
	
 
	 
 
	}	

#who_we_are_photos
{
	position:relative;
	top:20px;
}

 
p.body_text_small
	{
	width:643px;
	float:left;
    position:relative;
	margin-top:11px;
	left:0.25em; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	text-align:left;
	line-height:1.25em;
	color:#666666;
	}

.contact_link a
	{
		position:relative;
		top:0.313em;
		left:0em;
		font:Arial, Helvetica, sans-serif;
		font-size:1em;
		font-weight:bold;
		line-height:1.25em;
		color: #006;
		text-decoration:underline;
		position:relative;
	    left:0.125em;
	}
.contact_body
	{
 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	text-align:left;
	position:relative;
	left:0.125em;
 
	color:#666666; 
		
	}
 .headings_body 
	{
	    
		font:Arial, Helvetica, sans-serif;
		font-size:1em;
		font-weight:bold;
		line-height:1.5em;
		color:#666666;
	
		
}
.bios
	{
	  
	   float:left; 
	   margin-bottom:45px;
	}
.footer_credits
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
		color:#00457d;
		float:right;
	}
 

#footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD; 
} 
 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}