/*------------------------------------------------------------------
nav.css

-------------------------------------------------------------------*/

#search, #search ul { /* all lists */
 	padding: 0;
 	margin: 0;
 	list-style: none; z-index:1000;
	}

#search {
	font-size: .95em;
 	line-height: 1em;
	font-weight: bold;
 	}

#search li.top {
	position: relative;
	float: left;
	width: auto;
	margin-left: 1.5em;
	margin-top: 0.45em;
	padding-bottom:0.5em;
	color: #FFFFFF;
	}
#search li.top a { /* all list item links */
	color: #CCCCCC;
	}
#search li.top a:hover {
	color: #fff;
	}	
#nav #admissions a, #nav #search a {
	padding: 0;
	color: #bbb;
	}
#nav {
	font-size: .95em;
 	line-height: 1em;
	font-weight: bold;
 	}

#nav a {
	display: block;
	text-decoration: none;
	}
	
#nav li.top {
	position: relative;
	float: left;
	width: auto;
	margin-left: 0em;
	margin-top: 0.45em;
	/* ensures accessibility if dropdown menu goes too low */
	padding-bottom:0.5em;
	margin-right: 10px;
	}

#nav li.top span {
	display:block;
	padding: .6em 0.9em 0.625em 0.9em;
	font-size: 0.8em;
	line-height:1em;
	letter-spacing: 0.075em;
 	border: 1px solid #991122;
 	text-transform: uppercase;
 	}

#nav li.top:hover span,
#nav li.top.sfhover span {
  background-color:#222;
  cursor: pointer;
  }
	
#nav li#schools ul li { 
	width: 18em;
	}	
/* ul width, visible only to Opera */
@media all and (min-width: 0) {
#nav li#schools ul li {
	width: 18em;
	}
}

#nav li#offices ul li { 
	width: 14em;
	}
/* ul width, visible only to Opera */	
@media all and (min-width: 0) {
#nav li#offices ul li {
	width: 14em;
	}
}
	
#nav li#about ul li {
	width: 14em;
 	}
/* ul width, visible only to Opera */
@media all and (min-width: 0) {
#nav li#about ul li {
	width: 14em;
	}
}

#nav li#Research ul li {
	width: 17em;
 	}
/* ul width, visible only to Opera */
@media all and (min-width: 0) {
#nav li#Research ul li {
	width: 17em;
	}
}

#nav li:hover.top span {
	color: #fff;
	border-color: #fff;
	border-bottom-color: #000;
	}
	
#nav #admissions span, #nav #search span {
	padding-right: 0;
	/*border: 0;*/
	border-color: #000;
	}
	
#nav #admissions:hover span, #nav #search:hover span,
#nav #admissions.sfhover  span, #nav #search.sfhover span {
  background-color:transparent;
	}
	
#nav #admissions a, #nav #search a {
	padding: 0;
	color: #bbb;
	}
	
#nav #admissions a:hover, #nav #search a:hover {
	border-bottom: 1px dotted #fff;
	color: #fff;
	}
	
#nav ul li a { /* all list item links */
	padding: 0.3em 0.74em;
	color: #991122;
	}
	
#nav li a:hover {
	color: #fff;
	}
	
#nav li ul { /* hiding second-level lists */
	position: absolute;
	left: -9999px; /* still visible to screen readers */
	z-index: 99;
	/* for IE */
  filter:alpha(opacity=93);
  /* CSS3 standard */
  opacity:0.93;
	background: #fff;
	border: 1px solid #fff;
	}
	
#nav li ul li { /* second-level and below */
	margin-left: 0;
	}
	
#nav li ul li.last { /* give a little extra whitespace under last li */
	margin-left: 0;
	background: #fff;
	padding-bottom: .5em;
	}
	
#nav li ul li#fas { /* give FAS a big beautiful border */
	border-top: 2px solid #000;
	padding-top: .125em;
	}

#nav li ul li a:hover { /* second-level lists */
	background: #991122;
	}


#nav li:hover ul ul, 
#nav li:hover ul ul ul,
#nav li:focus ul ul,
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {
	left: -9999px;
	}
	
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul,
#nav :focus ul,
#nav li li:focus ul,
#nav li li li:focus ul,
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: 0em;
	top: 1.855em;! /* other browsers */
	top: 2.25em; /* IE */
	}
	
/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul { margin-left: 0; }
#nav li li a:focus + ul { margin-left: 0/*1010em*/; }
#nav li li a:focus { margin-left: 0/*1000em*/; /*width:10em*/; color: #fff; background: #991122; }
#nav li li li a:focus {margin-left: 0/*2010em*/; /*width: 10em*/; color: #fff; background: #991122; }
#nav li:hover a:focus, #nav li.sfhover a.sffocus { margin-left: 0; }
#nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul { margin-left: 10em; }
