/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	position:relative;
	width:700px;
	background:url(../images/nav.gif) no-repeat;
	height:50px;
	float:right;
	z-index:100;
}

.sf-navbar li a.purpose:link, .sf-navbar li a.purpose:visited {
position:absolute; top:0; left:0; width:137px; height: 50px; text-indent:-9000px; overflow:hidden; z-index:10;}
.sf-navbar li a.programs:link, .sf-navbar li a.programs:visited {
position:absolute; top:0; left:147px; width:152px; height:50px; text-indent:-9000px; overflow:hidden; z-index:10;}
.sf-navbar li a.people:link, .sf-navbar li a.people:visited {
position:absolute; top:0; left:309px; width:107px; height:50px; text-indent:-9000px; overflow:hidden; z-index:10;}
.sf-navbar li a.archive:link, .sf-navbar li a.archive:visited {
position:absolute; top:0; left:426px; width:131px; height:50px; text-indent:-9000px; overflow:hidden; z-index:10;}
.sf-navbar li a.give:link, .sf-navbar li a.give:visited {
position:absolute; top:0; left:567px; width:133px; height:50px; text-indent:-9000px; overflow:hidden; z-index:10;}




.sf-navbar li {
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width: 100%; /*IE6 soils itself without this*/
}
.sf-navbar li ul ul {
	width: 100%; /*IE6 soils itself without this*/
}


.sf-navbar li li {
	position:		relative;
}

.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar .purpose_menu ul {width: 147px; float: left; position: relative; background:#9b2d1e; border-bottom:2px solid #FFFFFF;}
.sf-navbar .programs_menu ul {width: 162px; float: left; position: relative; background:#9b2d1e; border-bottom:2px solid #FFFFFF;}
.sf-navbar .people_menu ul {width: 117px; float: left; position: relative; background:#9b2d1e; border-bottom:2px solid #FFFFFF;}
.sf-navbar .archive_menu ul {width: 141px; float: left; position: relative; background:#9b2d1e; border-bottom:2px solid #FFFFFF;}
.sf-navbar .give_menu ul {width: 133px; float: left; position: relative; background:#9b2d1e; border-bottom:2px solid #FFFFFF;}


.sf-navbar .purpose_menu ul li {width:147px;}
.sf-navbar .programs_menu ul li {width:162px;}
.sf-navbar .people_menu ul li {width:117px;}
.sf-navbar .archive_menu ul li {width:141px;}
.sf-navbar .give_menu ul li {width:133px;}


.sf-navbar .purpose_menu ul {margin:2px 0 0;}
.sf-navbar .programs_menu ul {margin:2px 0 0 147px;}
.sf-navbar .people_menu ul {margin:2px 0 0 309px;}
.sf-navbar .archive_menu ul {margin:2px 0 0 426px;}
.sf-navbar .give_menu ul {margin:2px 0 0 567px;}


.sf-navbar li.purpose_menu .purpose:hover,
.sf-navbar li.purpose_menu.sfHover .purpose,
.sf-navbar li.purpose_menu .current,
.sf-navbar .purpose_menu a.purpose:focus, .sf-navbar .purpose_menu a.purpose:hover, .sf-navbar .purpose_menu a.purpose:active {
		background:url(../images/nav.gif) no-repeat 0 -50px;
}
.sf-navbar li.programs_menu .programs:hover,
.sf-navbar li.programs_menu.sfHover .programs,
.sf-navbar li.programs_menu .current,
.sf-navbar .programs_menu a.programs:focus, .sf-navbar .programs_menu a.programs:hover, .sf-navbar .programs_menu a.programs:active {
		background:url(../images/nav.gif) no-repeat -147px -50px;
}
.sf-navbar li.people_menu .people:hover,
.sf-navbar li.people_menu.sfHover .people,
.sf-navbar li.people_menu .current,
.sf-navbar .people_menu a.people:focus, .sf-navbar .people_menu a.people:hover, .sf-navbar .people_menu a.people:active {
		background:url(../images/nav.gif) no-repeat -309px -50px;
}
.sf-navbar li.archive_menu .archive:hover,
.sf-navbar li.archive_menu.sfHover .archive,
.sf-navbar li.archive_menu .current,
.sf-navbar .archive_menu a.archive:focus, .sf-navbar .archive_menu a.archive:hover, .sf-navbar .archive_menu a.archive:active {
		background:url(../images/nav.gif) no-repeat -426px -50px;
}
.sf-navbar li .give:hover,
.sf-navbar li.sfHover .give,
.sf-navbar li .give.current,
.sf-navbar  a.give:focus, .sf-navbar  a.give:hover, .sf-navbar  a.give:active {
		background:url(../images/nav.gif) no-repeat -567px -50px;
}
.sf-navbar  ul li:hover,
.sf-navbar  ul li.sfHover,
ul.sf-navbar  ul li:hover li,
ul.sf-navbar  ul li.sfHover li,
.sf-navbar  ul a:focus, .sf-navbar  ul a:hover, .sf-navbar  ul a:active, .sf-menu li li.current_page_item a {
	background:#6e2015; color:#FFFFFF;
}
ul.sf-navbar  li li li:hover,
ul.sf-navbar  li li li.sfHover,
.sf-navbar  li li.current li.current,
.sf-navbar  ul li li a:focus, .sf-navbar  ul li li a:hover, .sf-navbar  ul li li a:active {
	background:#0099e6;
}



ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
}