/* CSS Document */

#nav {
	margin: 2px 0px 0px 0px;
	background: #4198d9;
	z-index: 200;
	}

#nav ul { /* all lists */
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: block;
	z-index:200;
	height: 20px;
	}

#nav li { /* all list items */
	display:inline;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	}

#nav li a {
	display: block;
	height: 20px;
	background: url(images/nav-bg2.gif) 0 0 no-repeat;
	text-indent: -1000em;
	}

/* Main Navigation --------------------------------------------------------------------------*/

/* About */
#nav li#one a {
	background-position: 0 0;
	width: 168px;
	}
#nav li#one a:hover {
	background-position: 0 -20px;
	}
/* Programs */
#nav li#two a {
	background-position: -168px 0;
	width: 132px;
	}
#nav li#two a:hover {
	background-position: -168px -20px;
	}
/* Resources */
#nav li#three a {
	background-position: -300px 0;
	width: 140px;
	}
#nav li#three a:hover {
	background-position: -300px -20px;
	}
/* Advocacy */
#nav li#four a {
	background-position: -440px 0;
	width: 169px;
	}
#nav li#four a:hover {
	background-position: -440px -20px;
	}
/* News & Events */
#nav li#five a {
	background-position: -609px 0;
	width: 216px;
	}
#nav li#five a:hover {
	background-position: -609px -20px;
	}
/* Get Involved */
#nav li#six a {
	background-position: -825px 0;
	width: 135px;
	}
#nav li#six a:hover {
	background-position: -825px -20px;
	}

	
#nav li.right {
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	margin: 0 0 0 0px;
	padding: 0 0 0 11px;
	background: none;
	}

#nav li ul, #nav li.right ul { /* second-level lists */
	position: absolute;
	width: 189px;
	left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 0 0 0px 0;
	margin: 0px 0 0 -2px;
	border-top: 2px solid #ffffff;
	height: auto;
	background-image: none;
	border-left: 2px solid #FFFFFF;
	z-index: 200;
	}
* html #nav li ul, #nav li.right ul { /* second-level lists */
	left: auto;
	display: none;
	}

#nav li ul li, #nav li.right ul li {
	background: transparent url(images/nav/subnav-left.png) left top;
	width: 189px;
	padding: 0 0 0 0;
	font-size: 13px;
	color: #fff;
	font-family: Helvetica, "Myriad Pro", "Myriad", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	}
#nav li ul li a, #nav li.right ul li a {
	color: #fff;
	text-decoration: none;
	text-indent: 0;
	display: block;
	
	margin:3px 0 3px 0;
	
	padding: 6px 5px;
	background-image: none;
	position: relative;
	}
	
#nav li ul li a:hover, #nav li.right ul li a:hover {
	text-decoration: none;
	}

#nav li:hover ul, #nav li.right:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	display:block; /* UPDATED: then we show them on hover */
	left: 0;
	}

#nav li#one li a, #nav li#two li a, #nav li#three li a, #nav li#four li a, #nav li#five li a {
	width: 169px;
	height: auto;
	padding-right: 15px;
	}
	
#nav li#six li a {
	width: 169px;
	height: auto;
	padding-left: 15px;
	text-align: right;
	}

#nav li#one li a:hover, #nav li#two li a:hover, #nav li#three li a:hover, #nav li#four li a:hover, #nav li#five li a:hover{
	background: transparent url(images/nav/subnav-on-left.png) repeat-y left top;
	}
		
#nav li ul.last {
	right: 0;
	border-left: none;
	}
#nav li:hover ul.last {
	right: 0;
	left: auto;
	}
	
#nav li ul.last li {
	background: transparent url(images/nav/subnav-right.png) left top;
	}
	
#nav li#six li a:hover {
	background: transparent url(images/nav/subnav-on-right.png) repeat-y right top;
	}