.nav, .nav ul {margin:0;padding:0;list-style:none;}

.nav li {float:left; height:35px;}

.nav li a {display:block; height:35px;}
.nav li a b {display:none;}

.nav ul {position: absolute; left:-9999px; width:0;}

.nav table {border-collapse:collapse; padding:0; margin:0;}

.nav li a#menubutton_ourdistrict {width:92px; background:url('../images/buttons/ourdistrict.png') 0 35px;}
.nav li a#menubutton_highschool {width:92px; background:url('../images/buttons/highschool.png') 0 35px;}
.nav li a#menubutton_middleschool {width:108px; background:url('../images/buttons/middleschool.png') 0 35px;}
.nav li a#menubutton_intermediateschool {width:138px; background:url('../images/buttons/intermediateschool.png') 0 35px;}
.nav li a#menubutton_elementaryschool {width:129px; background:url('../images/buttons/primaryschool.png') 0 35px;}
.nav li a#menubutton_curriculum {width:102px; background:url('../images/buttons/curriculum.png') 0 35px;}
.nav li a#menubutton_studentservices {width:138px; background:url('../images/buttons/studentservices.png') 0 35px;}
.nav li a#menubutton_wellness {width:60px; background:url('../images/buttons/cfc.png') 0 35px;}

.ourdistrict .nav li a#menubutton_ourdistrict,
.highschool .nav li a#menubutton_highschool,
.middleschool .nav li a#menubutton_middleschool,
.intermediateschool .nav li a#menubutton_intermediateschool,
.elementaryschool .nav li a#menubutton_elementaryschool,
.curriculum .nav li a#menubutton_curriculum,
.studentservices .nav li a#menubutton_studentservices,
.wellness .nav li a#menubutton_wellness {background-position:0 0;}

.nav li a#menubutton_ourdistrict:hover,
.nav li a#menubutton_highschool:hover,
.nav li a#menubutton_middleschool:hover,
.nav li a#menubutton_intermediateschool:hover,
.nav li a#menubutton_elementaryschool:hover,
.nav li a#menubutton_studentservices:hover,
.nav li a#menubutton_curriculum:hover,
.nav li a#menubutton_wellness:hover {background-position:0 0; position:relative; white-space:nowrap;}

.nav li:hover {position:relative;}

.nav li:hover a#menubutton_ourdistrict,
.nav li:hover a#menubutton_highschool,
.nav li:hover a#menubutton_middleschool,
.nav li:hover a#menubutton_intermediateschool,
.nav li:hover a#menubutton_elementaryschool,
.nav li:hover a#menubutton_curriculum,
.nav li:hover a#menubutton_studentservices,
.nav li:hover a#menubutton_wellness {background-position:0 0;}

.nav :hover ul {left:-1px; top:35px; width:300px; background:#fff; border:1px solid #000; border-width:0 1px 1px 1px;}
.nav ul li {width:100%; height:25px;}
.nav ul li a {float:left; width:100%; text-indent:10px; height:25px; line-height:25px; text-decoration:none; color:#000; font-family:arail, verdana, sans-serif; font-size:11px;}
.nav ul li a:hover {color:#444; text-decoration:underline;}
.nav :hover ul.suba {width:400px;}
.nav :hover ul.subb {width:450px;}