/* ================================================================ 
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/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
width:990px; 
height:25px; 
position:relative; 
z-index:1;
border:0;
padding: 0;
margin: 0; 
font-family:arial, sans-serif;
background-color: #af0041;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu-level1, .menu-level2 {
border: 0;
padding:0;
margin:0;
list-style-type:none;
}

.menu-level2 {
visibility:hidden;
position:absolute;
height:0;
top:25px;
left:0; 
width:123px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu-level1-no,.menu-level1-act,.menu-level1-cur,.menu-level2-no,.menu-level2-act,.menu-level2-cur {
float:left;
width:123px;
position:relative;
}

/* style the links for the top level */
#menu a {
display:block;
font-size:12px;
text-decoration:none; 
width:123px; 
height:25px; 
border:0; 
padding:0; 
line-height:25px; 
font-weight:bold;
text-align: center;
}

/* style the second level links */
.menu-level2 a {
height:auto; 
line-height:1em; 
padding:5px 10px; 
border-width:0 1px 1px 1px;
}

/* style the top level hover */
.menu-level1-no, .menu-level2-no {
color:#000; 
background: #af0041;
}

.menu-level1-act,.menu-level1-cur, .menu-level2-act,.menu-level2-cur {
color:#000; 
background: #BEBF47;
}

.menu-level1-no a, .menu-level2-no a {
color: #F9F3B8; 
}

.menu-level1-act > a,.menu-level1-cur > a,.menu-level2-act a,.menu-level2-cur a  {
color: #FFFDEF; 
}

.menu-level1-no a:hover, .menu-level2-no a:hover{
color:#000; 
background:#eeeb94;
}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul {
visibility:visible; 
}

#submenu {
position: absolute;
top: 150px;
}

#submenu ul {
border: 0;
padding: 0;
margin: 0;
margin-left: 15px;
}

#submenu ul li {
list-style-type: none;
border: 0;
padding: 5px 0;
margin: 0;
color: #3E3F1B;
}

#submenu a{
color: #af0041;
}