@charset "utf-8";
/* Menu Styles */




/* hide the sub levels and give them a positon absolute so that they take up no room */
ul.level2 {
visibility:hidden;
position:absolute;
top:191px;
margin:0;
padding:0;
width:170px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
z-index: 400;

}


.level2 li {
width:170px;
margin:0;
padding: 0;
left:0;
display: block;
border-top: 1px solid white;
border-bottom:1px solid #fff;

text-align: center;
background: url(../images/bg_submenu.png) repeat-x top;
font: 12px/18px "Tahoma",Verdana, Geneva, sans-serif;
font-weight: normal;
text-indent: 2px;
color: #fff;
height:20px;

}

.level2 li a  {
text-decoration: none;
display: block;
padding:0;
margin:0;
background: url(../images/bg_submenu.png) repeat-x top;
height:20px;
line-height:20px;
color:#ffffff;
}

/* zero the styles on the table */
.menu table {
position:absolute; 
top:0; 
border-collapse:collapse;
z-index: 400;
}


/* style the top level hover */
 .menu ul ul a:hover{color:#ffffff; background: url(../images/bg_submenu.png) repeat-x top;}
 .menu ul ul :hover > a {color:#ffffff;background: url(../images/bg_submenu2.png) repeat-x top;}


/* 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; }
.menu2 ul li:hover ul, .menu2 ul a:hover ul{visibility:visible; }
.menu ul ul li.topnav {

}