/* CSS Document */

#site_container {margin: 0 auto; width: 780px; padding: 0; background:url(images/body-background.png) repeat-y; }

body {margin: 0; padding: 0; background: #e2ded3 url(images/background.png) repeat-x; font: normal 12px Arial, Helvetica, sans-serif;}
.clr { clear: both; }
.spacer { height: 15px;}


/* BRANDING SECTION */
#branding { display: block;
width : 780px; height: 132px;
margin : 0; padding : 0; }

#logo { float: left;
width: 345px; height: 132px;
margin : 0; padding : 0; }

#phrase{ float: right;
width: 435px; height: 132px;
margin: 0; padding : 0; }

#logo a#logopic { display: block;
margin: 0; padding: 0;
height: 132px; width: 345px;
background:url(images/header-lside.png) no-repeat; 
text-indent: -9999px; }

#phrase h2 { margin: 0; padding: 0; width: 435px; height: 132px;
background:url(images/header-rside.png) no-repeat;
text-indent: -9999px;
}
/* END BRANDING SECTION */




/*NAVIGATION SECTION */

/* Main Nav Bar ------------------------------------------------------------------------------------------------------------------ */
#nav {width: 760px; height: 32px; background:url(images/navbar3.png) no-repeat; margin: 0; padding: 0 5px 0 5px;}

#nav_main { list-style-type : none; float: left; width : 770px; height : 34px; margin : 0; padding : 0 5px 0 5px; }

#nav_main li {display: inline; float: left; margin: 0; padding: 0;}

#nav_main a { display: block; color: #fff; text-decoration: none; margin: 0; padding: 0; text-indent: -9999px;}

/* Main Nav Bar - Main Nav Bar Images --------------------------------------- */


#home {
	background: url(images/nav/home.png) no-repeat; 
	width: 79px; 
	height: 34px; 
	display: block;
	overflow: hidden;
}

#home:hover {
	background-position: 0 -34px;
}

#biology {
	background: url(images/nav/biologybehavior.png) no-repeat; 
	width: 166px; 
	height: 34px; 
	display: block;
	overflow: hidden;
}

#biology:hover {
	background-position: 0 -34px;
}

#disease {
	background: url(images/nav/disease.png) no-repeat; 
	width: 85px; 
	height: 34px; 
	display: block;
	overflow: hidden;
}

#disease:hover {
	background-position: 0 -34px;
}


#control {
	background: url(images/nav/control.png) no-repeat; 
	width: 88px; 
	height: 34px; 
	display: block;
	overflow: hidden;
}

#control:hover {
	background-position: 0 -34px;
}


#news {
	background: url(images/nav/news.png) no-repeat; 
	width: 77px; 
	height: 34px; 
	display: block;
	overflow: hidden;
}

#news:hover {
	background-position: 0 -34px;
}

#request {
	background: url(images/nav/requestservice.png) no-repeat; 
	width: 144px; 
	height: 34px; 
	display: block;
	overflow: hidden;
}

#request:hover {
	background-position: 0 -34px;
}

#testimonials {
	background: url(images/nav/testimonials.png) no-repeat; 
	width: 121px; 
	height: 34px; 
	display: block;
	overflow: hidden;
}

#testimonials:hover {
	background-position: 0 -34px;
}



/* END Main Nav Bar - Main Nav Bar Images --------------------------------------- */

/* Main Nav Bar - Drop Down Menu Attributes ------------------------------------- */
#nav li ul { position: absolute; left: -999em; width: auto; height: auto; margin: 0; padding: 0;
background : #7ca7d8; 
border-bottom: 0px solid #e4e4e4;
border-left: 0px solid #e4e4e4;
border-right: 0px solid #e4e4e4;
border-top: 0px;}

#nav li ul li { clear: both; margin: 0; padding: 0;}

#nav li ul li a { width: 155px; font-weight: normal; padding: 0; margin: 0;}
#nav li ul.extended li a { width: 200px; font-weight: normal; padding: 0; margin: 0;}

#nav li ul  { /* third-and-above-level lists */ left: -999em; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover, #nav li.sfhover { position: static; }

/* END Main Nav Bar - End Drop Down Menu Attributes -------------------------------- */

/* End Main Nav Bar ------------------------------------------------------------------------------------------------------------------ */
/* END NAVIGATION SECTION */

#main_image {width: 760px; margin: 7px 10px 15px 10px;}

#main_left {float: left; width: 426px; background:url(images/main_lside-line.png) repeat-y; margin: 0 0 0 10px; padding: 0 20px 0 10px;}

#main_right {float: right; width: 259px; padding: 6px 30px 0 10px;}


#secondary_left {float: left; width: 459px; margin: 0 0 0 10px; padding: 15px 20px 0 20px;}

#secondary_right {float: right; width: 211px; padding: 15px 30px 0 10px;}

#secondary_full {width: 710px; padding: 15px 20px 0 30px;}


#footer {display: block; width: 780px; margin: 0; padding: 0; background: url(images/footer.png) no-repeat; height: 63px;}