@charset "UTF-8";
/* CSS Document */

/* Construction elements ------------------------------------------------------ */

html {font-size:100%;
}

html, body{
	text-align: center;
	margin: 0px;
	padding: 0px;
}

/* the following is only for the body tag. Whatever percent you put in there will end up being below. based on normal sizing being 16px */
/* font-size: 100%; equivalent to 16px */
/* font-size: 87.5%; equivalent to 14px */
/* font-size: 75%; equivalent to 12px */
/* font-size: 69%; equivalent to 11px */
/* font-size: 62.5%; equivalent to 10px */

body{
	font-family:Arial, Helvetica, sans-serif;
/* This sets the default font size to be 14px .875 x 16 = 14 */
	font-size:87.5%;
/* This sets the line height to a baseline grid of 18px 1.286x14 = 18 */
	line-height:1.286em;
	color:#050F12;
	background-color: #1D3C44;
}
#main_container{
	margin:0px auto;
	padding:0px;
	width: 968px;
	
}
#header_container{
	margin:0px auto;
	padding:0px;
	width: 968px;
	height:88px;
	background:url(../images/main_bg_top.gif)
}
#header{
	margin:0px auto;
	padding:0px;
	width: 940px;
	height:88px;
	background:url(../images/content_bg_top.png) no-repeat #253E45;
}
#content_container{
	margin:0px auto;
	padding:0px;
	width: 968px;
	background:url(../images/main_bg_bot.gif) repeat-y;
	
}
#sub_content_container{
	margin:0px auto;
	padding:0px;
	width: 940px;
	text-align:left;
	background:url(../images/content_bg_bot.png) no-repeat #EFF8FD;
	
}
#content{
	margin:0px auto;
	padding:0px;
	width: 860px;
	text-align:left;
}
#footer{
	text-align:right;
	color:#273F46;
	font-size:.643em;
	height:13px;
	background:url(../images/footer_line.gif) center 0 no-repeat;
	padding:5px 14px 0 0;
}

/* ADMIN STUFF ------------------------------------------------------ */

.admin, .adminfooter {
	background:#FFFFFF!important;;
	border:1px solid #007EAF!important;;
	padding:5px!important;;
}
.admin a {
	display:inline!important;
	background:none!important;
	border:none!important;
	margin:0!important;
	padding:0!important;
}
.adminfooter {
	text-align:center;
}
/* just a goofy way to clear floated elements without a nested tage */
.admin:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* for IE \*/
.admin {height: 1%;}

/* Alternate option for content ------------------------------------------------------ */

.boxtop{
	background:url(../images/box_top.png) no-repeat;
	height:17px;
	margin:0;
	padding:0;
	width: 900px;
}
.boxmid{
	background:url(../images/box_mid.png) repeat-y;
	margin:0;
	padding:0 20px;
	width: 860px;
}
.boxbot{
	background:url(../images/box_bot.png) no-repeat;
	height:21px;
	margin:0;
	padding:0;
	width: 900px;
}
.nomarg {
	margin:0;
	padding:0;
	color:#333333;
}


/* ONLY FOR THE HOME PAGE ------------------------------------------------------ */

#sub_content_container_home{
	margin:0px auto;
	padding:0px;
	width: 940px;
	text-align:left;
	background:url(../images/content_bg_bot.png) no-repeat #EFF8FD;
	
}
#content_home{
	margin:0px auto;
	padding:0px;
	width: 940px;
	text-align:left;
	height:100%;
}

/* Top logo ------------------------------------------------------ */

#logonav{
	background:url(../images/bh_top.gif) no-repeat;
	height:88px;
}

/* TOP NAV ------------------------------------------------------ */

#topnav {
	margin:0px auto;
	text-align:right;
	width:920px;
	padding-top:36px;
}
.topbutton{
	margin:0 7px 0 7px;
	padding:0 3px 0 3px;
	text-align:center;
	line-height:1em;
}
#topnav a{
	font-size:.786em;
	line-height:1em;
	color:#E9D3A2;
	text-decoration:none;
	border:1px solid #004459;
	border-bottom:0;
	padding:5px 0 0 0;
	display:inline-block;
}
#topnav a:hover{
	color:#FFFFFF;
}
#home #topnav .homenav, #work #topnav .worknav, #about #topnav .aboutnav, #wedo #topnav .wedonav, #news #topnav .newsnav, #contact #topnav .contactnav {
	background:url(../images/footer_line.gif) left 1px no-repeat;
	color:#FFFFFF;
}

/* Text Formatting  ------------------------------------------------------ */

/* Asuming we are still at .875em or 87.5% (14px) in the body tag then these will apply.
/* .643em = 9px; */
/* .714em = 10px; */
/* .786em = 11px; */
/* .857em = 12px; */
/* 1em = 14px; */
/* 1.143em = 16px; */
/* 1.286em = 18px; */
/* 1.429em = 20px; */

#lvl2content {
	margin:0 0 20px 0;
	font-size:.857em;
}

/* Because we set the main content container above, lvl2content to 12px or .875em or 87.5% based on 14px being the overall body tag. these apply within that div*/
/* .75em = 9px; */
/* .83em = 10px; */
/* .916em = 11px; */
/* 1em = 12px; */
/* 1.16em = 14px; */
/* 1.3em = 16px; */
/* 1.5em = 18px; */


h1 {
	font-size:1em;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
}

h2 {
	font-size:1.143em;
	color:#005D77;
	text-transform:uppercase;
	margin-top:0;
}

h3 {
	padding:3px 5px 0 0;
	margin:0 0 14px 0;
	height:18px;
	font-size:1em;
	text-align:right;
	border-bottom:4px solid #007EAF;
	color:#005D77;
}

#leftcol H2 {
	font-size:1.143em;
	color:#ffffff;
	text-align:center;
	margin:0;
	padding:0;
}

#leftcol H3{
	font-size:1em;
	color:#ffffff;
	text-align:left;
	margin:0;
	border:none;
	padding:0;
}
h4 {
	font-size:.786em;
	margin:3px 0;
	padding:0;
	display:block;
	text-align:center;
	text-transform:uppercase;
	color:#E9D3A2;
	background:#000000;
}
h5 {
	background:url(../images/box_wht_top_l.png) no-repeat top left;
	margin:0;
	padding:5px 10px 10px 10px;
	font-size:1.143em;
	color:#6D8D24;
}
h6 {
	margin:0;
	padding:5px 0 10px 0;
	font-size:1.143em;
	color:#007EAF;
}
.small {
	font-size:.786em;
}


/* Boxes and Containers  ------------------------------------------------------ */

.leftnav {
	font-size:.916em;
	line-height:1.16em;
}

.leftnav2 {
	/*font-size:.857em;*/
}

.contact {
	font-size:.857em;
	background:url(../images/leftcolshadow.png) no-repeat top right;
	height:486px;
}

#grasstopper {
	background:url(../images/grass_topper3.png) repeat-x top left;
	height:14px;
}

#grassbottom {
	background:url(../images/grass_bottom3.png) repeat-x top left;
	height:14px;
}

#lightbackdrop {
	margin:0;
	padding:20px;
	background:#FFFFFF;
	background:url(../images/empty2.png) repeat;
	height:1%;
}

#leftcol {
	float:left;
	display:inline;
	width:230px;
	height:1%;
}

#rightcol {
	float:left;
	display:inline;
	width:550px;
	padding:0 0 0 20px;
	height:1%;
}

#subnav {
	padding:3px 5px 3px 0;
	font-size:.786em;
	color:#1D3C44;
	text-align:right;
	background:url(../images/sub_nav_lineright.gif) bottom right no-repeat;
	margin:1px 6px 0 0;
	float:right;
	display:inline;
}
#map {
	border:1px solid #1D3C44;
	padding:2px;
}

.ourstory {
	width:160px;
}
.newslink {
	width:190px;
}
.halfmodbox {
	float:left;
	display:inline;
	width:400px;
	background: url(../images/box_wht_bottom.png) bottom left no-repeat;
	font-size:.857em;
}
.modbox {
	width:820px;
	background: url(../images/box_wht_bottom_l.png) bottom left no-repeat;
	font-size:.857em;
}
.leftbox {
	float:left;
	display:inline;
}
.rightbox {
	float:right;
	display:inline;
}
#logos {
	margin:0;
	float:left;
	display:inline;
	width:219px;
}
.blocklist a {
	display:block;
	border-bottom:1px #999999 dashed;
	padding:0;
	margin:0;
	background:url(../images/note.gif) no-repeat top right;
}
.datelist a{
	color:#666666;
}

	
	/* paragraph formatting  ------------------------------------------------------ */
	
p {
	margin:0 0 10px 0;
}

.leftnav p {
	margin:0;
	padding:0;
}

.leftnav2 p {
	margin:0;
	padding:0;
}

hr {
	border-top:1px solid #3baecf;
	border-bottom:none;
	margin:10px 0;
	padding:0;
	height:1px;
}

/* links and stylings of nav type things  ------------------------------------------------------ */

a {
	text-decoration:none;
}

a:link{
	color:#007EAF;
}
a:visited{
	color:#007EAF;
}
a:active{
	color:#007EAF;
}
a:hover{
	color:#00ADBF;
}

#subnav a{
	text-decoration:none;
	padding:0 0 0 20px;
}

#subnav a:link, #subnav a:visited{
	color:#00ABDF;
}

#subnav a:hover{
	color:#FFFFFF;
}

.leftnav a{
		text-decoration:none;
		display:block;
		padding:3px 10px 3px 10px;
		margin:0 0 5px 0;
}

.leftnav a:link, .leftnav a:visited{
	color:#007eaf;
}
	
.leftnav a:hover{
	color:#00ABDF;
}
	
.leftnav .selected{
	color:#000000;
}
.leftnav2 a{
		text-decoration:none;
		display:block;
		padding:3px 10px 3px 10px;
		margin:0 0 5px 0;
}

.leftnav2 a:link, .leftnav2 a:visited{
	color:#000000;
}
	
.leftnav2 a:hover{
	color:#EFF8FD;
}

/* Secondary navigation  ------------------------------------------------------ */

#secondaryNav, #secondaryNav ul {
	padding:0;
	margin:0;
}
#secondaryNav {
	width:231px;
	height:486px;
	background:url(../images/leftcolshadow.png) no-repeat top right;
}
#secondaryNav li {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	height:30px;
	color:#FFFFFF;
	width:230px;
}
.leftlink_on {
	padding:8px 0 0 5px;
}
.leftlink_off {
	padding:8px 0 0 5px;
	background:url(../images/l_nav_on.png) no-repeat top left;
	height:30px;
}
#secondaryNav li a {
	display:block;
	height:30px;
}
#secondaryNav li a:link, #secondaryNav li a:visited {
	background:url(../images/l_nav_off.gif) no-repeat top left;color:#0080B2;
}
#secondaryNav li a:hover {
	background:url(../images/l_nav_over.png) no-repeat top left;color:#00ABDF;
}
#secondaryNav li a:active {
	background:url(../images/l_nav_on.png) no-repeat top left;color:#ffffff;
}