#nav {padding:0; margin:0; list-style:none; width:575px; height:50px; position:relative; z-index:500; }
#nav li.top {display:block; float:left; height:50px;}

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub {left:1px; top:50px; background: #372b06; border:1px solid #554a21; width:155px; height:auto; z-index:300;}
#nav li:hover ul.sub li { display:block; position:relative; float:left; width:90px; font-size:11px; font-weight:normal; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 6px;}
#nav li:hover ul.sub li a {display:block; width:140px; line-height:16px; color:#FFFFFF; text-decoration:none ;}
#nav li:hover ul.sub li a:hover {background:#6e5d20; color:#fff; }

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav a.home { display: block; width:95px; height:50px; text-decoration:none; background: transparent url(../images/home-bg.jpg) no-repeat; }
#nav a.home:hover { background-position:-95px 0; }

#nav a.about { display: block; width:77px; height:50px; text-decoration:none; background: transparent url(../images/about-bg.jpg) no-repeat; }
#nav a.about:hover { background-position:-77px 0; background-color:#2c3308 }

#nav a.programs { display: block; width:148px; height:50px; text-decoration:none; background: transparent url(../images/programs-bg.jpg) no-repeat; }
#nav a.programs:hover { background-position:-148px 0; }

#nav a.news { display: block; width:132px; height:50px; text-decoration:none; background: transparent url(../images/news-bg.jpg) no-repeat; }
#nav a.news:hover { background-position:-132px 0; }

#nav a.contact { display: block; width:95px; height:50px; text-decoration:none; background: transparent url(../images/contact-bg.jpg) no-repeat; }
#nav a.contact:hover { background-position:-95px 0; }