/* CSS Menu */

.menu{height:40px; background: transparent url(/images/bgOFF.gif) repeat-x; margin:-5px 0 0 0; padding:0 0 0 0px; list-style:none; font-size:14px; font-face: Arial, verdana, sans-serif;}

.menu li.top{display: block; position: relative; float:left;} 

.menu li.top > a {display: block; float:left;  height:25px; width: auto; line-height:26px; color:#000; text-decoration:none; font-weight:bold; padding:0 15px 0 15px; margin:0; cursor:pointer; border-right: 1px solid grey;}

.menu li.top a.top_date {border-right: none;}

.menu li.top a img{border: none; position: relative; top: 3px; left: 3px;}


.menu li.menuactive > a, .menu li.top > a:hover{color: #FFF; background: transparent url(/images/bgON.gif) repeat-x; border-left:1px white solid; border-right:1px solid white;}



.menu li.top a.top_date:hover {background: none; border:none; color:#000; cursor: default;}

/*to hide the drop down menu*/
.menu ul, 
.menu :hover ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0; list-style:none;}

/*the drop down box*/
.menu :hover ul.sub{left:-0.5px; top: 25px; width:165px ;height:auto; padding:2px; background: #fff; border: 1px solid #000099;}
.menu :hover ul.sub li{display: block; position:relative; float:left; width: 165px; height: 20px;}

/*inside the drop down menu*/
.menu :hover ul.sub li a{display: block; width: 165px; height:20px; font-size:13px; line-height:20px; border:1px solid #fff; border-width:0px; color:#344152; text-decoration:none; text-indent: 5px;}

.menu :hover ul.sub li a:hover {background:#344152; color:#fff; width: 165px;}

.submenuactive{background:#344152; width: 165px;}

.submenuactive > a{color:#fff !important;}

.menu :hover ul{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #344152; white-space:nowrap; width:auto; z-index:200; height:auto;}