/* 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.top_link {display: block; float:left;  height:30px; width: auto; line-height:26px; color:#000; text-decoration:none; font-weight:bold; padding:0 20px 0 20px; margin:0; cursor:pointer;}
.menu li.top a.top_date {display:block; float:left; height:30px; width: auto; line-height:26px; color:#000; font-size: 14px; text-decoration:none; font-weight:bold; padding:0 5px 0 5px; margin:0; cursor:pointer;}

.menu li :hover,
.menu li a.top_link :hover,
.menu li a.top_date :hover{color:#fff; background: transparent url(images/bgON.gif) repeat-x;}


.menu li:hover > a.top_link,
.menu li:hover > a.top_date {color:#fff; background: transparent url(images/bgON.gif) repeat-x;}



/*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:2px; right:2px; top: 30px; width:145px ;height:auto; padding:2px; background: #fff; border: 1px solid #000099;}
.menu :hover ul.sub li{display: block; position:relative; float:left; width:auto; height: 20px;}

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

.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;}