@charset "utf-8";
/* CSS Document */
#nav {
	width:758px;
	height:28px;
	background-image:url(../images/layout/navBG.jpg);
	background-repeat:repeat-x;
	clear:left;
	position:absolute;
	z-index:1000;
}
#nav ul {
	padding:0;
	margin:0;
	list-style:none;
}
#nav li{
	float:left;
	position:relative;
	margin-top:0px;
	width:106px;
	border-left:1px solid #796b4b;
	border-right:1px solid #44331f;
	padding-top:6px;
	padding-bottom:7px;
	*padding-top:7px;
	*padding-bottom:6px;
	text-align:center;
	height:15px;
	_height:14px;
}
#nav li:hover{
	background-color:#4e7f5e;
}
#nav li ul {
	display:none;
	position:absolute; 
	left: 0;
	width:758px;
}
#nav li > ul {
	top:28px;
	left:auto;
	*left:0;
}
#nav li li {
	width:auto;
	border:0px;
}
#nav li li a {
	padding-right:9px;
	padding-left:9px;
	position:relative;
	font-size:10px;
	font-weight:normal;
}
#nav li li a:hover {
	color:#d4cdb3;
}
#nav li:hover ul, li.subNav ul{ display:block; }
#nav a{
	color:white;
	font-size:11px;
	text-transform:uppercase;
	vertical-align:top;
	text-decoration:none;
	font-weight:bold;
	padding-top:7px;
	padding-bottom:7px;
	*padding-bottom:21px;
	position:relative;
}
#nav a:hover{
	_color:#d4cdb3;
}
#subNav {
	width:757px;
	height:56px;
	background-color:#fafafa;
	color:#999999;
	clear:both;
	border-right:1px solid #fafafa;
}
#nav #subNav1 {
	margin-left:-1px;
}
#nav #subNav2 {
	margin-left:-109px;
}
#nav #subNav3 {
	margin-left:-217px;
}
#nav #subNav4 {
	margin-left:-325px;
	/* padding is used for placing the submenu under the highlighted tab. The width (758px) must have the padding subtracted from it to have an overall width of 758px */
	/* this technique doesn't work very well in IE7 (works fine in IE8) the attributes that start with a * are for IE7, but the numbers can't be altered easily without breaking the menu. Be careful!*/
	padding-left:179px;
	width:578px;
}
#nav #subNav5 {
	margin-left:-433px;
	padding-left:389px;
	width:368px;
}
#nav #subNav6 {
	margin-left:-541px;
	padding-left:109px;
	*padding-left:67px;
	width:648px;
	*width:690px;
}
#nav ul #subNav7 {
	margin-left:-649px;
}
#nav ul #subNav7 li {
	float:right;
}
#navAbout:hover, #navAffil:hover, #navEdu:hover, #navOutreach:hover, #navPeople:hover, #navPub:hover, #navResearch:hover {
	border-left:1px solid #578768;
	border-right:1px solid #3b684c;
}
/* had to use a class to get the research menu in place */
#nav .subNav{
	width:757px;
	background-color:#4e7f5e;
	border-bottom:1px solid #336633;
	border-right:1px solid #3b684c;
}
#sideNav{
	width: 120px; 
	margin:25px 25px; 
	float:left;
	background:#fafafa;
	margin-left: 0px;
}
#sideNav li{
	list-style-type:none;
	margin:0px;
}
#sideNav .fix {
	margin-left:408px;
}
#sideNav a {
	font-weight:bold;
	text-decoration:none;
	color:#4E7F5E;
}
#sideNav a:hover {
	text-decoration:underline;
}