/* BV Research Centre CSS Document */

/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#000;
	background:#669933;
	font: normal 12px/1.3em Verdana, arial, helvetica, sans-serif;
}

a { color:#3F4CA5; text-decoration:none;}
a:hover { text-decoration:underline;}
a:visited {color:#3F4CA5;}

/* Helpers
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.left {
float:left;
margin-right:10px;
}

.right {
float:right;
margin-left:10px;
}

.tight {
margin-bottom:0.1em;
}


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#container {
margin:0px auto;
background:#fff url(/gfx/shadow.jpg) repeat-y top center;
width: 910px;
text-align: left;
padding-bottom:40px;
}

#banner {
width:900px;
margin:0 auto;
height:135px;
background:url(/gfx/banner.jpg) no-repeat top left;
}

	#banner h1#logo a {
	display:block;
	height:100px; width:420px;
	text-indent:-9999px;
	text-decoration:none;
	float:left;
	}

	#banner div#searchbox {
	display:block;
	width:275px;
	height:24px;
	background:url(/gfx/search_bg.gif) no-repeat top left;
	float:right;
	color:white;
	margin-right:20px;
	margin-top:10px;
	padding:3px 0 3px 0;
	font-size:10px;
	}

	#banner div#searchbox span {
	margin:0 5px 0 5px;
	}
	
	#banner div#searchbox span input {
	margin:0 5px 0 5px;
	}

#main {
width:605px; float:left;
padding:20px 0;
}

#home p {
font-size:11px;
margin-bottom:10px;
}

#homecol1 {
width:305px; float:left;
}

	#main #homecol1 h2, #main #homecol1 img {
	margin-left:25px;
	}
	
	#main #homecol1 h2 {
	margin-right:10px;
	}
	
	#main #homecol1 p {
	margin:0 10px 10px 25px;
	}
	
	#main #homecol1 li {
	list-style:none; margin:0;
	}

#homecol2 {
width:300px; float:right;
}

	#homecol2 div {
	background:#DDE9C7 url(/gfx/homeevents_bg.jpg) no-repeat top right;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:15px;
	}
	
	#homecol2 div p {
	margin-bottom:0;
	margin-left:0;
	}
	
	#homecol2 ul {
	margin:0 20px 0 0;
	}
	
	#main #homecol1 h2, #main #homecol2 h2, #home #sidebar h2 {
	font:bold 12px/1.3em Verdana;
	color:#711304;
	text-transform:uppercase;
	background:url(/gfx/heading_bg.gif)no-repeat top right;
	padding:12px 5px 6px 5px;
	}
	
	#main #homecol2 h2 {
	margin:0 15px 15px 10px;
	}
	
	#main #homecol2 h4 {
	margin:0px 10px 5px 0;
	padding-top:5px;
	font-size:12px;
	}
	
	#homecol2 img {
	margin-right:10px;
	border:1px solid #3F4CA5;
	}

#sidebar {
width:305px; float:right;
padding-top:20px;
}

	#home #sidebar h2 {
	margin:0 25px 15px 5px;
	}
	
	#home #sidebar p,
	#home #sidebar h4 {
	margin:0 25px 10px 5px;
	}
	
	#home #sidebar h4 {
	font-size:12px;
	margin-bottom:3px;
	}
	
	#sidebar h4 {
	margin: 0 15px 12px 15px;
	}
	
	#home #sidebar img.sm_person {
	margin:0 5px 5px 5px;
	float:left;
	border:1px solid #3F4CA5;
	}
	
	#sidebar ul {
	margin:0 30px 14px 15px;
	}
	
	#sidebar ul li {
	margin:0 0px 12px 25px;
	}
	
	

/* Drop down menus - added by Alan Rawkins alan@bcdesignworks.com
Based on Son of suckerfish - http://www.htmldog.com/articles/suckerfish/dropdowns/
*******************************************************************/


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#nav {
display:block;
width:900px;
background:#660000;
margin:0 auto;
}

#nav a {
	display: block;
	color:#FFF;
	padding:5px 8px;
	text-decoration:none;
	font-weight:bold;
}


#nav li {
	float: left;
	margin:0;
	padding:0 20px 0 0;
	z-index:1000;
	font-size:12px;
	font-weight:normal;
	}

#nav li ul li {
padding:0;
}

#nav li ul {
	background:#791111;
	position: absolute;
	width: 141px;
	left: -999em;
	z-index:1000;
}

#nav li ul a {
	font-weight:normal;
	width:125px;
	}
	
#nav li ul a:hover {
	text-decoration:underline;
	background: #660000;
	}
	
#nav a:hover, #nav a.selected,
#events #nav a#events_nav,
#media #nav a#media_nav,
#docs #nav a#docs_nav,
#photos #nav a#photos_nav,
#be_involved #nav a#be_nav,
#people #nav a#people_nav,
#research #nav a#research_nav

{
	background:#791111;
}

#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#banner {
	position:relative;
	}

#utility {
	list-style:none;	
	margin:0;
	padding:0;
	float:right;
}

#utility li {
	float:left;
	margin-right:5px;
	width:auto;

	}
	
#utility a {
	font-size:0.9em;
	color:#600;
	margin-right:5px;
	width:auto;
	}
	
#utility a:hover {
	background:none;
	}
	
	
	
/* Table styles ------------------- */

.projecttable, .fundertable {
width:850px;
margin-left:30px;
}

.projecttable .proj_no {width:70px; padding:5px;}
.projecttable .proj_title {width:400px; padding:5px;}
.projecttable .proj_ref {width:125px; padding:5px; font-size:10px;}
.projecttable .proj_lead {width:150px; padding:5px; font-size:10px;}
.projecttable .proj_status {width:70px; padding:5px;}
.projecttable .page_links, .reporttable .page_links {width: 850px; padding:25px 5px 5px 5px; text-align:right;}
.projecttable .report_count {padding:5px 5px 25px 5px;}

.reporttable .report_count {padding:5px 5px 25px 5px;}
.reporttable .report_date {width:150px; padding:5px;}
.reporttable .report_title {width:370px; padding:5px;}
.reporttable .report_project_ref {width:80px; padding:5px;}
.reporttable .report_authors {width:200px; padding:5px; font-size:11px;}
.reporttable .report_type {width:100px; padding:5px;}

.fundertable .funder_name {width:20%; padding:5px;}
.fundertable .funder_desc {width:40%; padding:5px;}
.fundertable .funder_date {width:20%; padding:5px;}
.fundertable .funder_contact {width:20%; padding:5px;}
.fundertable h4 {margin-left:0;}

.reporttable {
width:850px;
margin-left:30px;
margin-bottom:30px;
}

.shade {
background:#DDE9C7;
}

.noshade {
background:white;
}

th {
font-weight:normal;
}

.search_results li {
margin-bottom:12px;
}

/*Typography */

#main h2 {
font-size:18px;
line-height:1.3em;}

#main h3 {
margin-bottom:14px;
}

#main h2, h3, h4, p, ul, ol {
margin-left:30px;
}

#main ul {
margin-bottom:12px;
}

#main ul li, #main ol li {
margin-left:30px;
}

#main h2 {
margin-bottom:16px;
}

#main hr {
margin:0 15px 0 15px;
}

p {
margin-bottom:11px;
}

.smalltext {
font-size:11px;
color:#333;
}

.project_photo {
width:250px;
float:right;
margin:10px;
}

.project_photo p {
font-size:10px;
margin:10px 0 0 0;
}

p.footer {
text-align:center;
color:white;
margin-top:10px;
font-size:11px;
}

img.med_person_r {
float:right;
margin:0 30px 15px 15px;
}

img.med_person_l {
float:left;
margin:0 10px 10px 30px;
}

/*Photo Gallery styles */	

.album_list_item {
clear:both; margin-bottom:40px;
}

div.paginate {
width:500px;
clear:both;
margin-left:30px;
padding-top:20px;
}

ul.album_thumbs {
margin-top:15px;
}

ul.album_thumbs li {
list-style:none;
display:inline;
float:left;
margin:15px;
}

ul.photo_nav li {
list-style:none;
display:block;
clear:both;
margin-right:20px;
}

ul.photo_nav li img {
float:left;
margin:0 8px 8px 0;
}

img.album_image {
float:left;
margin:0 10px 10px 30px;
}