/* NAV */

.navspacer { padding-left: 517px; }

div#nav { height: 159px; width: 164px; margin: 0 0 0 0; padding: 0; border: 0; }
div#nav ul#menu { height: 159px; width: 164px; background: url(/images/nav/nav2.gif) top left no-repeat; margin: 0; padding: 0; position: relative; }
div#nav ul#menu li { margin: 0; padding: 0; list-style: none; position: absolute; }
ul#menu li, ul#menu a { height: 20px; width: 164px; display: block; }
div#nav ul#menu li a { text-indent: -9999px; text-decoration: none; }

#homemenu { top: 0px; }
#learnmenu { top: 20px; }
#wheremenu { top: 40px; }
#photosmenu { top: 60px; }
#linksmenu { top: 80px; }
#newsmenu { top: 100px; }
#partnersmenu { top: 120px; }
#contactmenu { top: 140px; }

#homemenu a:hover { background: url(/images/nav/nav2.gif) -164px 0 no-repeat; }
#learnmenu a:hover { background: url(/images/nav/nav2.gif) -164px -20px no-repeat; }
#wheremenu a:hover { background: url(/images/nav/nav2.gif) -164px -40px no-repeat; }
#photosmenu a:hover { background: url(/images/nav/nav2.gif) -164px -60px no-repeat; }
#linksmenu a:hover { background: url(/images/nav/nav2.gif) -164px -80px no-repeat; }
#newsmenu a:hover { background: url(/images/nav/nav2.gif) -164px -100px no-repeat; }
#partnersmenu a:hover {background: url(/images/nav/nav2.gif) -164px -120px no-repeat;}
#contactmenu a:hover {background: url(/images/nav/nav2.gif) -164px -140px no-repeat;}

body#learn #learnmenu { background: url(/images/nav/nav2.gif) -164px -20px no-repeat; }
body#where #wheremenu { background: url(/images/nav/nav2.gif) -164px -40px no-repeat; }
body#photos #photosmenu { background: url(/images/nav/nav2.gif) -164px -60px no-repeat; }
body#links #linksmenu { background: url(/images/nav/nav2.gif) -164px -80px no-repeat; }
body#news #newsmenu { background: url(/images/nav/nav2.gif) -164px -100px no-repeat; }
body#partners #partnersmenu {background: url(/images/nav/nav2.gif) -164px -120px no-repeat;}
body#contact #contactmenu {background: url(/images/nav/nav2.gif) -164px -140px no-repeat;}

/* SUBNAV */

#button { width: 163px; border: 1px solid #D7DAC5; padding: 0 0 0 0; margin-bottom: 0; font: 9px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #F4F4ED; color: #5E5451; margin-top: 15px; }
#button ul { list-style: none; margin: 0; padding: 0; border: none; }
#button li { border: 1px solid #FFFFFF; }
#button li a { display: block; padding: 5px 15px 5px 15px; text-decoration: none; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #5E5451; font-weight: bold; width: 130px; \width: 161px; w\idth: 130px; }
html>body #button li a { width: auto; }
#button li a:hover { background-color: #D7DAC5; color: #5E5451; }