#nav ul {
	border-top: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#ulnav li a {
	border: 0;
	color: #333;
	display: block;
	margin: 0;
	padding: 9px 5px 2px 2px;
	text-decoration: none;
	font: 13px Georgia, "Times New Roman", Times, serif;
	border-bottom: dotted 1px #ccc;
	}


#ulnav li li a {
	border-bottom: none;
        color: #666;
padding: 2px 0 2px 3px;
	}


#ulnav li a:hover {
	background: #ebf3db;
	color: #000;
	}

#ulnav li {
	position: relative;

	}

#ulnav ul {
        padding: 5px 0 10px 0;
}

/* This, in conjunction with JavaScript, makes IE display popout submenus on rollover. Thanks to http://www.alistapart.com/articles/dropdowns*/
li:hover ul, li.over ul {
	border-top: 1px solid #d4dac6 !important;
	display: block !important;
	}



/* This makes the active top-level item (i.e. Graduate Program) bold white on dark gray. */
body#grad #nav_grad a, 
body#undr #nav_undr a,
body#publ #nav_publ a,
body#news #nav_news a,
body#tech #nav_tech a,
body#people #nav_people a,
body#info #nav_info a 
body#alumni #nav_alumni a{
border: none;

	}

/* This hides the subnavigation, but positions it for right-side popout. */
#sub_grad, #sub_undr, #sub_publ, #sub_news, #sub_tech, #sub_people, #sub_info, #sub_alumni, #sub_sp {
	background: url(/assets/images/layout/translucent.png) !important;
	border: 1px solid #d4dac6;
	display: none;
	padding: 0;
	position: absolute;
	top: -5px;
	left: 138px;
	width: 190px;
	}

/* This displays the subnavigation inline (below header) for the active page. */
body#grad #sub_grad, 
body#undr #sub_undr,
body#publ #sub_publ,
body#news #sub_news,
body#tech #sub_tech,
body#people #sub_people,
body#info #sub_info, 
body#info #sub_sp,
body#alumni #sub_alumni{
	background: transparent;
	border: 0;
	border-top: 1px solid #d4dac6;
	display: block;
	position: relative;
	top: auto;
	left: 0;
        width: 138px;

}

/* 	This positions the subnavigation list elements and removes the line between them.
	Can't a lot of this be done more simply, without all the #sub_ junk? Maybe "li li"? */
#sub_grad li, #sub_undr li, #sub_publ li, #sub_news li, #sub_tech li, #sub_people li, #sub_info li, #sub_alumni li, #sub_sp li {
	border-top: 0;
	padding: 0 5px;

}

/*	This styles the subnavigation links.
	Strange: If I remove the "ul" from the selector, the links turn bold white on dark gray. Why? Specificity? */
#nav_grad ul#sub_grad a, 
#nav_undr ul#sub_undr a,
#nav_publ ul#sub_publ a,
#nav_news ul#sub_news a,
#nav_tech ul#sub_tech a,
#nav_people ul#sub_people a,
#nav_info ul#sub_info a,
#nav_sp ul#sub_sp a, 
#nav_alumni ul#sub_alumni a{
	background: transparent;
	color: #666;
	font-weight: normal;
	padding: 0;
        border-bottom: none;
}

/* This makes the subnavigation links black on rollover. */
#ulnav li li a:hover {
	color: #000 !important;
         background: none;
}

/* This makes the non-linked subnavigation categories (i.e. Programs) bold. */
#ulnav h5 { 
font-weight: normal; 
display: inline;
}


#ulnav ul h6 { 
display: block;
font-weight: bold; 
font: 14px Georgia, "Times New Roman", Times, serif;
padding: 0;
margin: 10px 0 5px 0;
}