/* http://www.cssplay.co.uk/ */


/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
border-left:1px solid #bbb;
height: 2em;
background-color: #fefeee;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
width:9em;
z-index:100;
border-right:1px solid #bbb;
height: 2em;
line-height: 2em;
}

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

/* style all the links */
.menu li a, .menu li a:visited {
display:block;
width:9em;
color:#000;
background:#fefeee;
text-decoration:none;
text-align:center;
}
/* style the links hover */
.menu li a:hover{
color:#444;
background:#fefeee;
}

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

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

.menu a span {
display: none !important; 
}
.menu li ul li {
   border: none;
   border-right:1px solid #bbb;
   border-left:1px solid #bbb;
}

.menu li a:hover, menu li ul li a:hover {
   border:0; /* needed to trigger IE */
   color:#bbb;
}

.menu li a:hover span {
   display:block;
   width:9em;
   height:2em;
   text-align:center;
   position:absolute;
   left:-2px;
   top:-3px;
   color:#000;
   cursor:pointer;
}

.menu li>a:hover span {
   display:block !important;
   width:9em;
   height:2em;
   text-align:center;
   position:absolute;
   left:-2px;
   top:-3px;
   color:#000;
   cursor:pointer;
}