/* General Resonance Default Stylesheet */

/*global styles */
html { 
margin: 0px;
padding: 0px;
}

body{
background-color: #efefee;
text-align: center;
font-size: 11px;
margin:0px;
}

img{
border: 0;
}



a:link, a:visited{
color: #666666;
text-decoration: none;
}

a:hover, a:active{
color: #c17c2a;
text-decoration: none;
}	

h1{
font: bold 1.1em arial;
color: #336699;
}

h1 a:link, h1 a:visited{
color: #336699;
text-decoration: none;
}

h1 a:hover, h1 a:active{
color: #666666;
text-decoration: none;
}

h2{
font: bold 1.0em arial;
color: #336699;
}

h3{
font: bold 2.4em myriad,helvetica;
color: #c17c2a;
}

h4{
font: bold 1.0em arial;
color: #666666;
}

.reset{
clear: both;
display: block;
}

/* content */
#container{
/*width: 832px;*/
width:810px;
background-color: white;
text-align: center;
font: 1.1em arial;
color: #666666;
margin:auto;
margin-top:0px;
padding: 0px;
min-height: 650px;
}

* html #container {height:650px;} /* becuase explorer won't listen to min-height */

#content{
margin:0px;
margin-top: 0px;
padding: 0px;
width: 810px;
background-color: white;
float:left;
}

#contentCallout{
color:#3a6e8e;
font-size:18px;
line-height:24px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding:15px 0px 15px 0px;
margin:0px 0px 20px 0px;
}

#contentCallout em{
color:#76a3bf;
}

/*header consists of .border_links and #logo */
.border_links{
font: 1.0em arial;
color: #666666;
width: 100%;
height: 32px;
text-align: right;
line-height: 30px;
margin: auto;
}

#logo{
text-align: left;
}

#logo img{
margin: 5px 0 10px 30px;;
}
/* end header */ 

#main_image_top{
text-align: left;
margin-left: 30px;
margin: 30px 0 5px 60px;
}

#main_image{
width: 744px;
margin: auto;
}

#breadcrumbs{	
padding-top:5px;
margin-bottom: 35px;
font-size:10px;
}

#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited{	
color:#c17b13;
font-size:10px;
text-decoration:none;
}

#inner_content #breadcrumbs a{
text-decoration: none;
}

#bottom_container{
width: 744px;
height: 356px;
margin: auto;
margin-top: 0px;
margin-bottom:15px;
}

.bottom_box{
width: 205px;
height: 246px;
margin:0px;
margin-left: 20px;
float: left;
text-align:left;
}

.horizontalCallout{
width: 430px;
height: 110px;
margin:0px;
float: left;
text-align:left;
padding:0px;
padding-left: 20px;
}

.box_content {
width: 190px;
height: 210px;
float: left;
border:1px solid #EAEAEA;
margin-top:5px;
padding:5px;
}

.horizontalCallout_content {
width: 426px;
height: 70px;
float: left;
border:1px solid #EAEAEA;
margin:0px;
margin-top:0px;
padding:0px;
font-size:10px;
line-height:14px;
}

.horizontalCallout_content p{
margin:0px;
padding:5px;
}

.box_content p{
margin:0px;
padding:3px 0px 0px 0px;
font-size:10px;
line-height:15px;
}

#news{
width: 285px;
float: left;
text-align: left;
}


/* navigation */
#nav{
height: 30px;
width: 744px;
margin:0px;
background-image:url(../images/headNav_bg.jpg);
background-repeat:no-repeat;
text-align:left;
float:left;
padding-left:32px;
padding-top:1px;
}

#nav img{
float:left;
display:block;
}

.navSeparator{
margin:0px 14px 0px 14px;
padding:0px;
}

/*inner navigation*/
#left_nav{
text-align: left;
float: left;
padding: 0px 0px 0px 55px;
display: inline;
font-size:12px;
margin:0px;
}

#left_nav a, #left_nav a:link, #left_nav a:visited{
display:block;
margin:0px;
padding:0px 20px 8px 0px;
}

.left_navOn{
display:block;
margin:0px 0px 0px 15px;
padding:0px 0px 5px 0px;
font-weight:normal;
color:#5f89a3 !important; 
font-weight:bold !important;
}

.subnav{
padding:0px;
margin:0px 0px 0px 20px;
width:170px;
font-size:11px;
text-align:left;
}


#bg {
		filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;
		
		position:absolute;
		top:0px;
		left:0px;
		background:#666;
		display:none;
		text-align:center;
	}
	
	#flashContainer {
		position:absolute;
		width:593px;
		height:430px;
		display:none;	
		top:200px;
		/*background:#666;
		padding:5px;*/
	}
	
	#milestones {
		position:absolute;
		width:593px;
		height:254px;
		display:none;	
		top:200px;
		/*background:#666;
		padding:5px;*/
	}
	
	.navList {
		padding:0;margin:0;list-style-image:url('../images/subnav_bullet.gif');
		display:block;
	}
	
	.navList li {
		margin:0;
		list-style-position:outside;
	}
	
	
	.navList li a {
		display:none;
	}

/* inner page styles */
#main_image_inner{
margin: 20px 0 0 35px;
}

#inner_content{
margin: 5px 0px 0px 33px;
width: 594px;
text-align: left;
padding:0px;
float:left;
}

#inner_content a{
text-decoration:underline;
}

#inner_content ul{
padding:0px 0px 0px 10px;
margin:0px;
list-style-type:none;
display:block;
}

#inner_content li{
padding:0px 0px 7px 10px;
margin:0px 0px 0px 0px;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
}

#bottom_inner{
margin: 20px 0 0 0 ;
}

#quotes{
width: 138px;
float: right;
background-color: #f9f2e7;
overflow: hidden;
}

#myQuote{
margin: 5px 10px;
height: 200px;
}

.pod{
width: 170px;
height: 250px;
float: left;
margin:0px 20px 0px 0px;
padding:0px;
font-size:10px;
color:#000000;
line-height:12px;
}

.pod .title{
width: 140px;
height: 20px;
background-color: #3b6e8f;
}

.pod h5{
margin-left: 5px;
color: white;
font: bold;
font-size: 11px;
padding-top: 3px;
}

.pod img{
margin: 2px 0 5px 0;
}


#contact{
margin-left: -3px;
}
.headshot{
margin:0px 15px 15px 0px;
}

#footer {
	width:810px;
	margin:auto;
}
.leadership{
width:100%;
height:55px;
padding:0px;
margin:0px 0px 10px 0px;
border-bottom:1px dotted #CCCCCC;
}