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


/* General */

form.searchBox{
	float:right;
	margin-top:25px;
	margin-right:50px;
}

input.searchField{
	border:1px solid #fff;
	padding:10px;
	border-radius:4px;
	width:200px;
	margin-right:10px;
	color:#555;
}


div.shadow{
	width:1000px;
	margin:10px auto;
	border-radius:10px;
	box-shadow:0 10px 25px #555;
	overflow:auto;
	
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
	background-color:#ededed;
	background-image:url(images/bg_body.png);
}

h1.mainHeader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#666;
}

h1.subHeader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#555;
}

a.file{
	padding-left:20px;
	background-image:url(images/icon_doc.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain;
	color:#990000;
	text-decoration:none;
}


/* Header and Nav bar */

div.head{
	background-image:url(images/bg_header.png);
	background-repeat:no-repeat;
	background-position:top;
	border-radius:10px 10px 0 0;
	height:125px;
}

div.headLogo {
	padding-left:20px;
}

div.banner_image{
	width:1000px;
	margin:0 auto;
}

div.bodyContent{
	width:700px;
	margin:40px auto;
}

div.bodyContent a{
	font-family:Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:none;
}






/* NAVIGATION  -> GENERAL */

div.nav {
	background-color:#333;
	background-image:url(images/bg_nav.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:1000px;
	margin:0 auto;
}
	
a.nav {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	display:block;
}

a.nav:hover{
	color:#FC3;
}

ul.nav{
	margin:0;
	padding:0;
	overflow:auto;
}

li.nav{
	padding:12px 15px;
	float:left;
	list-style:none;
	background-image:url(images/bg_nav_spacer.png);
	background-repeat:no-repeat;
	background-position:right;
}


ul.prod_parent{
	display:none;
	padding:3px 0 15px 0;
	background-color:#3a3a39;
	width:160px;
	z-index:9990;
	position:absolute;
	margin:8px 0 0 -16px;
	border-left:1px solid #3a3a39;
	border-right:1px solid #3a3a39;
	border-bottom:1px solid #3a3a39;
	border-radius:0 0 7px 7px;
	
}

ul.prod_child{
	display:none;
	padding:3px 0 5px 0;
	background-color:#545352;
	width:180px;
	z-index:999;
	position:absolute;
	margin:-23px 0 0 145px;
	border:1px solid #545352;
	background-color:#545352;
	border-radius:7px;
	
}

li.prod_parent, li.prod_child{
	padding:5px 10px;
	list-style:none;
}

li.prod_parent:hover, li.prod_child:hover{
	background-color:#545352;
}


a.products{
	font-size:12px;
	color:#fff;
	text-decoration:none;
}

a.products:hover{
	color:#FC3;
}

span.menuDown{
	font-size:10px;
	
}

/* Body */

div.bodyMain {
	overflow:auto;
	background-color:#FFFFFF;
	min-height:500px;
	clear:both;
	width:960px;
	margin:0 auto;
	padding:10px 20px 10px 20px;
}


div.left{
	float:left;
	width:600px;
	line-height:1.4;
	overflow:auto;
}

div.right{
	float:right;
	width:300px;
	list-style:1.5;
	overflow:auto;
}

div.right a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#990000;
	text-decoration:none;
}

a.links {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#990000;
	text-decoration:none;
}



/* HOME */

div.homeBoxContainer{
	overflow:auto;
	background-image:url(images/bg_mainHome.png);
	background-repeat:repeat-y;
	background-position:left;
}


div.homeBox{
	float:left;
	margin:0 15px 20px 0;
	min-height:200px;
	overflow:auto;
	padding:0 40px 0 0;
}

div.homeBox a{
	text-decoration:none;
	color:#900;
}

/* PUBLICATIONS */
ul.refs{
	width:700px;
	padding:0;
	margin:10px auto;
}

li.refs{
	padding:10px 0;
	list-style:none;
}




/* PEOPLE */
div.people{
	width:400px;
	float:left;
	margin:20px 25px 30px 25px;
	border:1px solid #ccc;
	border-radius:8px;
	padding:10px;
}

img.people{
	float:left;
	width:150px;
	border:1px solid #ccc;
}

ul.people{
	margin:0;
	padding:0;
	float:right;
	width:235px;
}

li.people{
	list-style:none;
	padding:3px 5px;
	border-bottom:1px solid #ededed;
}

/* NAV FOR SYMBIOSIS AND PATHOGENS*/

ul.glossary{
	padding:0;
	margin:0;
}

ul.glossary li{
	list-style:none;
	padding:10px 0;
}



div.navLeft{
	width:180px;
	float:left;
	overflow:auto;
	text-align:right;
	margin-bottom:80px;
	margin-right:20px;
}

div.contentRight{
	width:750px;
	float:right;
	overflow:auto;
	padding-bottom:80px;
}

ul.sideNav{
	padding:0;
	margin:0;
	border-top:2px solid #ccc;
}


ul.sideNav li{
	list-style:none;
	padding:5px 3px 5px 0;
	text-align:right;
}

ul.sideNav li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#555;
	text-decoration:none;
}

ul.sideSubNav{
	padding:0;
	margin:10px 0 25px 0;
	border-top:1px solid #ccc;
}


ul.sideSubNav li{
	list-style:none;
	padding:5px 5px 5px 0;
	text-align:right;
	border-bottom:1px solid #ccc;
	
}

ul.sideSubNav li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#900;
	text-decoration:none;
}

h1.subHeaderContentNav{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#555;
	margin-top:50px;
}	


/* NEWS */

h1.title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#555;
	padding:0;
	margin-top:0;
}

table.newsEvents{
	width:100%;
	margin:50px 0;
}

td.newsEventsDate{
	width:100px;
	vertical-align:top;
	padding:22px 10px 20px 0;
	text-align:left;
	font-size:12px;
}

td.newsEventsDesc{
	width:700px;
	vertical-align:top;
	padding:20px 10px 20px 0;
	border-bottom:1px dashed #ccc;
}

td.newsEventsDesc a{
	font-size:14px;
	color:#900;
	text-decoration:none;	
}

ul.news{
	margin:0;
	padding:0;
}

ul.news li{
	padding:10px 0;
	border-bottom:1px dashed #ededed;
}

ul.news li a{
	color:#990000;
	text-decoration:none;
}



/* Footer */
div.footer {
	background-image:url(images/bg_footer.png);
	background-position:bottom;
	background-repeat:no-repeat;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ededed;
	border-radius:0 0 10px 10px;
	overflow:auto;
	padding:20px 0;
}

div.footerInfo {
	width:250px;
	padding:10px 20px;
	float:left;
	height:50px;
	border-right:1px solid #444;
}

a.footer {
	color:#FFF;
}