/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu 
{
	list-style:	none;
	padding:0px;
}

.sf-menu ul
{
	position:		absolute;
	top:			-999em;
 /* left offset of submenus need to match (see below) */
}
.sf-menu ul li 
{
	width:			100%;
}
.sf-menu li:hover {	visibility:		inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li { float:left; position:relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:1px;
	margin:0px 0px 0px 0px;/* trigger IE7 hasLayout so spans position accurately */
}
.sf-menu li { color:#434343; font:13px; display:inline-block; margin:0px 2px 0px 0px; padding:0px 0px 8px 0px; text-align:center;}
.sf-menu li a{ color:#434343; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;text-align:center; text-transform:uppercase; vertical-align:middle; margin:0px 1px 0px 0px; padding:15px 30px 4px 40px; }

.sf-menu .FirstItem {}
.sf-menu .FirstItem a{padding:15px 33px 8px 0px;}
.sf-menu .FirstItem a:hover{}
.sf-menu .LastItem { margin-right:0px; border:none; background:none;   }
.sf-menu .LastItem a{ margin-right:0px; border:none; background:none; padding:15px 0px 8px 35px; }
.sf-menu .LastItem a:hover{ margin-right:0px; color:#00bf00;  }
.sf-menu a:hover{ color:#00bf00;  }
.sf-menu .active{ color:#00bf00;}
.sf-menu li img{ vertical-align:top;}
.sf-menu li.ActiveHome a, .sf-menu li.ActiveAbout a, .sf-menu li.ActivePeople a, .sf-menu li.ActiveGetInvolved a, .sf-menu li.ActiveFoodPantry a, .sf-menu li.ActiveFoodBank a, .sf-menu li.ActiveDonate a, .sf-menu li.ActiveBlog a, .sf-menu li.ActiveContact a
{color:#000; background:#fff;}

.sf-menu .current {color:#fff;}
 
.sf-menu ul { margin:0px 0 0 -3px; padding:10px 0px 0px 0px; height:23px;}

.sf-menu ul li {color:#fff; margin:0px; font-size:16px; font-weight:normal; border-bottom:1px solid #fff;padding:0px;background:#e3e1e1;  text-align:left;    text-align:left;}

.sf-menu ul li a{

	color:#434343; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;text-align:left; text-transform:uppercase; vertical-align:middle; margin:0px 1px 0px 0px;
  	display:block;
	padding:6px 3px 6px 10px; 
	text-align:left;width:180px;
 	}
	
.sf-menu ul li a:hover{
	background:#05b400;
 	color:#fff;  
	 
}