/*for updates replace url(../images with url(../images/topnav*/
/* 
#topMenu li#give { width: 70px; background: url(../images/topnav/topnav_give_off.gif) top no-repeat; }
#topMenu li#learn { width: 72px; background: url(../images/topnav/topnav_learn_off.gif) top no-repeat; }
#topMenu li#getInvolved { width: 116px; background: url(../images/topnav/topnav_getInvolved_off.gif)  top no-repeat; }
#topMenu li#takeAction { width: 110px; background: url(../images/topnav/topnav_takeAction_off.gif) top no-repeat; }
#topMenu li#join { width: 56px; background: url(../images/topnav/topnav_join_off.gif) top no-repeat; }
*/

#topMenu li#give { width: 70px; }
#topMenu li#learn { width: 72px; }
#topMenu li#getInvolved { width: 116px; }
#topMenu li#takeAction { width: 110px; }
#topMenu li#join { width: 56px; }

#topMenu li#give:hover { background: url(../images/topnav/topnav_give_on.gif) left top no-repeat; }
#topMenu li#learn:hover { background: url(../images/topnav/topnav_learn_on.gif) left top no-repeat; }
#topMenu li#getInvolved:hover { background: url(../images/topnav/topnav_getInvolved_on.gif) left top no-repeat; }
#topMenu li#takeAction:hover { background: url(../images/topnav/topnav_takeAction_on.gif) left top no-repeat; }
#topMenu li#join:hover { background: url(../images/topnav/topnav_join_on.gif) left top no-repeat; }

/* Apply the nav divider image to all first level <li>s in the nav 
#topMenu ul#nav li { background: url(../images/topnav/topnav_divider.gif) right top no-repeat; }
 Remove the nav divider for the last item (<li class="last">) 
#topMenu ul#nav li.last { background: none; }
*/

ul#nav { margin: 5px 0 0 17px; padding: 0; }

#nav, #nav ul {
	padding: 0;
	margin: -5px 0 0;
	list-style: none;
}

#nav a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}

#nav li {
	float: left;
	width: 10em;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#topMenu li li {
	background: #a55b00 !important;
	color: #fff;
}

#nav li li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0 10px 0.2em;
	border-top: 1px solid #a55b00;
	border-bottom: 1px solid #a55b00;
	background: #a55b00 ;
}

#nav li li a:hover {
	background: #fbe28f ;
	color: #000;
	border: 1px solid #000;
	border-width: 1px 0;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	z-index: 3;
}

#nav li:hover img {
	position: relative;
	left: -999em;
}

