/*** ESSENTIAL STYLES ***/
.nav, .nav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.nav {
	line-height:	1.0;
}
.nav ul {
	position:		absolute;
	top:			-999em;
	width:			auto;
	z-index:		200;
}
.nav ul li {
	width:			100%;
}
.nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.nav li {
	float:			left;
	position:		relative;
}
.nav a {
	display:		block;
	position:		relative;
}
.nav li#btn_about:hover ul,
.nav li#btn_about.sfHover ul {	
	width:85px;
	left:0;
	top:56px;
	background:url("../images/bg_subnav_about.gif") no-repeat top left;
	padding-top:4px;
}
ul.nav li#btn_about li:hover ul,
ul.nav li#btn_about li.sfHover ul {
	left:			71px;
	top:			0;
	background:none;
	padding-top:0;
}
.nav li#btn_programs:hover ul,
.nav li#btn_programs.sfHover ul {	
	width:136px;
	left:0;
	top:53px;
	background:url("../images/bg_subnav_programs.gif") no-repeat top left;
	padding-top:5px;
}
ul.nav li#btn_programs li:hover ul,
ul.nav li#btn_programs li.sfHover ul {
	left:			136px;
	top:			0;
	background:none;
	padding-top:0;
}
.nav li#btn_meetyouth:hover ul,
.nav li#btn_meetyouth.sfHover ul {	
	width:110px;
	left:0;
	top:50px;
	background:url("../images/bg_subnav_meetyouth.gif") no-repeat top left;
	padding-top:5px;
}
ul.nav li#btn_meetyouth li:hover ul,
ul.nav li#btn_meetyouth li.sfHover ul {
	left:			110px;
	top:			0;
	background:none;
	padding-top:0;
}
.nav li#btn_getinvolved:hover ul,
.nav li#btn_getinvolved.sfHover ul {	
	width:88px;
	left:0;
	top:48px;
	background:url("../images/bg_subnav_getinvolved.gif") no-repeat top left;
	padding-top:5px;
}
ul.nav li#btn_getinvolved li:hover ul,
ul.nav li#btn_getinvolved li.sfHover ul {
	left:			88px;
	top:			0;
	background:none;
	padding-top:0;
}
.nav li#btn_resources:hover ul,
.nav li#btn_resources.sfHover ul {
	width:85px;
	left:0;
	top:46px;
	background:url("../images/bg_subnav_resources.gif") no-repeat top left;
	padding-top:3px;
}
ul.nav li#btn_resources li:hover ul,
ul.nav li#btn_resources li.sfHover ul {	
	position:relative;
	z-index:200;
	left:			74px;
	top:			0;
	background:none;
	padding-top:0;
}
.nav li#btn_news:hover ul,
.nav li#btn_news.sfHover ul {	
	width:103px;
	left:0;
	top:43px;
	background:url("../images/bg_subnav_news.gif") no-repeat top left;
	padding-top:5px;
}
ul.nav li#btn_news li:hover ul,
ul.nav li#btn_news li.sfHover ul {
	left:			103px;
	top:			0;
	background:none;
	padding-top:0;
}
.nav li#btn_contact:hover ul,
.nav li#btn_contact.sfHover ul {	
	width:120px;
	left:0;
	top:41px;
	background:url("../images/bg_subnav_contact.gif") no-repeat top left;
	padding-top:5px;
}
ul.nav li#btn_contact li:hover ul,
ul.nav li#btn_contact li.sfHover ul {
	left:			80px;
	top:			0;
	background:none;
	padding-top:0;
}
ul.nav li:hover li ul,
ul.nav li.sfHover li ul {
	top:			-999em;
}
ul.nav li li:hover ul,
ul.nav li li.sfHover ul {
	/*left:			10em; *//* match ul width */
	top:			0;
}
ul.nav li li:hover li ul,
ul.nav li li.sfHover li ul {
	top:			-999em;
}
ul.nav li li li:hover ul,
ul.nav li li li.sfHover ul {
	/*left:			10em;*/ /* match ul width */
	top:			0;
}


/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	/*-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-bottomright: 17px;
	-webkit-border-bottom-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	-moz-border-radius-topleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-top-left-radius: 17px;*/
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*** ORIGINAL SKIN ***/
.nav {
	float:left;
}

.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	background-position: 0% 100%;
	color:#ffbd00;
}
.nav li li {
	background:#791567;
}
.nav li li a {
	padding:14px 3px 13px 5px;
	color:#ffffff; 
}
.nav li li:hover, .nav li li.sfHover{
	background: #791567;
	font-weight:bold;
}

.nav li li li {
	background:#d74705;
}

.nav li li li:hover, .nav li li li.sfHover{
	background: #d74705;
	font-weight:bold;
}