body {
/* background: #60A1D6 url(../../_img/bg/mainBg.jpg) top left repeat-x; */
margin: 0; padding: 0;
font: 100% "Lucida Sans Unicode", verdana, helvetica, sans-serif;
color: #333333;
line-height: 130%;
}



/* Typography Elements
-----------------------------------------------------------------------------------------*/



p, li, blockquote, h1, h2, h3, h4, h5, h6 {
margin: 0px; padding: 0px;
}

h2 { 
font-size: 150%;
line-height: 100%;
letter-spacing: -0.09em;
margin: 10px 0 10px 0;
color: #5982A3;
}

h3 { 
font-size: 120%;
line-height: 100%;
letter-spacing: -0.09em;
margin: 10px 0 10px 0;
color: #003366;
}

h4 { 
font-size: 100%;
line-height: 100%;
letter-spacing: -0.09em;
margin: 10px 0 10px 0;
color: #003366;
}

p {
font-size: 80%;
line-height: 140%;
letter-spacing: -0.01em;
margin: 5px 0 10px 0;
}



/* Control Elements & Styles
-----------------------------------------------------------------------------------------*/



#controlDiv {
width: 750px;
margin: 0 auto 0 auto;
background-color: #FFFFFF;
border-style: solid;
border-width: 0 7px 0 7px;
border-color: #FFFFFF;	
}

#headDiv {
height: 80px;
border-top: 7px solid #A0C7E7;
}

#photoDiv {
height: 125px;
}

#leftContent { 
float: left; 
width: 200px;
}

#leftContent p {
font-size: 70%;
line-height: 140%;
letter-spacing: -0.01em;
margin: 7px;
}

#rightContent { 
float: left; 
width: 550px;
}



/* Misc & Reuseable Elements
-----------------------------------------------------------------------------------------*/

.subHeight {
display: block;
height: 250px;
}

.clear { 
clear: both;
}

.padTop {
padding-top: 5px;
}

.topBorder {
 background: transparent url(../../_img/bg/grayBorder.gif) top repeat-x;
 margin: 5px 0 0 0; padding: 5px 0 0 0;
 }

.subscript {
font-size: .8em;	
}

#news {
	font-size: 80%;
	}

/* Box Elements
-----------------------------------------------------------------------------------------*/


.bioHeight { 
display: block;
height: 400px;
}

.fpHeight {
display: block;
height: 125px;
}

.rpHeight {
display: block;
height: 275px;
}

#fpRedBox { 
float: left; 
width: 230px;
background-color: #F7EEE6;
padding: 10px;
}

#spRedBox { 
float: left; 
width: 355px;
background-color: #F7EEE6;
padding: 10px;
}

#fpRedBox  h3, #spRedBox h3 {
color: #986332;
}
	
#fpGreenBox { 
float: left; 
width: 230px;
background-color: #D1E0C1;
padding: 10px;
}

#spGreenBox { 
float: right; 
width: 355px;
background-color: #D1E0C1;
padding: 10px;
}

#fpGreenBox  h3, #spGreenBox h3 {
color: #648341;
}
	
#fpBlueBox { 
float: left; 
width: 230px;
background-color: #B2D1E0;
padding: 10px;
}	

#fpBlueBox  h3, #spBlueBox h3 {
color: #003366;
}



#spGreenBox p, #spBlueBox p,  #spRedBox p, #fpBlueBox p, #fpRedBox p, #fpGreenBox p {
font-size: 70%;
line-height: 140%;
letter-spacing: -0.01em;
margin: 7px;
} 



/* SubNav Elements
-----------------------------------------------------------------------------------------*/



#subPhoto {
float: left;
width: 500px;

}

#subNav p, #subNav li {
font-size: 13px;
}

#subNav ul {
margin: 0px; padding: 0px;
list-style-type: none;
}

#subNav li a {
background: transparent url(../../_img/nav/blt.gif) left center no-repeat; 
padding: 0 0 0 20px;
margin: 0 0 0 2px;
color: #4F4F35;
}	

#subNav h4 {
color: #4F4F35;
	}

#subNav {
float: left;
width: 245px;
background-color: #DBDBCA;
display: block;
height: 125px;
padding-left: 5px;
}


/* Global Footer Elements
-----------------------------------------------------------------------------------------*/



#globalFooter {
background: transparent url(../../_img/bg/grayBorder.gif) top repeat-x;
margin: 5px 0 0 0; padding: 5px 0 5px 0;
}

#globalFooter p {
font-size: 13px;
margin: 2px 0 2px 0;
}


/* AquaStasis Logo Elements - Fahrner Image Replacement
-----------------------------------------------------------------------------------------*/



#logo {
float: left;
width: 230px;
margin-top: 20px;
}

#logo h1 a.aslogo:link, a.aslogo:visited {
float: left;
width: 229px; height: 45px;
background: #fff url(../../_img/logo/aquastasis.jpg) bottom no-repeat;
}

#logo h1 a.aslogo:hover {
float: left;
width: 229px; height: 45px;
background: #fff url(../../_img/logo/aquastasis.jpg) bottom no-repeat;
}	

#logo h1 { margin: 0px; }

#logo span { display: none; }



/* Main Navigation Elements  
-----------------------------------------------------------------------------------------*/



#mainNav {
position: relative;
float: left;
width: 495px; height: 40px;
margin: 20px 0 0 10px;
background: #FFF url("../../_img/nav/mainNav.jpg");
}

#mainNav li{ 
position: absolute;
top: 0px;
}

#mainNav a {
text-indent: -9999px;
text-decoration: none;
outline: none;
}

#mainNav li, #mainNav a {
display: block;
height: 40px;
outline: none;
}

#nav-one { left: 0px; width: 68px; }                                            
#nav-two { left: 68px; width: 231px; }
#nav-three { left: 299px; width: 74px; }
#nav-four { left: 373px; width: 62px; }
#nav-five { left: 435px; width: 60px; }

#nav-one a:hover { background: transparent url("../../_img/nav/mainNav.jpg") 0px -40px no-repeat; }                                            
#nav-two a:hover { background: transparent url("../../_img/nav/mainNav.jpg") -68px -40px no-repeat; }
#nav-three a:hover { background: transparent url("../../_img/nav/mainNav.jpg") -299px -40px no-repeat; }
#nav-four a:hover { background: transparent url("../../_img/nav/mainNav.jpg") -373px -40px no-repeat; }
#nav-five a:hover { background: transparent url("../../_img/nav/mainNav.jpg") -435px -40px no-repeat; }