﻿/* menu styles */
#nav { list-style: none; padding: 0px; margin: 0px 0px 0px 15px; width: 799px; height: 32px; }  
 
#aboutus { display: block; float: left; width: 115px; height: 32px; background: url(../images/nav_bar_final.gif) 0px 0px; }
#involved { display: block; float: left; width: 165px; height: 32px; background: url(../images/nav_bar_final.gif) -115px 0px; }
#events { display: block; float: left; width: 113px; height: 32px; background: url(../images/nav_bar_final.gif) -280px 0px; }
#sponsorship { display: block; float: left; width: 132px; height: 32px; background: url(../images/nav_bar_final.gif) -393px 0px; }
#photos { display: block; float: left; width: 133px; height: 32px; background: url(../images/nav_bar_final.gif) -525px 0px; }
#contact { display: block; float: left; width: 141px; height: 32px; background: url(../images/nav_bar_final.gif) -658px 0px; }

#aboutus:hover { background: url(../images/nav_bar_final.gif) 0px -33px; }
#involved:hover { background: url(../images/nav_bar_final.gif) -115px -33px; }
#events:hover { background: url(../images/nav_bar_final.gif) -280px -33px; }
#sponsorship:hover { background: url(../images/nav_bar_final.gif) -393px -33px; }
#photos:hover { background: url(../images/nav_bar_final.gif) -525px -33px; }
#contact:hover { background: url(../images/nav_bar_final.gif) -658px -33px; }

#aboutlink { display: block; width: 115px; height: 32px; }
#involvedlink { display: block; width: 165px; height: 32px; }
#eventslink { display: block; width: 113px; height: 32px; }
#sponsorshiplink { display: block; width: 132px; height: 32px; }
#photoslink { display: block; width: 133px; height: 32px; }
#contactlink { display: block; width: 141px; height: 32px; }

#aboutlink em { display: none; }
#involvedlink em { display: none; }
#eventslink em { display: none; }
#sponsorshiplink em { display: none; }
#photoslink em { display: none; }
#contactlink em { display: none; }

#nav li ul { margin: 0px; padding: 0px; position: absolute; visibility: hidden; border-top: 1px solid #7AA26C; list-style: none; }
#nav li ul li { margin: 0px; padding: 0px; background: #C1D3BA; }
#nav li ul li a { display: block; width: 137px; margin: 0px; padding: 7px; background: #C1D3BA; border: 1px solid #7AA26C; border-top: 0px; text-decoration: none; font-family: Arial; font-size: 12px; color: #000000; }
#nav li ul li a:hover { background: #7AA26C; color: #ffffff; }

