/************************************ 
	Main Nav Elements 
*************************************/

ul.mainnav, ul.secondary-nav, ul.mainnav ul{
	list-style:none;
	}

ul.mainnav{
	position:relative;
	bottom:0;
	margin:0;
	padding:0;
	height:40px;
	z-index:1000;
	}

ul.mainnav li {
	float:left;
	}

ul.mainnav li a{
	background-image:url(/images/navbar/navbar.gif); background-repeat:no-repeat;
	display:block;
	height:40px;
	text-indent:-9999px;
	}

ul.mainnav li a.nav-about-us {background-position: left top; width:91px;}
ul.mainnav li:hover a.nav-about-us {background-position: left bottom;}

ul.mainnav li a.nav-donations {background-position: -91px top; width:91px;}
ul.mainnav li:hover a.nav-donations {background-position: -91px bottom;}

ul.mainnav li a.nav-events {background-position: -182px top; width:73px;}
ul.mainnav li:hover a.nav-events {background-position: -182px bottom;}

ul.mainnav li a.nav-gallery {background-position: -255px top; width:73px;}
ul.mainnav li:hover a.nav-gallery {background-position: -255px bottom;}

ul.mainnav li a.nav-newsletter {background-position: -328px top; width:91px;}
ul.mainnav li:hover a.nav-newsletter {background-position: -328px bottom;}

ul.mainnav li a.nav-volunteer {background-position: -419px top; width:91px;}
ul.mainnav li:hover a.nav-volunteer {background-position: -419px bottom;}

ul.mainnav li a.nav-faqs {background-position: -510px top; width:59px;}
ul.mainnav li:hover a.nav-faqs {background-position: -510px bottom;}

ul.mainnav ul {display: none;}
ul.mainnav ul:hover {/*cursor:pointer;*/}

/* SubNav for MainNav */

ul.mainnav li:hover ul li a {
	background-image:none; 
	text-indent:-9999px; 
	height:40px;
	position:relative;
	display:block;
	}


/************************************ 
	Drop About Us
*************************************/

ul.mainnav li:hover ul.maindrop-about-us {
	display:block; 
	position:absolute; 
	top:40px;
	margin:0; 
	padding:0;
	z-index: 1000;
	}

ul.mainnav li:hover ul.maindrop-about-us li{
	width:100px;
	margin:0; padding:0; display:block; float:none; background-image:none;
	}

ul.mainnav li:hover ul.maindrop-about-us li span{
	background-image: url(/images/navbar/maindrop-about-us.gif); 
	background-repeat:no-repeat; 
	display:block; 
	}

ul.mainnav li:hover ul li span.drop-what-we-do {height:20px; background-position:top left ;}
ul.mainnav li:hover ul li:hover span.drop-what-we-do {background-position:right top;}

ul.mainnav li:hover ul li span.drop-history {height:20px; background-position:left -20px ;}	
ul.mainnav li:hover ul li:hover span.drop-history {background-position:right -20px;}

ul.mainnav li:hover ul li span.drop-successes {height:20px; background-position:left -40px ;}	
ul.mainnav li:hover ul li:hover span.drop-successes {background-position:right -40px;}

ul.mainnav li:hover ul li span.drop-board-members {height:20px; background-position:left -60px ;}	
ul.mainnav li:hover ul li:hover span.drop-board-members {background-position:right -60px;}

ul.mainnav li:hover ul li span.drop-links {height:20px; background-position:left -80px ;}	
ul.mainnav li:hover ul li:hover span.drop-links {background-position:right -80px;}

ul.mainnav li:hover ul li span.drop-contact {height:20px; background-position:left -100px ;}	
ul.mainnav li:hover ul li:hover span.drop-contact {background-position:right -100px;}