/* #nav1 {margin-top:2em;} */
#nav {margin:0; padding:0;list-style: none;  top:0;left:0;z-index:100;}
#nav a {display: block; }
#nav li {float: left;  position:relative; height:18px;  background-color:#cccccc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#nav li a {text-decoration:none; }
#nav li ul {margin-top:50px; margin-left:1px;  padding:0; position: absolute; width: 180px; left: -5000px; top:26px; z-index:200;}

#nav li li {background-color:#cedfe7; width:200px; margin-left:0px; list-style:none; 
border-bottom: 1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:2px;}

#nav li li a  {text-decoration:none; color:#555555; }
#nav li li:hover {background-color:#2c97c9; color:#FFFFFF;   } 
#nav li li a:hover { color:#FFFFFF;  } 
#nav li a:hover { color:#FFFFFF;  } 
#nav li ul:hover { color:#FFFFFF;  } 
#nav li ul li a:hover { color:#FFFFFF;  } 



#nav li:hover ul, #nav li.sfh ul {left: 0;}
#nav li ul ul {list-style: none; margin-left:204px; margin-top:-25px; padding: 4;z-index:920;}
#nav li:hover ul ul, #nav li.sfh ul ul {left: -100em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfh ul, #nav li li.sfh ul {left: 0; color:#FFFFFF;}
#nav li ul li:hover a, #nav li ul li li:hover a, #nav li ul li li li:hover a, #nav li ul li li li:hover a {
color:#FFFFFF; );
}

#nav-home{width:158px; height:76px;  margin-left:0px;  background-image:url(images/nav-top-home.gif); background-repeat:no-repeat;}
#nav-home:hover {background-image:url(images/nav-top-home-on.gif); background-repeat:no-repeat;}

#nav-about{width:140px; height:76px;  margin-left:0px;  background-image:url(images/nav-top-about.gif); background-repeat:no-repeat;}
#nav-about:hover {background-image:url(images/nav-top-about-on.gif); background-repeat:no-repeat;}

#nav-projects{width:122px; height:76px;  margin-left:0px;  background-image:url(images/nav-top-projects.gif); background-repeat:no-repeat;}
#nav-projects:hover {background-image:url(images/nav-top-projects-on.gif); background-repeat:no-repeat;}

#nav-get-involved{width:168px; height:76px;  margin-left:0px;  background-image:url(images/nav-top-get-involved.gif); background-repeat:no-repeat;}
#nav-get-involved:hover {background-image:url(images/nav-top-get-involved-on.gif); background-repeat:no-repeat;}

#nav-employment{width:175px; height:76px;  margin-left:0px;  background-image:url(images/nav-top-employment.gif); background-repeat:no-repeat;}
#nav-employment:hover {background-image:url(images/nav-top-employment-on.gif); background-repeat:no-repeat;}

#nav-contact{width:189px; height:76px;  margin-left:0px;  background-image:url(images/nav-top-contact.gif); background-repeat:no-repeat;}
#nav-contact:hover {background-image:url(images/nav-top-contact-on.gif); background-repeat:no-repeat;}

/* donate now button */
#button-donate{width:152px; height:70px;   background-image:url(images/donate.png); background-repeat:no-repeat;}
#button-donate:hover {background-image:url(images/donate-on.png); background-repeat:no-repeat;}

#button-enewsletter{width:152px; height:70px;   background-image:url(images/enewsletter.gif); background-repeat:no-repeat;}
#button-enewsletter:hover {background-image:url(images/enewsletter-on.gif); background-repeat:no-repeat;}