ul#nav {
	float: left;
	clear: both;
	display: block;
	width: 940px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	z-index: 99;
	background: #FFF url('images/nav_background.png') repeat-x scroll top left;
}

ul#nav li {
	position: relative;
	float: left;
	display: block; 
	z-index: 99;
}

ul#nav li a {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	float: left; /* to fix Mac IE 5.2 bug */
	z-index: 99;
	height: 50px;
}

#navHome a { width: 71px; background: #FFF url('images/nav_home.png') no-repeat scroll top left; }
#navAbout a { width: 59px; background: #FFF url('images/nav_about.png') no-repeat scroll top left; }
#navAlumni a { width: 67px; background: #FFF url('images/nav_alumni.png') no-repeat scroll top left; }
#navBlog a { width: 44px; background: #FFF url('images/nav_blog.png') no-repeat scroll top left; }
#navImpact a { width: 69px; background: #FFF url('images/nav_impact.png') no-repeat scroll top left; }
#navDonate a { width: 70px; background: #FFF url('images/nav_donate.png') no-repeat scroll top left; }
#navGallery a { width: 70px; background: #FFF url('images/nav_gallery.png') no-repeat scroll top left; }
#navGetInvolved a { width: 117px; background: #FFF url('images/nav_getinvolved.png') no-repeat scroll top left; }
#navParticipants a { width: 108px; background: #FFF url('images/nav_participants.png') no-repeat scroll top left; }
#navPress a { width: 48px; background: #FFF url('images/nav_press.png') no-repeat scroll top left; }
#navPublications a { width: 111px; background: #FFF url('images/nav_publications.png') no-repeat scroll top left; }
#navSeminars a { width: 85px; background: #FFF url('images/nav_seminars.png') no-repeat scroll top left; }

ul#nav li a.selected {
	background-position: bottom left;
}

ul#nav li a:hover {
	background-position: bottom left;
}

ul#nav li.first {
}

ul#nav li.last {
}

ul#nav li ul { 
	border-left: 1px solid #dc6516; 
	border-right: 1px solid #c34e00; 
	background: #D85600; 
}

ul#nav li li { 
	border-top: 1px solid #dc6516; 
	border-bottom: 1px solid #c34e00; 
}

ul#nav li ul li a:hover { 
	background: #DDD url('images/subnav_background.png') repeat-x scroll top left;
}

ul#nav li p, ul#nav li ul li p {
	display: none; /* we hide the actual text since the background image contains the text */
}


/* Below is the pull-down part **********************/

ul#nav ul {
	position: absolute;
	z-index: 99;
	left: -999em;
	top: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 200px;
	height: auto;
	border-top: 0;
	border-bottom: 0;

	/* These 3 should be set dynamically
	border-left: 1px solid #555555;
	border-right: 1px solid #000000;
	background: #333333;
*/
}

ul#nav li li {
	/* don't put any more padding */
	width: 200px;
	
	/* These 2 should be set dynamically
	border-top: 1px solid #555555;
	border-bottom: 1px solid #000000;
*/
}

ul#nav li li a {
	display: block;
	width: 190px;
	height: 20px;
	line-height: 20px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	color: #fff;
	float: left; /* to fix Mac IE 5.2 bug */
	background: #D85600;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
ul#nav li:hover ul, ul#nav li.sfhover ul {
	left: 0px;
}

ul#nav ul li a:hover {
	width: 190px;
}


/* 	
	Use it like this
	<li><div class="menuDiv"></div></li>
*/

div.menuDiv {
	display: block; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 5px;
	width: 160px;
	background: #A53B00;
}


/* subMenu May be deleted ***********************/
ul#subMenu {
	float: right;
	display: block;
	margin: 10px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

ul#subMenu li {
	font-size: 10pt;
	position: relative;
	float: left;
	display: block; 
	border-left: 1px solid #ccc;
}

ul#subMenu li.first {
	border: none;
}

ul#subMenu li a {
	display: block;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	float: left; /* to fix Mac IE 5.2 bug */
}