/* CSS Document */
body {
	background-color: white;
}
.center {
	margin-left: auto;
	margin-right: auto;
	}
p {
	margin-top: 3px;
	margin-bottom: 3px;
	}
a img {border: none; }

a:link,
a:visited,
a:hover,	
a:active {
	color: #009999;
	text-decoration: none;
	}
.main {
	width: 806px;
	clear: both;
	height: 100%;
	}
.nav {
	background-color: #d8d7d7;
	clear: both;
	height: 37px; 
	width: 904px;
	margin: auto;
	}
#nav_home{
	float: left;
	width:100px;
	height:37px;
	margin: 0px; padding: 0px;
	background: url("../images/home_off.gif");
	text-decoration: none;
	}
#nav_research{
	float: left;
	width:173px;
	height:37px;
	margin: 0px; padding: 0px;
	text-decoration: none;
	}
#nav_teaching{
	float: left;
	width:120px;
	height:37px;
	margin: 0px; padding: 0px;
	text-decoration: none;
	}
#nav_publications{
	float: left;
	width:231px;
	height:37px;
	margin: 0px; padding: 0px;
	text-decoration: none;
	}
#nav_about{
	float: left;
	width: 90px;
	height: 37px;
	margin: 0px; padding: 0px;
	text-decoration: none;
	}		
.nav_spacer {
	float: left;
	}
.large {
	width: 806px;
	color: #009999;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 38px; /*38*/
	background-color: white;
	display: block;
	clear: both;
	margin-top: 30px;
	margin-bottom: 30px;
	}
.featured {
	float: left;
	width: 473px;
	background: url("../images/stripe_bkd.gif") 0 0 repeat;
	margin: 5px 5px 50px 5px;
	padding-top: 3px;
	padding-left: 1px;
	}
.featured_title {
	background: white;
	height: 22px;
	}
.featured_title img{
	padding-left: 5px;
	padding-top: 8px;
	}
.h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #009999;
	padding-bottom: 50px;
	}
.h2	{
	font-family: Helvetica, Arial, sans-serif;
	color: #009999;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	position: relative;
	}

.h3 {
	font-family: Verdana, Arial, sans-serif;
	font-color: black;
	font-size: 11px;
	line-height: 16px;
	}
.h4 {
	font-size: 9px;
	color: #777777;
	text-transform: uppercase;
	position: relative;
	}
.featured_img {
	width: 460px;
	height: 298px;
	overflow: hidden;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left:5px;
	}
.featred_text_box {
	background: url("../images/stripe_bkd_light.gif") 0 0 repeat;
	margin-top: 1px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	overflow: hidden;
 	width: 440px;
	}
.recent {
	float: left;
	border-top: #d8d7d7 solid 3px;
	width: 150px;
	margin: 5px;
	padding-left: 1px;
	background: url("../images/dotted.gif") 0 0 repeat-y;
	background:
	background-color: white;
	}
.recent_title {
	float: left;
	height: 28px;
	}
.recent_title img{
	padding-left: 5px;
	padding-top: 8px;
	}
.more_title {
	float: right;
	padding-top: 8px;
	}
.recent_content{
	margin-top: 28px;
	margin-left: 5px;
	}
.recent_content_img {
	width: 60px;
	height: 60px;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 1px;
	padding-right: 5px;
	float: left;
	}
div.h3 {
	padding-top: 5px;
	border-top: #d8d7d7 solid 1px;
	padding-bottom: 10px;
	}
.arrow {
	padding: 0px 0px 0px 6px;
	width: 7px;
	height: 7px;
	border: 0px	
	}
.webRing {
	float: right;
	border-top: #d8d7d7 solid 3px;
	width: 150px;
	margin: 5px;
	padding-left: 1px;
	background: url("../images/dotted.gif") 0 0 repeat-y;
	}
.webRing_content {
	height: 160px; /* change this value when adding or taking away links from the webring */
	width: 145px;
	padding-left: 0px;
	background: url("../images/cross_bkd.gif") 0 0 repeat;
	border-top: #d8d7d7 solid 1px;
	margin-left: 5px;
}
.webRing_content_img{
	width: 137px;
	height: 59px;
	border: #d8d7d7 solid 1px;
	margin-top: 11px;
	float: left;
	overflow: hidden;
	}
.webRing_title {
	background: white;
	height: 28px;
	}
.webRing_title img{
	padding-left: 5px;
	padding-top: 8px;
	}

.footer {
	width: 904px;
	border-top: #d8d7d7 solid 3px;
	margin-top: 10px;
	clear: both;
	height: 50px; 
	
	}
.footer img {
	float: right;
	}	
.copyright {
	float: right;
	padding-top: 14px;
	padding-left: 10px;
	}
.contact {
	float: right;
	padding-top: 14px;
	padding-left: 10px;
	}
.footer_spacer {
	float: right;
	margin-left: 30px; 
	}
#right_spacer {
	margin-right:30px;
	}


/*-------- CSS research.html --------*/

.research {
	float: left;
	border-top: #d8d7d7 solid 3px;
	width: 634px;
	margin: 5px;
	padding-left: 1px;
	background: url("../images/dotted.gif") 0 0 repeat-y;
	background-color: white;
	}
.research_title {
	float: left;
	height: 28px;
	}
.research_title img{
	padding-left: 5px;
	padding-top: 8px;
	}
.research_content{
	margin-top: 28px;
	margin-left: 5px;
	clear: both;
	}
.research_content_img {
	width: 152px;
	height: 152px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-right: 20px;
	float: left;
	}
	
/*-------- CSS individual projects --------*/
.project {
	float: left;
	border-top: #d8d7d7 solid 3px;
	width: 793px;
	margin: 5px;
	padding-left: 1px;
	background: url("../images/dotted.gif") 0 0 repeat-y;
	background-color: white;
	}
.column_container {
	border-bottom: #d8d7d7 solid 1px;
	padding-bottom: 20px;
	overflow: auto;
	}	
.left_column {
	width: 473px;
	float: left;
}
.right_column {
	width: 315px;
	float: right;
}
.right_column img{
	margin: 10px 0px 0px 10px;
}
.left_column img{
	margin: 10px 0px 10px 0px;
	display: block; 
	}
.img_sm {
	float: left;
	width: 147px;
	height: 147px;
	overflow: hidden;
}
.img_med {
	width: 304px;
	float: left;
	overflow: hidden;
}
.img_lg {
	width: 305px;
}
/*-------- CSS contact page --------*/
.bio {
	width: 432px;
	float: left;
	border-top: #d8d7d7 solid 3px;
	padding-left: 1px;
	background: url("../images/dotted.gif") 0 0 repeat-y;
	background-color: white;	
	margin: 5px;
	}
.bio_title {
	float: left;
	height: 28px;	
	}
.bio_title img {
	padding-left: 5px;
	padding-top: 8px;	
	}
.bio_content {
	border-top: #d8d7d7 solid 1px;
	margin-top: 28px;
	margin-left: 5px;
	}
.contact2 {
	width: 312px;
	float: left;
	border-top: #d8d7d7 solid 3px;
	margin: 5px;
	padding-left: 1px;
	background: url("../images/dotted.gif") 0 0 repeat-y;
	background-color: white;	
	}
.contact2_title {
	float: left;
	height: 28px;
	}
.contact2_title img {
	padding-left: 5px;
	padding-top: 8px;	
	}
.contact2_content {
	border-top: #d8d7d7 solid 1px;
	margin-top: 28px;
	margin-left: 5px;
	}
/*-------- CSS publications page --------*/

.pub_content {
	margin-top: 28px;
	margin-left: 5px;
	clear: both;
	height: 162px;
	margin-bottom: 31px;
	}