/*

#e9e9e9
#ccc
#5d5d5d
#f00000
##6e7fae
#036

*/


/* mini reset */

body, h1, h2, h3, h4, img, hr, ul, ol, li {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	height: 100%;
	cursor: default;
	padding-bottom: -1px;
	
	font: 13px/1.7em "lucida grande", "trebuchet ms", verdana, tahoma, sans-serif;
	background: #fff url("img/bg-body.gif") top left repeat-x;
}
h1, h2, h3 {
	color: #036;
	font: 400 24px/1.2em arial, helvetica, sans-serif;
}
h2 {
	margin-bottom: 1.5em;
}
h3 {
	color: #333;
	font-size: 19px;
	font-weight: 400;
}
h2, h3, h4, p {
	margin: 0 0 1em;
}
h4 {
	font-size: 16px;
	font-weight: 800;
}
img {
	border: 0;
}
ul {
	margin: .5em 0;
}
ol li {
	list-style: decimal !important;
}
hr {
	height: 0;
	border: 0;
	clear: both;
	visibility: hidden;
}
form {
	margin-bottom: 1em;
}
a {
	color: #036;
	outline: none;
	cursor: pointer;
/*	border-bottom: 1px solid #aaa;
*/
}
a:hover {
	color: #111;
/*	border-bottom-color: #036;
*/
}

.col {
	float: left;
	width: 230px;
	padding: 10px;
	
}
.intro {
	font-size: 1.2em;
	line-height: 1.4em;
}
.red {
	color: #b32424;
}
.blue {
	color: #036;
}
img.nobleed {
	margin: 0 -10px;
}
.slim {
	margin-right: 230px;
}
.left {
	margin-right: 2em;
	float: left !important;
}
.right {
	margin-left: 2em;
	float: right !important;
}
.center {
	display: block;
	margin: .5em auto;
}
.clear {
	clear: both;
}

img.feat {
	float: right;
	padding: 3px;
	background: #fff;
	margin: 0 0 1em 1em;
}
div.blue {
	padding: 10px;
	margin-bottom: 1em;
	background: #f0f8ff;
	border: 1px solid #b1daff;
}
	div.blue h3 {
		color: #036;
		margin-top: 0 !important;
	}
div.red {
	padding: 10px;
	margin-bottom: 1em;
	background: #f8eaea;
	border: 1px solid #b37d7d;
}
	div.red h3 {
		color: #b32424;
		margin-top: 0 !important;
	}
div.errors {
	font-size: .9em;
	background: #fdd;
	padding: 10px 30px;
	margin-bottom: 1em;
}

input.txt {
	width: 160px;
	padding: 3px;
	border: 1px solid #aaa;
	font: 12px verdana, tahoma, sans-serif;
}
	input.sm {
		width: 80px;
	}
textarea.txt {
	width: 180px;
	height: 80px;
	padding: 3px;
	border: 1px solid #aaa;
	font: 12px verdana, tahoma, sans-serif;
}

#skin {
	width: 900px;
	padding: 10px;
	background: #fff;
	position: relative;
	margin: 10px auto 0;
}
	#head {
		height: 280px;
		overflow: hidden;
		position: relative;
		margin-bottom: 1em;
	}
		#head img.feat, #head h1 {
			top: 0;
			margin: 0;
			padding: 0;
			float: none;
			width: 900px;
			height: 280px;
			position: absolute;
		}
		#head h1 {
			padding: 17px 20px;
			text-indent: -999em;
			background-image: url("img/bg-head-h1.png");
		}
		#head h1 a {
			border: 0;
			width: 240px;
			height: 40px;
			display: block;
		}
		#head ul.menu {
			width: 100%;
			bottom: 50px;
			position: absolute;
			padding-left: 20px;
			background: transparent url("img/bg-head-menu.png") bottom left repeat;
		}
		#head ul.menu li {
			float: left;
			text-transform: lowercase;
		}
		#head ul.menu li a {
			border: 0;
			color: #fff;
			padding: 10px;
			display: block;
			font-size: 13px;
			text-decoration: none;
			border-right: 1px solid #999;
		}
		#head ul.menu li a:hover, #head ul.menu li.here a {
			color: #f00000;
		}
		
		 #head ul.menu li.last a {
		border-right:0px;
		}
		
	#search {
		top: 260px;
		right: 20px;
		color: #777;
		width: 260px;
		text-align: right;
		position: absolute;
		font-style: italic;
	}
		#search input.txt {
			width: 140px;
			margin: 0 5px;
			font-style: italic;
		}
		#search input.btn, #ajaxSearch_submit.btn {
			cursor: pointer;
			vertical-align: sub;
		}
	#guts {
		clear: both;
	}
		#guts #food {
			top: -42px;
			width: 570px;
			position: relative;
			margin-bottom: -42px;
			border: 1px solid #ddd;
			padding:10px 18px 10px 20px;
		}
			#guts #food #breadcrumbs {
				color: #777;
				font-size: .9em;
			}
				#guts #food #breadcrumbs a {
					border: 0;
					color: #777;
					text-decoration: none;
				}
					#guts #food #breadcrumbs a:hover {
						color: #111;
					}
			#guts #food h33 {
				margin: 1em 1em .5em 0;
			}
				#guts #food h3.date {
					color: #666;
					font-size: 1.2em;
					margin: -1.5em 0 2em 0;
				}
			#guts #food li {
				list-style: square;
				margin: 0 0 .8em 3em;
			}
			#guts #food hr {
				width: 80%;
				clear: none;
				margin: 1em auto;
				visibility: visible;
				border-top: 1px solid #ccc;
			}
			#guts #food div.col {
				width: 280px;
				padding: 0 15px 0 0;
			}
			#guts #food img.profile {
				float: right;
				width: 175px;
				margin: -28px 0 280px 20px;
			}
			#guts #food dl.profile dt, #guts #food dl.profile {
				margin-left: 15px;
			}
				#guts #food dl.profile dt, #guts #food dl.profile dd {
					margin-bottom: .5em;
				}
				#guts #food dl.profile dt {
					width: 45px;
					color: #666;
					float: left;
					clear: left;
					margin-right: 2em;
				}
				#guts #food dl.profile dd {
					clear: right;
				}
			#guts #food .details {
				margin: 0 0 2em 0;
			}
				#guts #food .details h2 {
					margin-bottom: 0;
				}
				#guts #food .details h3 {
					color: #888;
					margin-top: 0;
					font-size: 1.2em;
				}
				#guts #food .details dl.profile dd {
					clear: none;
				}
			#guts #food .summ {
			}
				#guts #food .summ h3.red {
					color: #b32424;
					font-size: 16px;
					font-weight: 800;
				}
				#guts #food .summ h4 {
					color: #777;
					font-size: 1.1em;
					font-weight: 400;
					margin: -.5em 0 .5em;
				}
				#guts #food .summ img.profile {
					width: 90px;
					float: left;
					position: relative;
					margin: -5px 0 1.5em -100px;
				}
				#guts #food .summ p.right {
					margin-left: 200px;
				}
			#guts #food #supp {
				width: 200px;
				float: right;
				padding: 10px;
				font-size: 12px;
				margin: 0 0 0 20px;
				background: #f5f5f5;
			}
				#guts #food #supp h3, #guts #side h3 {
					padding: 5px 10px;
					margin: 0 -10px 10px -10px;
				}
				#guts #food #supp h3 {
					font-size: 1.3em;
					background: #ddd;
				}
					#guts #food #supp h3.feat {
						color: #fff;
						font-size: 18px;
						margin-top: -10px;
						background: #6e7fae;
						padding: 30px 10px 10px;
					}
					#guts #food #supp h3.feat a { color: white; text-decoration: none; }
					#guts #food #supp h3.red {
						color: #fff;
						background: #f00000;
					}
					#guts #food #supp h3.blue {
						color: #fff;
						background: #036;
					}
				#guts #food #supp ul li {
					margin-left: 1.5em;
				}
				#guts #food #supp input.txt {
					width: 145px;
				}
		#guts #side {
			width: 255px;
			margin: 10px 0 0;
			background: #bbb;
			padding-bottom: 2em;
			border-left: 5px solid #aaa;
		}
			#guts #side a {
				text-decoration: none;
			}
			#guts #side h3 {
				color: #fff;
				padding: 10px;
				margin-left: -15px;
				background: #5d5d5d;
				margin-bottom: 10px;
				border-left: 5px solid #444;
			}
				#guts #side h3.feat {
					background: #6e7fae;
					border-left: 5px solid #576A9B;
				}
					#guts #side h3.sub a {
						color: #fff;
						border-bottom: 2px solid #777;
					}
						#guts #side h3.sub a:hover {
							border-bottom-color: #999;
						}
				#guts #side h3.red {
					background: #f00000;
					border-left: 5px solid #b30000;
				}
				#guts #side h3.blue {
					background: #036;
					border-left: 5px solid #025;
				}
			#guts #side ul.menu {
				padding-bottom: 2em;
			}
				#guts #side ul.menu li a {
					border: 0;
					color: #333;
					display: block;
					margin: 0 -10px 0 -15px;
					padding: .5em 25px .5em 15px;
				}
					#guts #side ul.menu li a small {
						color: #fff;
						display: block;
						font-size: .9em;
					}
				#guts #side ul.menu li a:hover {
					background: #aaa;
					padding-left: 10px;
					border-left: 5px solid #999;
				}
				#guts #side ul.menu li.here a, #guts #side ul.menu li.here a:hover {
					color: #fff;
					padding-left: 10px;
					border-left: 5px solid #777;
					background: #888 url("img/bg-sub-here.png") 240px 50% no-repeat;
				}
					#guts #side ul.menu li ul {
						
						padding-bottom: 5px;
					}
					#guts #side ul.menu li.here ul {
						display: block;
					}
					#guts #side ul.menu li.here ul li a {
						color: #333;
						background: #aaa;
						margin-left: -15px;
						padding-left: 25px;
						border-left-color: #999;
					}
					#guts #side ul.menu li.here ul li a:hover, #guts #side ul.menu li.here ul li.here a {
						color: #333;
						background: #999;
						margin-left: -15px;
						padding-left: 25px;
						border-left-color: #888;
					}
					#guts #side ul.menu li.here ul li.here a {
						color: #fff;
					}
				#guts #side ul#plug.menu li a {
					font-size: 13px;
				}
				#guts #side ul#plug.menu li a:hover {
					background: #aaa url("img/bg-sub-plug.png") 245px 50% no-repeat;
				}
	#foot {
		width: 100%;
		height: 70px;
		background:  #f1f1f1;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
		#foot p {
			color: #777;
			width: 900px;
			padding: 5px;
			margin: 0 auto;
			font-size: .9em;
			text-align: right;
		}
			#foot p a {
				color: #777;
				text-decoration: none;
			}
				#foot p a span {
					display: none;
				}
				#foot p a img {
					background: #777;
					margin: 0 2px -13px;
				}
					#foot p a:hover {
						color: #333;
					}
						#foot p a:hover img {
							background: #333;
						}

/* Page specific styles
*/
body#doc-home #food h2 {
	display: none;
}
body#doc-research-group-leaders #guts #food .summ {
	float: left;
	width: 180px;
	display: block;
	margin: 0 0 1em 110px;
}

body#doc-staff #guts #food .summ {
	float: left;
	width: 290px;
	height: 150px;
}
	body#doc-staff #guts #food .summ h4.red {
		margin-bottom: 0;
	}
	body#doc-staff #guts #food .summ h4.blue {
		font-size: .95em;
	}
	body#doc-staff #guts #food dl.profile {
		width: 90%;
		margin-left: 0;
		border-right: 5px solid #eee;
	}

/* Semi-random styles
*/
.signup-form {
	margin: 0 auto;
	padding: 1em 2em;
	background: #ffe;
}

/* Restyle QuickEdit links
*/
a.QE_Link {
	clear: left !important;
}

/*MaxiGallery (Slimbox) steez
*/
#lbImage * {
	border: 0;
}

/* Various Ditto styles
*/
p.paginate {
	margin: 1em 0 0;
	background: #eee;
	padding: .5em 2em;
	text-align: right;
}
span.ditto_currentpage, a.ditto_page {
	width: 14px;
	color: #fff;
	margin: 0 3px;
	font-size: 10px;
	padding: 2px 5px;
	background: #036;
	border: 1px solid #036;
}
a.ditto_page {
	color: #333;
	background: #fff;
	border-color: #fff;
}
a.ditto_page:hover {
	border-color: #036;
}

/* Various Reflect styles
*/

ul.archive li.year {
	margin-left: 0 !important;
	list-style: none !important;
}
	ul.archive li.year h3 {
		cursor: pointer;
		background: #eee;
		padding: .1em 1em;
		margin: 0 !important;
	}
	ul.archive li.year ul.months {
		margin: 0;
		font-weight: 400;
	}
		ul.archive li.item {
			list-style: none !important;
		}
			ul.archive li.item span.date {
				width: 7em;
				color: #777;
				float: left;
				display: block;
				text-align: right;
				margin-right: 1em;
			}

/* Styles fot AjaxSearch
*/
input#ajaxSearch_input {
	width: 250px;
	z-index: 100;
}
p.ajaxSearch_resultsInfo, p#ajaxSearch_intro, div.ajaxSearch_resultsIntroFailure {
	margin: 1em 0;
}
span.ajaxSearch_paging {
	display: block;
	font-size: .95em;
	text-align: center;
}
	span.ajaxSearch_paging span {
		font-size: 12px;
		font-weight: 800;
	}
	span.ajaxSearch_paging a {
		font-size: 12px;
	}
div.ajaxSearch_result {
	margin: 1.5em .5em .5em;
}
div.ajaxSearch_extract {
	margin: .5em;
	padding: 1em;
	background: #f6f6f6;
	border: 1px solid #ddd;
}
span.ajaxSearch_resultDescription {
	color: #999;
	display: block;
	font-size: .9em;
}
a.ajaxSearch_resultLink {
	font-size: 1.2em;
	text-transform: capitalize;
}
.ajaxSearch_highlight {
	background: #dcedff;
}

/* Shh, hide some stuff
*/

#doc-home #guts #side h3.sub {
	display: none;
}
h3.feat a { color: white; }


/* Newsletter menus */

#scope-menu {
	color:#333333;
	padding:5px 0;
}

#scope-menu a {
color:#333333;
}


#scope-menu .submenu {
font-size:80%;

}

#guts #side #scope-menu .submenu a {
	padding: 0.5em 25px 0.5em 35px;
	border: 0;
	color: #333;
	display: block;
	margin: 0 -10px 0 -15px;
					
}

#guts #side #scope-menu li .submenu a:hover {
	border:0;
	color:#666;
}

#scope-menu .submenu a:before {
content:'- ';
}

#guts #side #scope-menu .menu-link .menuPlus {
float:right;
display:block;
width:16px;
height:16px;
text-align:center;
line-height:16px;
margin:0 10px 0 0;
padding:0 0 2px 2px;
color:#666;


}

#guts #side #scope-menu .menu-link .menuPlus:hover {
	color:#666;
	background:none;
	padding:0px;
	border:0;
}


.menu-link {
	padding:8px 0;
	margin:5px 0;
	border-bottom:1px solid #777;
	cursor:pointer;
}


.submenu li {
border-bottom:1px solid #999;
}

#guts #side #scope-menu .submenu a:hover {
color:#fff;
}

#guts #side #scope-menu .menu-link a:hover {
color:#666;
}

#guts #food #archive-scope-menu {
padding:0;
list-style-position:outside;
}

#guts #food #archive-scope-menu li {
list-style:none;
margin:0 0 20px 0;
}


#archive-scope-menu .menuPlus {
float:right;
display:block;
width:16px;
height:16px;
text-align:center;

padding:0 0 2px 2px;
color:#666;
}

#archive-scope-menu a {
	color:#333;
	text-decoration:none;
}
#archive-scope-menu .archive-menu-link {
	
	
	margin:5px 0;
	cursor:pointer;
}

#archive-scope-menu li:first {
background:#ccc;
}

.archive-back {
background:#ccc;
padding:10px;
}


#guts #food ul#archive-scope-menu .archive_submenu li {
list-style:none;
padding:5px 0;
margin:5px 0;
border-bottom:1px solid #ccc;
}

#guts #food #archive-scope-menu .archive_submenu a {
padding:0 0 0 20px;
}

#guts #food #archive-scope-menu .archive_submenu a:hover {
color:#666;
}

#scope-heading {
	margin:9px 0 20px 0;
}

/* Focus */

#focus-header {
width:570px;
margin:0 0 20px 0;
}

#randomimage {
float:left;
position:absolute;
}

#randomimage img {
width:340px;
}

.news-pdf {
float:right;
font-size:80%;
text-align:center;

}