.menu ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

.menu li
{
float: left;
position: relative;
z-index: 100;
}

/* use the table to position the dropdown list */
.menu table
{
position: absolute;
border-collapse: collapse;
z-index: 80;
left: -1px;
top: 29px;
}

/* style all the links */
.menu a, .menu :visited
{
display: block;
font-size: 14px;
width: 110px;
padding: 0px;
text-decoration: none;
margin: 0px;
}

/* style the links hover */
.menu :hover
{
color: #444444;
background: none;
}

/* hide the sub level links */
.menu ul ul
{
visibility: hidden;
position: absolute;
width: 110px;
height: 0;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul
{
visibility: visible;
}

/* remove the bullets, padding and margins from the lists */
.navdrop ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.navdrop li
{
float: left;
position: relative;
z-index: 100;
}

/* use the table to position the dropdown list */
.navdrop table
{
position: absolute;
border-collapse: collapse;
z-index: 80;
left: -1px;
top: 25px;
}

/* style all the links */
.navdrop a, .navdrop :visited
{
display: block;
font-size: 14px;
width: 125px;
padding: 5px;
color: #000000;
background: #DDDDDD;
text-decoration: none;
margin: 0px;
text-align: left;
}

/* style the links hover */
.navdrop :hover
{
color: #0000FF;
background: #BBBBBB;
}

/* hide the sub level links */
.navdrop ul ul
{
visibility: hidden;
position: absolute;
width: 125px;
height: 0;
}

/* make the sub level visible on hover list or link */
.navdrop ul li:hover ul,
.navdrop ul a:hover ul
{
visibility: visible;
}

a#navhome
{
display: block;
width: 115px;
height: 30px;
background-image: url(/graphics/nutz/homenut.gif);
margin: 0 auto;
text-decoration: none;
}

a#navhome:hover
{
background-image: url(/graphics/nutz/homenut2.gif);
}

a#navaudio
{
width: 115px;
height: 30px;
background-image: url(/graphics/nutz/audionut.gif);
margin: 0 auto;
}

a#navaudio:hover
{
background-image: url(/graphics/nutz/audionut2.gif);
}

a#navvideo
{
display: block;
width: 115px;
height: 30px;
background-image: url(/graphics/nutz/videonut.gif);
margin: 0 auto;
}

a#navvideo:hover
{
background-image: url(/graphics/nutz/videonut2.gif);
}

a#navimages
{
display: block;
width: 115px;
height: 30px;
background-image: url(/graphics/nutz/imagesnut.gif);
margin: 0 auto;
}

a#navimages:hover
{
background-image: url(/graphics/nutz/imagesnut2.gif);
}

a#navlinks
{
display: block;
width: 115px;
height: 30px;
background-image: url(/graphics/nutz/linksnut.gif);
margin: 0 auto;
}

a#navlinks:hover
{
background-image: url(/graphics/nutz/linksnut2.gif);
}

a#navjunk
{
display: block;
width: 115px;
height: 30px;
background-image: url(/graphics/nutz/junknut.gif);
margin: 0 auto;
}

a#navjunk:hover
{
background-image: url(/graphics/nutz/junknut2.gif);
}

.hidden
{
display: none
}