/* @override
	http://endpovertyzone.org/_css/nav1.css
*/

/* @group Main */

div.nav1 {
	margin:0 auto;
	padding:0;
	width:100%;
	display: block;
	text-transform: uppercase;
	z-index: 100;
}
#nav {
	width: 930px;
	margin: 0 auto;
	z-index: 100;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* @end */

/* @group Top Level */

div.nav1 ul {
	float: right;
	list-style: none;
	line-height: 1em;
	list-style-image: none;
	padding: 0;
	margin: 0;
	text-align: center;
	/*background-color: #696f33;*/
}
div.nav1 li a {
	display: block;
	color: #fcf9e8;
	text-decoration: none;
	padding: .8em 1em;
	/*border-right: 1px solid #838941;*/
	/*border-left: 1px solid #777e3b;*/
	letter-spacing: .1em;
	z-index: 100;
	font: .75em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: #4a4d21 0 1px 0;
	/*border-top: 1px solid #b7bd77;*/
	/*height: 1.3em;*/
}

/* IE 6 ignores the following. Height is needed for the home nav item but is broke again in IE 8 compatibility mode.*/

/*html>body div.nav1 li a {height: 1.3em;}*/
  
/* Safari 3 and under specific hack below - this fixes nav height differences only on Safari */
/*\*/
html*div.nav1 li a {
padding: .8em .7em;
}/*end*/

div.nav1 li#navhome a {
	/*background: url(../_images/icon_home.gif) no-repeat center center;
	color: transparent;
	letter-spacing: -5px;
	overflow: hidden;*/
	width: 13px;
	height: 1.3em;
	
	/*background: transparent url(/_images/icon_home.gif) no-repeat scroll 110% 110%; 
	-moz-background-clip: border; 
	-moz-background-origin: padding; 
	-moz-background-inline-policy: continuous;*/
}

/*div.nav1 li#navhome {
	background: #6f7537 url(../_images/icon_home.gif) no-repeat center center;
}*/

div.nav1 li a:link {
	text-decoration: none;
}
div.nav1 a:hover {
}
div.nav1 a:visited {
	color: #fcf9e8;
	text-decoration: none;
}

div.nav1 li {
	float: left;
	padding: 0;
	background: #333 url(../_images/bg_nav_off.jpg) repeat-x left top;
}
div.nav1 ul li {
	margin: 0 0 0 8px;
}
div.nav1 ul li ul li {
	margin: 0;
}
div.nav1 li.selected a,
div.nav1 li#navhome.selected a {
	background: #C43F1B url(../_images/bg_nav_highlight.jpg) repeat-x left top;
}



/* @end */

/* @group Second Level */

div.nav1 li ul, div.nav1 li.selected ul  {
	position: absolute;
	left: -999em;/* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	width: 14.5em;
	font-weight: normal;
	margin: 0;
	text-align: left;
	z-index: 100;
	background-color: transparent;
}

div.nav1 li li, div.nav1 li.selected li  {
	padding-right: 0;
	width: 11em;
	background-image: none;
	background-color: transparent;
}

div.nav1 li ul a, div.nav1 li.selected ul a  {
	width: 14em;
	padding: .6em 1em .6em .9em;
	border-bottom: 1px solid #000;
	background-image: none;
	background-color: #333;
	font-size: .75em;
}
/* IE 6 ignores the following. Height is needed for the home nav item */

/*html>body div.nav1 li ul a, html>body div.nav1 li.selected ul a {height: inherit;}*/

div.nav1 li ul a.daddy {
	background-image: url(../images/nav_rightarrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

div.nav1 li ul a:hover,
div.nav1 li ul a:hover:visited,
div.nav1 li.selected ul a:hover {
	border-bottom: 1px solid #a02d0e;
	background-color: #e57416;
}

/* @end */

/* @group Third Level */

div.nav1 li ul ul {
	margin: -2.3em 0 0 14.95em; /* top margin is height of parent li, left margin is width of parent ul */
	font-size: .75em;
}



/* @end */

/* @group Hover */

div.nav1 li:hover ul ul, div.nav1 li:hover ul ul ul, div.nav1 li.sfhover ul ul, div.nav1 li.sfhover ul ul ul {
	left: -999em;/* using left instead of display to hide menus because display: none isn't read by screen readers */

}

div.nav1 li:hover ul, div.nav1 li li:hover ul, div.nav1 li li li:hover ul, div.nav1 li.sfhover ul, div.nav1 li li.sfhover ul, div.nav1 li li li.sfhover ul {
	left: auto;
}

div.nav1 li:hover, 
div.nav1 li.sfhover, 
div.nav1 li a.sfhover {
	background: #C43F1B url(../_images/bg_nav_highlight.jpg) repeat-x left top;
}

/* @end */

#nav_981110 li a img {
	display: none;
}

/* HOORAY, THIS FIXES DROPDOWNS IN IE7 SO THEY NOW DISAPPEAR WHEN MOUSE OUT*/
#nav li:hover ul,
#nav li.sfhover ul{
left:auto;
z-index:8009;
min-height:0;
}
