
body {
	background:#fff url(/images/bkgd.gif) top left repeat-x;
}

/*PDF Links - adds a small PDF icon to all PDF links*/
a[href$=".pdf"] {
	background: url(/images/elementsImages/page_pdf.png) no-repeat right top;
	padding:0 22px 5px 0;
}

dl { 
	margin: 0 0 1.5em 0;

}

dl dt { 
	font-weight:bold;
	margin-bottom:.7em;
}

dl dd {
	margin:0 0 1.5em 1.5em;
}

form {
	padding:1.5em 0;
}

label {
	display:block;
	width:100px;
	text-align:right;
	font-weight:bold;
	float:left;
	clear:left;
	padding-right:1em;
	margin-bottom:1.5em;
}

input, textarea {
	display:block;
	/*line-height:1.5em;*/
	margin-bottom:1.5em;
}

	input:focus {
		background-color:#fffde4;
	}

fieldset {
	display:block;
	width:80%;
	border:1px solid #d7d7d7;
	margin:0 0 1.5em 1em;
}

	fieldset div {
		padding:1.5em;
	}

	fieldset label, fieldset input {
		display:inline;
		margin-bottom:0;
	}
	
	fieldset label {
		width:auto;
		clear:none;
		float:none;
		font-weight:normal;
		padding-right:3em;
	}

legend {
	font-weight:bold;
	margin-left:1.5em;
	padding:0 .5em;
}

.long {
	width:60%;
}

.short {
	width:30%;
}


#container {
	width:752px;
	margin:0 auto;
	padding:22px 0;
}

#header {
	border-bottom:1px solid #d7d7d7;
	background:url(/images/header_bkgd.gif) top left no-repeat;
}

	#header img {
		display:block;
		padding:16px 20px;
		border:none;
	}

#body {
	padding:16px;
	border-right:1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	background:#fff url(/images/body_bkgd.jpg) top left repeat-x;
}
	
#navigation {
	float:left;
	width:200px;
	padding:0 16px 0 0;
	letter-spacing:1px;
}

	#navigation h4 {
		line-height:2.4em;
		color:#004270;
		/*letter-spacing:1px;*/
		margin-bottom:0;
		padding:1px 14px 0 14px;
		background:url(/images/navigation/learn_bkgd.gif) top left no-repeat;
		border-bottom:1px solid #d7d7d7;
	}
	
	#navigation ul {
		background-color:#fff;
		border:1px solid #d7d7d7;
		border-width:0px 1px;
	}
		
		#navigation li {
			border-bottom:1px solid #d7d7d7;
		}
		
			#navigation li a {
				display:block;
				font-size:1.1em;
				line-height:1.3em;
				color:#3b3d3f;
				text-decoration:none;
				padding:.9em 14px;
			}
		
				#navigation li a:hover {
					color:#772432;
				}
		
			#navigation li ul,
			#navigation li ul li {
				border:none;	/* Removes borders from subnavigation */
			}
			
			#navigation li ul {
				display:none;	/* hides the subnav by default */
				padding-bottom:1em;
				list-style:disc;
				padding-left:3.5em;
			}
			
				#navigation li ul li a {
					font-size:1em;
					line-height:1.3em;
					font-weight:normal; /* removes bold from active parent */
					padding:.5em 1em .5em 0;
				}


.about_us li.about_us a, 
.facility #navigation li ul li.facility a,
.staff #navigation li ul li.staff a,
.research_partnerships #navigation li ul li.research_partnerships a,
.starkey #navigation li ul li.starkey a,
.news li.news a,
.our_research li.our_research a,
.publications #navigation li ul li.publications a,
.presentations #navigation li ul li.presentations a,
.research_projects #navigation li ul li.research_projects a,
.subject_recruitment li.subject_recruitment a,
.contact_us li.contact_us a {
	font-weight:bold; /* highlights active section */
}

.about_us #navigation .about_us ul,
.our_research #navigation .our_research ul {
	display:block; /* displays subnav when parent is active */
}

#job_postings {
	margin-top:1.5em;
	border:1px solid #d7d7d7;
	padding:13px 15px 10px 15px;
	background-color:#fff;
}

	#job_postings h5 {
		font-size:1.2em;
		color:#772432;
		margin-bottom:.8em;
		text-transform:uppercase;
	}
	
	#job_postings p {
		margin-bottom:.6em;
	}

#address {
	margin-top:1.5em;
	border:1px solid #d7d7d7;
	border-width:1px 1px 0 1px;
	background:url(/images/navigation/address_bkgd.gif) top left repeat-x;
}

	#address p {
		font-size:.9em;
		line-height:1.4em;
		padding:14px 15px 20px 15px;
		margin:0 -1px; /* pushed side margins out so bkgd image covers #address borders */
		background:url(/images/navigation/address_bottom.gif) bottom left no-repeat;
	}
			

#content {
	float:left;
	width:502px;
}

	#content h2 {
		font-size:1.8em;
		color:#772432;
		letter-spacing:1px;
		padding-top:.3em;
	}
	
	#content h3 {
		padding:0 0 .3em .2em;
		border-bottom:1px solid #bdbdbc;
	}
	
	.presentations #content h4 {
		margin-bottom:.3em;
	}
	
	#content p {
		line-height:1.5em;
	}
	
		#content p.arrow {
			font-size:106%;
			margin-left:2px;
			padding-left:14px;
			background:url(/images/link_arrow.gif) 0 50% no-repeat;
		}
	
	#content a, #job_postings a {
		font-weight:bold;
		color:#406077;
		text-decoration:none;
	}
	
		#content a:hover, , #job_postings a:hover {
			text-decoration:underline;
		}
		
	#content ul {
		margin:0 1.5em 1.5em 1.5em;
		list-style-type:circle;
	}
	
	#content ol  {
		margin:0 1.5em 1.5em 1.5em;
		list-style-type:decimal;
	}
	
	#content li {
		margin-bottom:.7em;
		line-height:1.5em;
	}
		

.feature {
	display:block;
	margin-bottom:1.6em;
}		
		
		
#column_left {
	float:left;
	width:240px;
}

#column_right {
	float:right;
	width:240px;
}


#footer {
	clear:both;
	border-top:1px solid #d7d7d7;
	padding:16px 20px;
	background:url(/images/footer_bkgd.gif) bottom left no-repeat;
}

	#footer p {
		float:left;
		font-size:.9em;
		color:#9ba0a4;
		margin-bottom:0;
	}

	#footer ul {
		float:right;
	}

	#footer li {
		float:left;
	}
		
		#footer li a {
			font-size:.9em;
			color:#9ba0a4;
			text-decoration:none;
			padding:0 1.1em;
			border-right:1px solid #9ba0a4;
		}
		
			#footer li a:hover {
				color:#3b3d3f;
			}


.highlight_box {
	padding:16px;
	border-top:1px solid #d7d7d7;
	background:url(/images/highlight_bottom.gif) bottom left no-repeat;
}

	#content .highlight_box h3 {
		margin-bottom:.5em;
		line-height:1.3em;
		color:#406077;
		text-transform:uppercase;
		padding:0;
		border-bottom:none;
	}

	
	



/* Float Clearing Class ----------------------------------------------- */

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

* html .clear {
	height:1%;	/* for IE5 & IE6 */
}

*:first-child+html .clear {
	min-height: 1px;	/* for IE7 */
}
