/*-------------------
Sarah Lawrence College
Navigation CSS
Author: Winston Churchill-Joell <wjoell@sarahlawrence.edu>
Copyright Sarah Lawrence College. All rights reserved
-----------------------------------------------------------*/

#global-navigation {
	clear:both;
	width:100%;
	line-height:1;
	position: relative;
	z-index: 100;
}
#global-navigation ul#globalnav {
	padding: 0;
	margin: 0;
	float: left;
	background-color: #360;
	list-style:none;
	width: 100%;
	border:1px solid #000;
	border-right: none;
	border-left: none;
}


/**/
#globalnav, #globalnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#globalnav a {
	display: block;
}
#globalnav a span {
	display: block;
	padding: .3em 5px;
}

#globalnav li { /* all list items */
	float: left;
}
li.firsttab {
	margin-left: 22em;
	border-left: 1px solid #390;
}
a.navtab {
	font-size: 80%;
	border-right: 1px solid #390;
	color: #eee;
	text-decoration: none;
	background-color: #3d7a01;
	padding: .15em 2px;
}
a.navtab:link {
}
a.navtab:visited {
	color: #eee;
}
a.navtab:hover {
	color: #fff;
	background-color: #030;
}
a.navtab:active {
	color: #eee;
}
#globalnav a.nav-parent {
	background-image: url("down-arrow.gif");
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 9px;
}
#globalnav li ul { /* second-level lists */
	position: absolute;
	background-color: #030;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 1px solid #fff;
	padding: 2px;
}
#globalnav li ul a {
	border: none;
	text-decoration: none;
	border-bottom: 1px solid #360;
	color: #ffc;
	width: 9.8em;
}
#globalnav li ul a:link {
	color: #ffc;
}
#globalnav li ul a:visited {
	color: #ffc;
}
#globalnav li ul a:hover {
	color: #fff;
	background-color: #000;
}
#globalnav li ul a:active {
	color: #ffc;
}

#globalnav li:hover ul, #globalnav li.sfhoverh ul { /* lists nested under hovered list items */
	left: auto;
}

