/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/scrolls_drop.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;
list-style-image:none;
padding:0;
margin:0;
}
/* 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;
margin-right:1px;

}

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


/* style all the top level links */
.menu a, .menu :visited {
display:block;
font-size:11px;
font-weight:normal;
height:20px;
padding:0;
line-height:20px;
color:#666666;
text-decoration:none;
margin-right:0px;
text-align:center;
padding-left:4px;
padding-right:4px;
font-family:Verdana;
}

/* style the links hover */
/* for IE6 */
.menu a:hover{
border:0;
color:#ffffff;
background-color:#924636;
}
/* for IE7 and non-IE browsers */
.menu li:hover > a {
color:#ffffff;
background-color:#924636;
}

/* hide the sub level links */
.menu ul ul 
{
visibility:hidden;
position:absolute;
width:98%;
height:0;
top:20px;
background-color:#ffffff;
}
/* make the sub level visible on hover list or link */
.menu ul :hover ul{
visibility:visible;
height:auto;
background-color:#ffffff;
}

.menu ul :hover li{
visibility:visible;
height:auto;
background-color:#ffffff;
border-left: 1px solid #924636;
border-right: 1px solid #924636;
border-bottom: 1px solid #924636;
width:100%;
}