/* ================================================================ 
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/drop_line.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.
=================================================================== */
.menu {
position:relative;
width:100%;
height:30px;
background:url(/menu1.gif) repeat-x top left;
background:url(/menu1.gif) bottom left repeat-x;
text-decoration: none;
font-family: verdana, arial, sans-serif;
}
 
* html .menu {padding-bottom:0;}
 
.menu ul{
list-style-type:none;
padding:0;
margin:0 0 0 20px;
width:100%;
height:100%;
}
 
.menu li{
float:left;
}
 
.menu table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}
 
.menu a, .menu :visited {
color:#000000;
text-decoration:none;
}
.menu a em.lft, .menu :visited em.lft {
display:block;
float:left;
width:5px;
height:2em;
background: transparent url(/lefta.gif);
border-bottom:1px solid #777;
}
.menu a b, .menu :visited b {
display:block;
font-weight:normal;
float:left;
padding:0 10px;
height:2em;line-height:1.9em;
background: transparent url(/mida.gif);
cursor:pointer;
border-bottom:1px solid #777;
}
.menu a em.rgt, .menu :visited em.rgt {
display:block;
float:left;
width:5px;
height:2em;
background: transparent url(/righta.gif);
border-bottom:1px solid #777;
}
 
.menu ul ul {
visibility:hidden;
position:absolute;
height:2em;
top:2em;
left:-20px;
width:749px;
border-bottom:1px solid #777;
border-right:1px solid #777;
background:#ccc;
}
 
.menu :hover {
white-space:normal;
}
 
.menu a:hover b {
color:#FFFFFF;
background: transparent url(/midb.gif);
border-bottom-color:#ccc;
}
.menu a:hover em.lft {
background: transparent url(/leftb.gif);
border-bottom-color:#ccc;
}
.menu a:hover em.rgt {
background: transparent url(/rightb.gif);
border-bottom-color:#ccc;
}
 
.menu li:hover > a b
{
color:#000;
background: transparent url(/midb.gif);
border-bottom-color:#ccc;
}
.menu li:hover > a em.lft {
background: transparent url(/leftb.gif);
border-bottom-color:#ccc;
}
.menu li:hover > a em.rgt {
background: transparent url(/rightb.gif);
border-bottom-color:#ccc;
}
.menu ul li:hover ul,
.menu ul a:hover ul{
display:block;
visibility:visible;
top:2em;
margin-top:1px;
}
 
.menu ul :hover ul li {
display:block; 
border-left:1px solid #777; 
background:#CCC; 
height:2em;
}
.menu ul :hover ul li a {
display:block; 
font-size:0.8em; 
height:2em; 
line-height:2.5em; 
width:auto; 
float:left; 
color:#000000; 
padding:0 10px;}
.menu ul :hover ul li a:hover {
color:#c00;
}
