/*** ESSENTIAL STYLES ***/
.nav, .nav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.nav {
	line-height:	1.0;
}
.nav ul {
	position:		absolute;
	top:			-999em;
	width:			auto;
}
.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:hover ul,
.nav li.sfHover ul {	
	left:0;
	top:85px;
}
ul.nav li:hover li ul,
ul.nav li.sfHover li ul {
	top:			-999em;
}
ul.nav li#btn_learnmore li:hover ul,
ul.nav li#btn_learnmore li.sfHover ul {
	left:			198px;/* match ul width */
	top:			0;
}
ul.nav li#btn_donate li:hover ul,
ul.nav li#btn_donate li.sfHover ul {
	left:			198px;/* match ul width */
	top:			0;
}
ul.nav li#btn_services li:hover ul,
ul.nav li#btn_services li.sfHover ul {
	left:			197px;/* 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:#ffffff;
}
.nav li#btn_learnmore li {
	background:#8cc63f;
	width:198px;
}
.nav li#btn_donate li {
	background:#f8b316 url("../images/bg_donate_roll.gif") repeat-y top left;
	width:198px;
}
.nav li#btn_services li {
	background:#bf2e1a url("../images/bg_services_roll.gif") repeat-y top left;
	width:197px;
}
.nav li li a {
	padding:14px 15px 13px 15px;
	color:#ffffff; 
}
.nav li#btn_learnmore li:hover, .nav li#btn_learnmore li.sfHover{
	background: #557826;
}
.nav li#btn_donate li:hover, .nav li#btn_donate li.sfHover{
	background:#FF9908 url("../images/bg_donate_rollon.gif") repeat-y top left;
}
.nav li#btn_services li:hover, .nav li#btn_services li.sfHover{
	background:#872112 url("../images/bg_services_rollon.gif") repeat-y top left;
}

.nav li#btn_learnmore li:hover li, .nav li#btn_learnmore li.sfHover li{
	width:150px;
}
.nav li#btn_donate li:hover li, .nav li#btn_donate li.sfHover li{
	width:150px;
}
.nav li#btn_services li:hover li, .nav li#btn_services li.sfHover li{
	width:150px;
}



/*** nav2 2 ESSENTIAL STYLES ***/
.nav2, .nav2 * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.nav2 {
	line-height:	1.0;
}
.nav2 ul {
	position:		absolute;
	top:			-999em;
	width:			auto;
}
.nav2 ul li {
	width:			100%;
}
.nav2 li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.nav2 li {
	float:			left;
	position:		relative;
}
.nav2 a {
	display:		block;
	position:		relative;
}
.nav2 li:hover ul,
.nav2 li.sfHover ul {	
	left:0;
	top:36px;
}
ul.nav2 li:hover li ul,
ul.nav2 li.sfHover li ul {
	top:			-999em;
}
ul.nav2 li li:hover ul,
ul.nav2 li li.sfHover ul {
	/*left:			10em; *//* match ul width */
	top:			0;
}
ul.nav2 li li:hover li ul,
ul.nav2 li li.sfHover li ul {
	top:			-999em;
}
ul.nav2 li li li:hover ul,
ul.nav2 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;
	z-index: 500;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


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

.nav2 li:hover, .nav2 li.sfHover,
.nav2 a:focus, .nav2 a:hover, .nav2 a:active {
	background-position: 0% 100%;
	color:#ffffff;
}
.nav2 li li {
	background:#B5CBD6;
	width:150px;
}

.nav2 li li a {
	padding:14px 15px 13px 15px;
	color:#467082; 
}
.nav2 li li:hover, .nav2 li li.sfHover{
	background: #467082;
}

.nav2 li li li {
	background:#9AAEDB;
}