/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 20, 2014 */


@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*** ESSENTIAL STYLES ***/ 
.sf-menu, .sf-menu 
{
	list-style:	;
	/*padding:0px 0px 0px 0px;  background:#000;*/
    padding:0px 0px 0px 0px;  background:#fff;
}

.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; text-align:right;
	margin:0px 0px 0px 0px;/* trigger IE7 hasLayout so spans position accurately */
}
/*.sf-menu li { color:#000;display:block; background: url(../images/nav_devider.jpg) no-repeat top left;  font:15px; height:50px;  padding:0px 0px 0px 0px; text-align:left; }
.sf-menu li a{ color:#fff; display:block;  font-family:open_sanssemibold, Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase;  padding:12px 15px 0px 16px;  text-align:left; margin:1px 0px 0px 0px;   }
    */

.sf-menu li { color:#333;display:block;  font:15px; height:50px;  padding:0px 0px 0px 0px; text-align:left; }
.sf-menu li a{ color:#333; display:block;  font-family:open_sanssemibold, Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase;  padding:12px 7px 0px 1px;  text-align:left; margin:1px 0px 0px 0px;   }

.sf-menu .FirstItem { background:none; padding:0px;}
.sf-menu .FirstItem a{ padding:12px 7px 0px 0px; margin:1px 0px 0px 0px;}
.sf-menu .FirstItem a:hover{  }
/*.sf-menu .LastItem { padding:0px 0px 0px 0px;border:none; background: url(../images/nav_devider.jpg) no-repeat top left;   }*/
.sf-menu .LastItem { padding:0px 0px 0px 0px;border:none;    }
.sf-menu .LastItem a{ margin-right:0px;  border:0px; background:none;  padding:12px 0px 0px 0px;}
/*.sf-menu .LastItem a:hover{ margin-right:0px; color:#fff   }
.sf-menu .LastItem .active{ margin-right:0px; color:#fff;  }
    */
.sf-menu .LastItem a:hover{ margin-right:0px; color:#000   }
.sf-menu .LastItem .active{ margin-right:0px; color:#000;  }

/*.sf-menu a:hover{ color:#fff;     }
.sf-menu .active{ color:#fff;   }*/

.sf-menu a:hover{ color:#000;     }
.sf-menu .active{ color:#000;   }

.sf-menu  .spancer{ margin:-14px 0px 0px 0px ; text-align:left; display:block; color:#cfcfcf; font-size:22px;}
.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:20px 0 0 0px; padding:0px; }

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

.sf-menu ul li a{

	color:#fff;  
	color:#fff; font-size:16px; font-weight:normal;
	text-decoration: none;background:#000;
  	 display:block; height:26px; 
	padding:5px 1px 6px 10px; margin:0px;
	text-align:left;width:220px;
	text-transform:none;
	}
	
.sf-menu ul li a:hover{
	background:#518215;
 	color:#fff;  
	 
}