#menu {
background: #eee;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
text-indent: 5px;
border-color: #ffffff #C4A26C #FF9933 #FCD9A3;
margin: 0;
}
#menu h3 {
display: block;
border-width: 1px;
border-style: solid;
border-color: #808080 #F7A11A #F7A11A #F7A11A;
margin: 0;
}
#menu h4 {
font-size: 0;
display: block;
border-width: 1px;
border-style: solid;
border-color: #808080 #fff #fff #fff;
margin: 0;
}

#menu h2 {
border-width: 0px;
color: #fff;
background: #15254C;
}

#menu a {
color: #999999;
background: #FFF;
text-decoration: none;
padding: 2px 3px;
}

#menu a:hover {
color: #999999;
background: #FCD9A3;
}

#menu li {
width: 140px;
position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* TOP MENU BAR */
#menu a.aboutUs {
     display: block; 
     width: 79px;
     height: 39px;
     background-image: url("../images/aboutUs.jpg"); 
	 background-color: #15254C;
     background-repeat: no-repeat;
	 padding: 0px;
	 border-width:0px;
	 vertical-align:bottom;
} 
#menu a.aboutUs:hover { 
     background-image: url("../images/aboutUs_on.jpg"); 
	 background-color: #15254C;
}
#menu a.aboutUs_on {
     display: block;
     width: 79px;
     height: 39px;
     background-image: url("../images/aboutUs_on.jpg");
     background-color: #15254C;
     background-repeat: no-repeat;
     padding: 0px;
     border-width:0px;
     vertical-align:bottom;
}
#menu a.aboutUs_on:hover {
     background-image: url("../images/aboutUs_on.jpg");
         background-color: #15254C;
}
#menu a.ourProgram {
     display: block; 
     width: 95px;
     height: 39px;
     background-image: url("../images/ourProgram.jpg"); 
	 background-color: #15254C;
     background-repeat: no-repeat;
	 padding: 0px;
	 border-width:0px;
} 
#menu a.ourProgram:hover { 
     background-image: url("../images/ourProgram_on.jpg"); 
	 background-color: #15254C;
}
#menu a.ourProgram_on {
     display: block;
     width: 95px;
     height: 39px;
     background-image: url("../images/ourProgram_on.jpg");
         background-color: #15254C;
     background-repeat: no-repeat;
         padding: 0px;
         border-width:0px;
}
#menu a.ourProgram_on:hover {
     background-image: url("../images/ourProgram_on.jpg");
         background-color: #15254C;
} 
#menu a.volunteering {
     display: block; 
     width: 94px;
     height: 39px;
     background-image: url("../images/volunteering.jpg"); 
	 background-color: #15254C;
     background-repeat: no-repeat;
	 padding: 0px;
	 border-width:0px;
} 
#menu a.volunteering:hover { 
     background-image: url("../images/volunteering_on.jpg"); 
	 background-color: #15254C;
} 
#menu a.volunteering_on {
     display: block;
     width: 94px;
     height: 39px;
     background-image: url("../images/volunteering_on.jpg");
         background-color: #15254C;
     background-repeat: no-repeat;
         padding: 0px;
         border-width:0px;
}
#menu a.volunteering_on:hover {
     background-image: url("../images/volunteering_on.jpg");
         background-color: #15254C;
}
#menu a.donating {
     display: block; 
     width: 73px;
     height: 39px;
     background-image: url("../images/donating.jpg"); 
	 background-color: #15254C;
     background-repeat: no-repeat;
	 padding: 0px;
	 border-width:0px;
} 
#menu a.donating:hover { 
     background-image: url("../images/donating_on.jpg"); 
	 background-color: #15254C;
} 
#menu a.donating_on {
     display: block;
     width: 73px;
     height: 39px;
     background-image: url("../images/donating_on.jpg");
         background-color: #15254C;
     background-repeat: no-repeat;
         padding: 0px;
         border-width:0px;
}
#menu a.donating_on:hover {
     background-image: url("../images/donating_on.jpg");
         background-color: #15254C;
}
#menu a.enrollAChild {
     display: block; 
     width: 97px;
     height: 39px;
     background-image: url("../images/enrollAChild.jpg"); 
	 background-color: #15254C;
     background-repeat: no-repeat;
	 padding: 0px;
	 border-width:0px;
} 
#menu a.enrollAChild:hover { 
     background-image: url("../images/enrollAChild_on.jpg"); 
      background-color: #15254C;
} 
#menu a.enrollAChild_on {
     display: block;
     width: 97px;
     height: 39px;
     background-image: url("../images/enrollAChild_on.jpg");
         background-color: #15254C;
     background-repeat: no-repeat;
         padding: 0px;
         border-width:0px;
}
#menu a.enrollAChild_on:hover {
     background-image: url("../images/enrollAChild_on.jpg");
      background-color: #15254C;
}

#menu a.partners {
     display: block; 
     width: 92px;
     height: 39px;
     background-image: url("../images/partners.jpg"); 
	 background-color: #15254C;
     background-repeat: no-repeat;
	 padding: 0px;
	 border-width:0px;
} 
#menu a.partners:hover { 
     background-image: url("../images/partners_on.jpg"); 
	 background-color: #15254C;
} 
#menu a.partners_on {
     display: block;
     width: 92px;
     height: 39px;
     background-image: url("../images/partners_on.jpg");
         background-color: #15254C;
     background-repeat: no-repeat;
         padding: 0px;
         border-width:0px;
}
#menu a.partners_on:hover {
     background-image: url("../images/partners_on.jpg");
         background-color: #15254C;
}