/* ================================================================ 
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_pullup.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {
width:823px;
height:37px;
position:absolute;
z-index:30;
left:30px;
top:330px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
background: url('images/bg_nav_popup.jpg') no-repeat bottom right;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position:relative;
font-size:14px;
padding:5px;
background:url('images/bg_nav_div.gif') no-repeat top left;
}
.menu li.first{
background:none;
}
.menu li:hover, .menu li.first:hover, .menu li.sfhover, .menu li.active {
background:url('images/bg_nav_li.jpg') no-repeat bottom right;
}
.menu li:hover a, .menu li:hover a:visited,
.menu li.sfhover a, .menu li.sfhover a:visited,
.menu li.active li a, .menu li.active li a:visited {
color:#fff;
background:none;
}
.menu li.item1 {width:100px;}
.menu li.item1 li {width:124px;}
.menu li.item2, .menu li.item2 li {width:178px;}
.menu li.item3, .menu li.item3 li {width:149px;}
.menu li.item4, .menu li.item4 li {width:174px;}
.menu li.item5 {width:81px;}
.menu li.item5 li {width:181px;}
.menu li.item5 ul {left:-100px;}
.menu li.item6 {width:80px;}
.menu li.item6 li {width:180px;}
.menu li.item6 ul {left:-100px;}
.menu li li {
font-size:11px;
height:15px;
background:none;
margin: 0;
_padding:0 5px;
}
/* style the links for the top level */
.menu li a, .menu li a:visited {
display:block;
padding:5px 10px;
text-decoration:none; 
color:#004f06; 
height:16px; 
line-height:16px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
bottom:36px;
left:0; 
padding-bottom:5px;
_padding:5px 0 0 0;
}
.menu ul ul li:hover, .menu ul ul li.sfhover {
background:none;
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
color:#fff; 
height:auto; 
border-bottom: solid 1px #4f895a;
}
/* style the top level hover */
.menu li:hover a:hover, .menu li.sfhover a:hover,
.menu li.active a, .menu li.active a:visited {
color:#004f06; 
background: #fff url('images/bg_li_main.jpg') no-repeat bottom right;
}
.menu li:hover li a:hover, .menu li.sfhover li a:hover {
color:#004f06;
background: #fff;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul li.sfhover ul,
.menu ul a:hover ul{
visibility:visible;
height:auto;
}