/* ================================================================ 
This is based on:

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

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

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li
{
float: left;
position: relative;
z-index: 100;
border-left: 1px #fff solid;
}

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

/* style all the links */
.menu a
{
display: block;
width: 92px;
}

.menu ul li ul li
{
border-top: 1px #fff solid;
}

/* style all the links */
.menu ul li ul li a, .menu ul li ul li a:visited
{
font: normal 9px/15px Verdana, Arial, Helvetica, sans-serif;
display: block;
width: 150px;
color: #7f7f7f;
border: 1px solid #ebebeb;
background: #ffffff;
text-decoration: none;
margin-right: 1px;
text-align: left;
padding: 1px 3px;
}

/* style the links hover */
.menu :hover
{
color: #af0602;
background: #ffffff;
text-decoration: none;
}

.menu ul li ul li a:hover
{
color: #af0602;
background: #ffffff;
text-decoration: none;
}

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

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