body {font-family: "Helvetica Neue", "Helvetica", sans-serif; font-size: 10pt; }

h1, h2 {font-weight: normal; margin: 0; padding: 0; text-indent: -10000px;}
h1 a {background: white url(../img/bg_name.jpg) no-repeat top; float: left; height: 63px; width: 400px;}
h2 a {float: right; padding-right: 10px; height: 21px; width: 260px;}
	h2.department a {background: url(../img/bg_department.jpg) bottom left no-repeat; padding-top: 5px;}
	h2.school a {background: url(../img/bg_school.jpg) top left no-repeat;}
h1, h2, h3, h4, h5 {margin: 0;}

a {color: #2b6614; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited, a:active {color: #2b6614;}
a img {border: none;}

.clear {clear: both;}
.small {height: 0px; overflow: hidden;}

.shadow {background: url(../img/bg_shadow.gif) bottom right no-repeat; float: left; padding: 0 10px 10px 0; width: 200px;}
.shadow img {width: 200px;}



/* Layout Styles
*********************************/
#page {background: url(../img/bg_navcolor.gif) left repeat-y; width: 720px; margin: auto; margin-bottom: 20px;}
#nav {clear: left; background: #449922; float: left; list-style: none; padding: 15px 0 20px 0; margin: 0; width: 130px; overflow: hidden;}
	#nav li a {
		background-color: #449922;
		/* -webkit-transition: background-color .25s linear; */
		color: white;
		display: block;
		margin: 0;
		padding: 8px 15px;
		font-size: 13.5pt;
		font-variant: small-caps;
		font-weight: normal;
		text-decoration: none;
		width: 100px;
		}
	#nav li a.here, #nav li a.here:hover {background-color: #b2d778;}
	#nav li a:hover {background: #77a464;}

#main {background: #b2d778; color: #2b6614; float: left; margin: 0; padding: 10px 20px 10px 10px; min-height: 496px; width: 550px;}

#main h3 {
	color: white;
	margin: 0;
	letter-spacing: -2px;
	font-size: 30pt;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	}
#main h4 {color: inherit; font-size: 12pt;}
#main h5 {font-size: 10pt;}

#main p {padding: 0 0 .75em 0; margin: 0;}
#main ul {margin: 0; padding-left: 2em; list-style: square;}
#main li {padding-bottom: .5em;}
#main dl {margin: 0;}
#main dt {clear: left; float: left; font-weight: bold; padding-bottom: 1em; width: 75px;}
#second dt {clear: left; float: left; font-weight: bold; padding-bottom: 1em; width: 100px;}
#main dd {float: left;}
#main address {margin: 0 3em; font-style: normal;}

/*Home Page Styles 
********************************/
#main.home {background: white; padding: 0; width: 580px;}
#main.home #panel {background: url(../img/gfx_ma.jpg) right no-repeat #b2d778; height: 420px; width: 580px; margin-bottom: 3px;}

#main.home #fade {
	/* background: url(../img/bg_fade.png) repeat-x; */
	height: 380px;
	width: 250px;
	position: relative; z-index: 200;
	}
#main.home #scroller {
	height: 380px;
	width: 250px;
	position: relative;
	top: 20px; left: 20px;
	overflow: hidden;
	}
#main.home #content {
	position: relative; z-index: 100; /* top: -380px; */
	padding-top: 380px; /* the #scroller length */
	/* opacity: 0;
	 * filter: alpha(opacity='0'); */
	}
#content.announcements h3 {color: inherit; font-size: 14pt; font-weight: normal;}

/* Research, Publictaions Page Styles
********************************/
#main .research {list-style: none inside; padding: 0; margin: 0;}
	#main .research li {clear: left; padding: 1em 0;}
	#main .research cite {display: block;}
	
/* Publications Page Styles
********************************/
#main.publications ul.nav {list-style: none inside; padding: 0; margin: 0; height: 2em;}
	#main.publications ul.nav li {float: left; padding: 0 .75em 0 0; height: 2em; line-height: 2em;}
	#main.publications ul.nav li a.here {font-size: 200%; text-decoration: none;}
	#main.publications .shadow {clear: right; float: right; padding-left: 10px;}


/* Contact Page Styles
********************************/
img.map {margin-bottom: 10px;}

/* People Page Styles
********************************/
#main.people h4 {border-bottom: 2px solid #2b6614; margin: 0 0 5px 0;}
#main.people .person {float: left; margin: 0; min-height: 160px; width: 270px;}
#main.people .wide {width: 580px;}
#main.people .shadow {
	background: url(../img/bg_shadow_sm.gif) bottom right no-repeat;
	width: 100px;
	padding: 0 10px 10px 0;
	float: left;
	margin: 0 10px 10px 0;
	}
#main.people .person img {width: 100px;}

/* Photos Page Styles
*******************************/
body#photos {margin-top: 63px; background: white;}
body#photos #page {background: none;}

#header {
	background: url(../img/bg_floatshadow.png);
	left: 0px;
	height: 75px;
	position: fixed;
	top: 0px;
	width: 100%;
	}
#header .wrapper {width: 700px;}