/*-------------------
Sarah Lawrence College Alumnae/i Community 
Global Navigation CSS
Author: Winston Churchill-Joell <wjoell@sarahlawrence.edu>
Copyright Sarah Lawrence College. All rights reserved
-----------------------------------------------------------*/

/*-------------------
Main Navigation
Props to Douglas Bowman's Sliding Doors
http://www.alistapart.com/articles/slidingdoors2/
With some tweaks/simplifications
IE's whitespace rendering problems not applicable here
-----------------------------------------------------------*/
#global-navigation {
	clear:both;
	width:100%;
	background:#369;
	line-height:normal;
	text-align: center;
}
#global-navigation ul {
	padding: 0;
	margin: 0;
	float: left;
	background-color: #369;
	list-style:none;
	text-align: center;
	width: 100%;
	padding-top: .35em;
	border-bottom:1px solid #036;
}
#global-navigation li {
	display: inline; /*for IE5-Mac*/
	padding: 0;
	margin: 0;
	line-height: normal;
}
/* Restore above rule; hide from IE5-Mac \*/
#global-navigation li {display: block;float: left;}
/* End IE5-Mac hack */
#global-navigation a {
	display: block;
	float: left;
	background: url("../../images/alumnae/tab-right-bg.gif") #39c no-repeat right top;
	border-bottom:1px solid #036;
	text-decoration:none;
	white-space: nowrap;
	font-size:90%;
	margin-bottom:-1px;
	position: relative;
	z-index: 10;
	padding: 0;
}
#global-navigation a span {
	display:block;
	float: left; /*for IE5-Mac*/
	background:url("../../images/alumnae/tab-left-bg.gif") no-repeat left top;
	font-weight:bold;
	color:#fff;
	padding: .75em .3em .375em .375em;
}
/* Restore above rule; hide from IE5-Mac \*/
#global-navigation a span, #global-navigation a {float: none;}
/* End IE5-Mac hack */
#global-navigation a:hover span {
	color:#fff;
}
#global-navigation #current a {
	background-position:100% -300px;
	border-width:0;
}
#global-navigation #current a span {
	background-position:0 -300px;
	color:#060;
}
#global-navigation a:hover {
	background-position:100% -300px;
	background-color: #fff;
}
#global-navigation a:hover span {
	background-position:0 -300px;
	color: #369;
}
li#nav-mypage {
	margin-left: .5em;
}
body.alum-my-page #global-navigation #nav-mypage a {
	background-position:100% -300px;
	border-bottom-color: #fff;
	background-color: #fff;
}
body.alum-my-page #global-navigation #nav-mypage a span {
	background-position:0 -300px;
	color: #369;
}
body.alum-community #global-navigation #nav-community a {
	background-position:100% -300px;
	border-bottom-color: #fff;
	background-color: #fff;
}
body.alum-community #global-navigation #nav-community a span {
	background-position:0 -300px;
	color: #369;
}
body.alum-reunion #global-navigation #nav-reunion a {
	background-position:100% -300px;
	border-bottom-color: #fff;
	background-color: #fff;
}
body.alum-reunion #global-navigation #nav-reunion a span {
	background-position:0 -300px;
	color: #369;
}
body.alum-career #global-navigation #nav-career a {
	background-position:100% -300px;
	border-bottom-color: #fff;
	background-color: #fff;
}
body.alum-career #global-navigation #nav-career a span {
	background-position:0 -300px;
	color: #369;
}
body.alum-events #global-navigation #nav-events a {
	background-position:100% -300px;
	border-bottom-color: #fff;
	background-color: #fff;
}
body.alum-events #global-navigation #nav-events a span {
	background-position:0 -300px;
	color: #369;
}
body.alum-informed #global-navigation #nav-informed a {
	background-position:100% -300px;
	border-bottom-color: #fff;
	background-color: #fff;
}
body.alum-informed #global-navigation #nav-informed a span {
	background-position:0 -300px;
	color: #369;
}
body.alum-support #global-navigation #nav-support a {
	background-position:100% -300px;
	border-bottom-color: #fff;
	background-color: #fff;
}
body.alum-support #global-navigation #nav-support a span {
	background-position:0 -300px;
	color: #369;
}
body.alum-resources #global-navigation #nav-resources a {
	background-position:100% -300px;
	border-bottom-color: #fff;
	background-color: #fff;
}
body.alum-resources #global-navigation #nav-resources a span {
	background-position:0 -300px;
	color: #369;
}
body.alum-magazine #global-navigation #nav-magazine a {
	background-position:100% -300px;
	border-bottom-color: #fff;
	background-color: #fff;
}
body.alum-magazine #global-navigation #nav-magazine a span {
	background-position:0 -300px;
	color: #369;
}