@charset "UTF-8";

* {margin:0; padding:0;}

body {
	background-color:#e7edf6;
	font:small Arial, Helvetica, sans-serif;
	color:#666;
}

hr {
	height: 1px;
	background:#CCC;
	color:#CCC;
	border:none;
}

/* Text Formatting */

p {margin:7px 0 10px 0;}
a {color:#68717e;}
a:hover {text-decoration:none;}

#col2 ol, #col2 ul {
	padding:3px 0 7px 36px;
	line-height:18px;
}

#col2 ul {padding-left:22px!important;}
#col2 ul li {
	list-style-type:none;
	padding-left:17px;
	background:url(/i/bullet.gif) 0 5px no-repeat;
}

#col2 p {clear: both;}

h1 {
	padding-top:6px;
	overflow:hidden;
	height:45px;
	}

h1 a {
	padding-top:49px;
	display:block;
	width:380px;
}

h2 {
	color:#7889a3; 
	padding:7px 0 5px 0;
	margin:0 0 10px 0;
	font-size:16px;
	clear: both;
}

body.home h2 {
	color:#880000;
	border-bottom:#d3d3d4 solid 1px;
	padding-bottom:2px;
	clear: both;
}

h3 {
	font-size:14px;
	color:#8090a8;
	padding:8px 0 7px 0;
}

#col3 h3 {
	padding-left:12px;
	font-size:12px;
}

.date {
	color:#880000;
	margin-top: -6px;
	border-bottom: #880000 dotted 1px;
	padding-bottom: 8px;
	font-size: 11px;
}

#events p.feature-link, #news p.feature-link {
	float: right;
	font-size: 11px;
	border: none;
	margin-top: -5px;
}

#news p {
	border-bottom: #880000 dotted 1px;
	padding-bottom: 8px;	
}

#news em {
	color:#880000;
	font-size: 11px;
	font-style: italic;
	margin-right: 4px;
}

div#breadcrumbs {
	font-size: 11px;
	float: right;
}

div#breadcrumbs a {
	text-decoration: none;
	color:#666;	
}

div#breadcrumbs a:hover {text-decoration: underline;}

blockquote {
	margin: 0 15px;
	padding: 0 0 5px;
	font-style:italic;
}

.highlight {color:#880000;}

/* Search */

#search {
	width:888px;
	margin:0 auto;
	padding:5px 5px 0 0; 
	height:26px;
	color:#7889a3;
	font-size:10px;
	text-align:right;
}

#search #field {
	border:1px solid #cfcdcd;
	height:14px;
	/*font-size:9px;*/
	color:#7c7b7e;
}

input#field {
	padding: 2px;
	font-size: 10px;
}

input {
		vertical-align: middle;
}

/* Divs */

#outerwrapper {
	width:100%;
	background: url(/i/bg_body.jpg) top left repeat-x;
	background-color:#fff;
}

#wrapper {
	width:100%;
	background:url(/i/bg_footer.gif) bottom left repeat-x;
}

#masthead {
	width:888px;
	margin:0 auto;
	height:157px;
	background:url(/i/bg_masthead.gif) top left no-repeat;
}

body.home #masthead_var {
	background:url(/i/bg_masthead_1.jpg) top left no-repeat;
}

#masthead_var {
	width:auto;
	margin:10px 0;
	height:86px;	
	background-image:url(/i/bg_masthead_2.jpg);
}

#main {
	width:888px;
	margin:0 auto;
	background: url(/i/bg_main.jpg) top left repeat-y;
}

#col1 {
	float:left;
	width:166px;
}

#col2 {
	float:left;
	width:479px;
	padding:15px 25px 20px 25px;
}

#col2_5 {
	float:left;
	width:600px;
	padding:15px 25px 20px 25px;
}

#col3 {
	float:left;
	width:193px;
	overflow:hidden;
}

#footer {
	clear:both;
	/*border-top:solid 1px #880000; background-color:#e7edf6; height:44px;*/
	height:45px;
	background:url(/i/bg_footer.gif) top left repeat-x
}

#footer p {
	width:872px;
	font-size:x-small;
	color:#9098a4;
	padding:11px 8px 0 8px;
	text-align:right;
}

#footer p .left {
	float:left;
	text-align:left;
}

/* Nav */

#col1 ul {list-style-type:none;}

#col1 ul li {

}

#col1 ul li a {
	text-decoration:none;
	color:#666;
	font-size:12px;
	display:block;
	padding:8px 0 7px 12px;
	border-bottom:#d0d6e0 1px solid;
	background-color:#e7ebf2;
}

#col1 ul li a:hover {
	background-color:#d9dee7;
}

/* second-level */

#col1 ul li ul {display:none;}

#col1 ul li ul li a {
	color:#7889a3;
	font-size:x-small;
	background-color:#eff3f8 !important;
	padding:6px 0 5px 25px;
	border-color:#fff;
}

#col1 ul li ul li a:hover {
	background-color:#e7ebf2 !important;
}

/* on-state */

body.about #col1 ul li#about ul,
body.research #col1 ul li#research ul,
body.people #col1 ul li#people ul,
body.undergraduate #col1 ul li#undergraduate ul,
body.graduate #col1 ul li#graduate ul,
body.outreach #col1 ul li#outreach ul,
body.resources #col1 ul li#resources ul 
{display:block;}

body.about #col1 ul li#about a, 
body.research #col1 ul li#research a, 
body.people #col1 ul li#people a, 
body.undergraduate #col1 ul li#undergraduate a, 
body.graduate #col1 ul li#graduate a, 
body.outreach #col1 ul li#outreach a, 
body.resources #col1 ul li#resources a 
{background-color:#d9dee7;}

/* Subnav */

.subnav {
	width: 450px;
	background-color:#e7edf6;
	padding:7px;
	margin:10px 0 15px 0;
	padding:10px;
	font-size:11px;
	float: left;
}

.subnav a {color:#666;}

.subnav ul {
	line-height:20px !important;
	padding:0 0 0 5px !important;
	float: left;
	margin-left: 0;
	width: 185px;
}
.subnav ul li {background-position:0 7px!important;padding-left:12px!important;}

/* Col3 sections */

.sub {
	float:right;
	width:169px;
	background-color:#eeeeef;
	border-top:#fff solid 1px;
	border-bottom:#fff solid 1px;
	padding:5px 12px 5px 12px;
	color:#68717e;
	font-size:x-small;
	line-height:12px;
	margin-bottom:7px;
}

/* quicklinks */
li#ql ul {
	position:absolute;
	width:175px;
	background-color:#eeeeef;
	color:#68717e;
	font-size:x-small;
	list-style-type:none;
	padding:7px 0 10px 18px;
	line-height:14px;
	margin-left:-9999px;
}
li#ql ul li {
	background:url(/i/bullet_small.gif) 0 5px no-repeat;
	padding-left:12px;
}
	
ul#quicklinks li:hover ul, ul#quicklinks li.sfhover ul {margin-left:0;}

li#ql h3 {
	background:url(/i/arrow.gif) 90% center no-repeat;
	border-bottom:#fff solid 1px;
}

ul#quicklinks li:hover h3, ul#quicklinks li.sfhover h3 {
	background-image:url(/i/arrow_down.gif);
}
	
body.home li#ql h3 {
	background-image:url(/i/arrow_down.gif);
}

body.home li#ql ul {
	position:relative;
	margin-left:0;
	background-color:#eeeeef;
	background-image:none;
}
	
/*img with caption */

.caption {
	background-color:#fff;
	padding:5px 0 5px 0;
}

.caption p {
	font-size:x-small;
	padding:0;
	margin:7px 5px 3px 12px;
}