.sf-menu, .sf-menu ul{
margin:0;
padding:0;
list-style-type:none;

}

.sf-menu li {
	list-style:none;
	}

.sf-menu a{
display:block;
width:100px;
height:46px;
color:#fff;
text-decoration:none;
background-color:#6a90a3;
text-decoration:none;
font-size:12px;
}
	
	.sf-menu li a span {
		display:none;
		}
		
		.sf-menu ul li a span, .sf-menu ul li ul li a span {
			display:inline;
			width:150px;
			height:auto;
			float:left;
			padding:6px 10px;
			border:1px solid #f5e64b;
			border-bottom:none;
			background-color:#6a90a3;
			background-image:none;
			cursor:pointer;
			}


	.sf-menu li.nav-01 a {
		background:url(../images/my_fund.gif) no-repeat;
		width:129px;
		}
	
	.sf-menu li.nav-01 a:hover, .sf-menu li.nav-01 a:active {
		background:url(../images/my_fund.gif) no-repeat;
		background-position:0px -46px;
		width:129px;
		}
	
	.sf-menu li.nav-02 a {
		background:url(../images/how_to_give.gif) no-repeat;
		width:140px;
		}
	
	.sf-menu li.nav-02 a:hover, .sf-menu li.nav-02 a:active {
		background:url(../images/how_to_give.gif) no-repeat;
		background-position:0px -46px;
		width:140px;
		}
	
	.sf-menu li.nav-03 a {
		background:url(../images/grants_scholarships.gif) no-repeat;
		width:215px;
		}
	
	.sf-menu li.nav-03 a:hover, .sf-menu li.nav-03 a:active {
		background:url(../images/grants_scholarships.gif) no-repeat;
		background-position:0px -46px;
		width:215px;
		}
		
	.sf-menu li.nav-04 a {
		background:url(../images/civic_leadership.gif) no-repeat;
		width:221px;
		}
	
	.sf-menu li.nav-04 a:hover, .sf-menu li.nav-04 a:active {
		background:url(../images/civic_leadership.gif) no-repeat;
		background-position:0px -46px;
		width:221px;
		}
	
	
	.sf-menu li.nav-05 a {
		background:url(../images/community_foundations.gif) no-repeat;
		width:233px;
		}
	
	.sf-menu li.nav-05 a:hover, .sf-menu li.nav-05 a:active {
		background:url(../images/community_foundations.gif) no-repeat;
		background-position:0px -46px;
		width:233px;
		}





.sf-menu li{
float:left;
position:relative;
}

.sf-menu ul {
position:absolute;
display:none;
width:150px;
top:46px;
z-index:10;
}
	
	.sf-menu li {
		z-index:10;
		}

.sf-menu li.nav-01 ul li a, .sf-menu li.nav-01 ul li a:hover, .sf-menu li.nav-01 ul li a:active,
.sf-menu li.nav-02 ul li a, .sf-menu li.nav-02 ul li a:hover, .sf-menu li.nav-02 ul li a:active,
.sf-menu li.nav-03 ul li a, .sf-menu li.nav-03 ul li a:hover, .sf-menu li.nav-03 ul li a:active,
.sf-menu li.nav-04 ul li a, .sf-menu li.nav-04 ul li a:hover, .sf-menu li.nav-04 ul li a:active,
.sf-menu li.nav-05 ul li a, .sf-menu li.nav-05 ul li a:hover, .sf-menu li.nav-05 ul li a:active,
.sf-menu li ul li a, .sf-menu li ul li a:hover, .sf-menu li ul li a:active
 {
width:150px;
height:auto;
float:left;
padding:6px 10px;
border:1px solid #f5e64b;
border-bottom:none;
background-color:#6a90a3;
background-image:none;
text-decoration:none;
color:#fff;
}

.bottomborder {
	border-bottom:1px solid #f5e64b;
	width:172px;
	padding:0;
	}

.sf-menu li ul li a:hover, .sf-menu li ul li a:hover span {
background-color:#79a7bf;
color:#fff;
cursor:pointer;
text-decoration:none;
}


.sf-menu ul ul{
top:auto;
}	

.sf-menu li ul ul {
left:171px;
margin:0px;
}


	.sf-menu li.nav-05 ul ul { /* Sets the "Community Foundations" dropdowns to populate to the left instead of to the right */
	left:-171px;
	margin:0px;
	}

.sf-menu li:hover ul ul, .sf-menu li:hover ul ul ul, .sf-menu li:hover ul ul ul ul{
display:none;
}
.sf-menu li:hover ul, .sf-menu li li:hover ul, .sf-menu li li li:hover ul, .sf-menu li li li li:hover ul{
display:block;
}




.sf-menu li.current a, .sf-menu li.current a:link, .sf-menu li.current a:visited, .sf-menu li.current a span  {
	background-position:0px -46px;
	}


















/*
Main Navigation
----------------------------------------------------------------------------- */



#main-nav .sf-menu,
#main-nav .sf-menu li,
#main-nav .sf-menu li a
 {
	z-index:20;
	}
	


#main-nav .sf-menu, #main-nav .sf-menu ul{
margin:0;
padding:0;
list-style-type:none;

}

#main-nav .sf-menu li {
	list-style:none;
	}
	

#main-nav .sf-menu a{
display:block;
width:100px;
height:40px;
color:#fff;
text-decoration:none;
background-color:#013c68;
text-decoration:none;
}
	
	#main-nav .sf-menu li a span {
		display:none;
		}
		
		#main-nav .sf-menu ul li a span, #main-nav .sf-menu ul li ul li a span {
			display:inline;
			width:150px;
			height:auto;
			float:left;
			padding:6px 10px;
			border:1px solid #f5e64b;
			border-bottom:none;
			background-color:#013c68;
			background-image:none;
			cursor:pointer;
			}



#main-nav .sf-menu li.nav-01 a {
		background:url(../images/about_us2.gif) no-repeat;
		width:100px;
		}
	
	#main-nav .sf-menu li.nav-01 a:hover, #main-nav .sf-menu li.nav-01 a:active {
		background:url(../images/about_us2.gif) no-repeat;
		background-position:0px -40px;
		width:100px;
		}
	
	#main-nav .sf-menu li.nav-02 a {
		background:url(../images/newsroom2.gif) no-repeat;
		width:131px;
		}
	
	#main-nav .sf-menu li.nav-02 a:hover, #main-nav .sf-menu li.nav-02 a:active {
		background:url(../images/newsroom2.gif) no-repeat;
		background-position:0px -40px;
		width:131px;
		}
	
	#main-nav .sf-menu li.nav-03 a {
		background:url(../images/contact_us3.gif) no-repeat;
		width:141px;
		}
	
	#main-nav .sf-menu li.nav-03 a:hover, #main-nav .sf-menu li.nav-03 a:active {
		background:url(../images/contact_us3.gif) no-repeat;
		background-position:0px -40px;
		width:141px;
		}
		
	#main-nav .sf-menu li.nav-04 a {
		background:url(../images/contact_us2.gif) no-repeat;
		width:122px;
		}
	
	#main-nav .sf-menu li.nav-04 a:hover, #main-nav .sf-menu li.nav-04 a:active {
		background:url(../images/contact_us2.gif) no-repeat;
		background-position:0px -40px;
		width:122px;
		}

#main-nav .sf-menu li{
float:left;
position:relative;
}

#main-nav .sf-menu ul {
position:absolute;
display:none;
width:150px;
top:40px;
z-index:20;
}
	


#main-nav .sf-menu li.nav-01 ul li a, #main-nav .sf-menu li.nav-01 ul li a:hover, #main-nav .sf-menu li.nav-01 ul li a:active,
#main-nav .sf-menu li.nav-02 ul li a, #main-nav .sf-menu li.nav-02 ul li a:hover, #main-nav .sf-menu li.nav-02 ul li a:active,
#main-nav .sf-menu li.nav-03 ul li a, #main-nav .sf-menu li.nav-03 ul li a:hover, #main-nav .sf-menu li.nav-03 ul li a:active,
#main-nav .sf-menu li.nav-04 ul li a, #main-nav .sf-menu li.nav-04 ul li a:hover, #main-nav .sf-menu li.nav-04 ul li a:active,
#main-nav .sf-menu li.nav-05 ul li a, #main-nav .sf-menu li.nav-05 ul li a:hover, #main-nav .sf-menu li.nav-05 ul li a:active,
#main-nav .sf-menu li ul li a, #main-nav .sf-menu li ul li a:hover, #main-nav .sf-menu li ul li a:active
 {
width:150px;
height:auto;
float:left;



background-color:#013c68;
background-image:none;
text-decoration:none;
color:#fff;
}

#main-nav .bottomborder {
	border-bottom:1px solid #f5e64b;
	}

#main-nav .sf-menu li ul li a:hover, #main-nav .sf-menu li ul li a:hover span {
background-color:#014d7f;
color:#fff;
cursor:pointer;
text-decoration:none;
}


#main-nav .sf-menu ul ul{
top:auto;
}	

#main-nav .sf-menu li ul ul {
left:171px;
margin:0px;
}

#main-nav .sf-menu li:hover ul ul, #main-nav .sf-menu li:hover ul ul ul, #main-nav .sf-menu li:hover ul ul ul ul{
display:none;
}
#main-nav .sf-menu li:hover ul, #main-nav .sf-menu li li:hover ul, #main-nav .sf-menu li li li:hover ul, #main-nav .sf-menu li li li li:hover ul{
display:block;
}






#main-nav .sf-menu li.current a, #main-nav .sf-menu li.current a:link, #main-nav .sf-menu li.current a:visited, #main-nav .sf-menu li.current a span  {
	background-position:0px -40px;
	}



