/* CSS Document */


/* ----------------------------------------- TOPNAV STYLES ------------------------------- */
#topnav a {
	display: block;
	float: left;
	width: 110px;
	height: 100px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
#topnav a img {
	width: 110px;
	height: 100px;
	margin: 0px;
	padding: 0px;
}
#topnav a span {
	position: absolute;
	left: -9999px;
}
#topnav a #topnav_about			{ background-image: url(../images/about/topnav.gif); }				#topnav a:hover #topnav_about, #topnav a:focus #topnav_about, #topnav a.selected #topnav_about			{ background-image: url(../images/about/topnav_over.gif); }
#topnav a #topnav_education		{ background-image: url(../images/education/topnav.gif); }			#topnav a:hover #topnav_education, #topnav a:focus #topnav_education, #topnav a.selected #topnav_education		{ background-image: url(../images/education/topnav_over.gif); }
#topnav a #topnav_transition		{ background-image: url(../images/transition/topnav.gif); }		#topnav a:hover #topnav_transition, #topnav a:focus #topnav_transition, #topnav a.selected #topnav_transition	{ background-image: url(../images/transition/topnav_over.gif); }
#topnav a #topnav_outreach		{ background-image: url(../images/outreach/topnav.gif); }			#topnav a:hover #topnav_outreach, #topnav a:focus #topnav_outreach, #topnav a.selected #topnav_outreach		{ background-image: url(../images/outreach/topnav_over.gif); }
#topnav a #topnav_research		{ background-image: url(../images/research/topnav.gif); }			#topnav a:hover #topnav_research, #topnav a:focus #topnav_research, #topnav a.selected #topnav_research		{ background-image: url(../images/research/topnav_over.gif); }
#topnav a #topnav_activities		{ background-image: url(../images/activities/topnav.gif); }		#topnav a:hover #topnav_activities, #topnav a:focus #topnav_activities, #topnav a.selected #topnav_activities	{ background-image: url(../images/activities/topnav_over.gif); }
#topnav a #topnav_events			{ background-image: url(../images/events/topnav.gif); }			#topnav a:hover #topnav_events, #topnav a:focus #topnav_events, #topnav a.selected #topnav_events			{ background-image: url(../images/events/topnav_over.gif); }





/* ---------------------------------- LEFT NAV STYLES -------------------------------------- */
#nav_container {
	float: left;
	margin-bottom: 25px;
	width: 226px;
}
#nav {
	width: 225px;
	border-right: 1px solid #000;
	padding: 0px 0px 0px 0px;
	line-height: 1.3em;
}
#nav a {
	font-weight: 100;
}
#nav ul {
	list-style: none;
	margin: 10px 0px 0px;
	padding-bottom: 0px;
}
#nav_bottom {
	background-position: top right;
	background-repeat: no-repeat;
	height: 20px;
	padding: 0px;
	margin: 0px;
}
#nav ul li ul {
	border-top: 1px solid #555;
	margin: 0px;
}
#nav ul li ul li a {
	padding: 4px 10px 4px 20px;
	border-bottom: 1px dotted #222;
}
#nav li {
	text-align: left;
}
#nav li a {
	padding: 5px 5px 5px 10px;
	text-decoration: none;
	display: block;
	color: #000;
}
/* Fix IE whitespace bug */
/* Hide from IE Mac \*/
* html #nav li a { height: 1px; }
/* End hide */


/* these describe the properties of the left-nav depending on which section we are currently in */

#about #nav { background-color: #E79B94; }
#about #nav li a { background-color: #E79B94; border-top: 1px solid #E79B94; border-bottom: 1px solid #E79B94; } 
#about #nav li a:hover, #about #nav li a:focus, #about #nav .sub_sel { background-color: #FBDBDB; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#about #top1 { border-bottom: 1px solid #CF3829; }
#about #nav li ul li a { background-color: #efefef; border: none; border-bottom: 1px dotted #333; }
#about #nav li ul li a:hover, #about #nav li ul li a:focus, #about #nav li ul li a.sub_sel { border: none; border-bottom: 1px dotted #333; }

#education #nav { background-color: #7FB8DA; }
#education #nav li a { background-color: #7FB8DA; border-top: 1px solid #7FB8DA; border-bottom: 1px solid #7FB8DA; } 
#education #nav li a:hover, #education #nav li a:focus, #education #nav .sub_sel { background-color: #A4D0EA; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#education #top2 { border-bottom: 1px solid #0071B5; }
#education #nav li ul li a { background-color: #efefef; border: none; border-bottom: 1px dotted #333; }
#education #nav li ul li a:hover, #education #nav li ul li a:focus, #education #nav li ul li a.sub_sel { border: none; border-bottom: 1px dotted #333; }

#transition #nav { background-color: #CBB3D5; }
#transition #nav li a { background-color: #CBB3D5; border-top: 1px solid #CBB3D5; border-bottom: 1px solid #CBB3D5; } 
#transition #nav li a:hover, #transition #nav li a:focus, #transition #nav .sub_sel { background-color: #EDDDF3; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#transition #top3 { border-bottom: 1px solid #9868AC; }
#transition #nav li ul li a { background-color: #efefef; border: none; border-bottom: 1px dotted #333; }
#transition #nav li ul li a:hover, #transition #nav li ul li a:focus, #transition #nav li ul li a.sub_sel { border: none; border-bottom: 1px dotted #333; }

#outreach #nav { background-color: #9ED4A4; }
#outreach #nav li a { background-color: #9ED4A4; border-top: 1px solid #9ED4A4; border-bottom: 1px solid #9ED4A4; } 
#outreach #nav li a:hover, #outreach #nav li a:focus, #outreach #nav .sub_sel { background-color: #D0F2D4; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#outreach #top4 { border-bottom: 1px solid #3DAA4A; }
#outreach #nav li ul li a { background-color: #efefef; border: none; border-bottom: 1px dotted #333; }
#outreach #nav li ul li a:hover, #outreach #nav li ul li a:focus, #outreach #nav li ul li a.sub_sel { border: none; border-bottom: 1px dotted #333; }

#research #nav { background-color: #F8E295; }
#research #nav li a { background-color: #F8E295; border-top: 1px solid #F8E295; border-bottom: 1px solid #F8E295; } 
#research #nav li a:hover, #research #nav li a:focus, #research #nav .sub_sel { background-color: #F4E9C4; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#research #top5 { border-bottom: 1px solid #F1C62C; }
#research #nav li ul li a { background-color: #efefef; border: none; border-bottom: 1px dotted #333; }
#research #nav li ul li a:hover, #research #nav li ul li a:focus, #research #nav li ul li a.sub_sel { border: none; border-bottom: 1px dotted #333; }

#activities #nav { background-color: #F9CD95; }
#activities #nav li a { background-color: #F9CD95; border-top: 1px solid #F9CD95; border-bottom: 1px solid #F9CD95; } 
#activities #nav li a:hover, #activities #nav li a:focus, #activities #nav .sub_sel { background-color: #F8E0C1; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#activities #top6 { border-bottom: 1px solid #F39C2C; }
#activities #nav li ul li a { background-color: #efefef; border: none; border-bottom: 1px dotted #333; }
#activities #nav li ul li a:hover, #activities #nav li ul li a:focus, #activities #nav li ul li a.sub_sel { border: none; border-bottom: 1px dotted #333; }

#events #nav { background-color: #CC9DC9; }
#events #nav li a { background-color: #CC9DC9; border-top: 1px solid #CC9DC9; border-bottom: 1px solid #CC9DC9; } 
#events #nav li a:hover, #events #nav li a:focus, #events #nav .sub_sel { background-color: #E4CFE3; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#events #top7 { border-bottom: 1px solid #993C93; }
#events #nav li ul li a { background-color: #efefef; border: none; border-bottom: 1px dotted #333; }
#events #nav li ul li a:hover, #events #nav li ul li a:focus, #events #nav li ul li a.sub_sel { border: none; border-bottom: 1px dotted #333; }

#admin #nav { background-color: #fbf9f0; }
#admin #nav li a { background-color: #fbf9f0; border-top: 1px solid #fbf9f0; border-bottom: 1px solid #fbf9f0; } 
#admin #nav li a:hover { background-color: #f0e7c8; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#admin #nav li ul li a { background-color: #fff; border: none; border-bottom: 1px dotted #333; }
#admin #nav li ul li a:hover { border: none; background-color: #eee; border-bottom: 1px dotted #333; }

#main #nav { background-color: #fbf9f0; }
#main #nav li a { background-color: #fbf9f0; border-top: 1px solid #fbf9f0; border-bottom: 1px solid #fbf9f0; } 
#main #nav li a:hover { background-color: #f0e7c8; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#main #nav li ul li a { background-color: #fff; border: none; border-bottom: 1px dotted #333; }
#main #nav li ul li a:hover { border: none; background-color: #eee; border-bottom: 1px dotted #333; }

#plain #nav { background-color: #fbf9f0; }
#plain #nav li a { background-color: #fbf9f0; border-top: 1px solid #fbf9f0; border-bottom: 1px solid #fbf9f0; } 
#plain #nav li a:hover { background-color: #f0e7c8; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#plain #nav li ul li a { background-color: #fff; border: none; border-bottom: 1px dotted #333; }
#plain #nav li ul li a:hover { border: none; background-color: #eee; border-bottom: 1px dotted #333; }

#nav ul li ul li a {
	background-image: url(../images/nav_bullet.gif);
	background-position: 5px 8px;
	background-repeat: no-repeat;
}

#nav ul li ul li a.sub_sel {
	background-image: url(../images/nav_bullet_on.gif);
}
/*
*/