#menu_holder {left:85px;position:absolute;top:60px;z-index:1000;}
#menus {float:left;position:relative;background: url('../images/backgrounds/bg_trans_box_dark.png'); background-repeat: repeat;}
#home {float:left; width:40px;height:32px;background: url('../images/buttons/home.png') no-repeat ;}
ul.menu {padding:1px; margin:0; list-style:none; position:relative; margin-right:2px; float:left;  z-index:1000; font-size:1.0em; height:30px;}
ul.menu li {float:left; height:30px;}
ul.menu li a {text-decoration:none; color:#fff; text-decoration:none; font-size:1.0em; font-weight:bold;}

ul.menu li a.aTop {display:block; padding:0; line-height:30px; height:30px; float:left;}
ul.menu li a.aTop span {display:block; padding:0 5px 0 15px; float:left; cursor:pointer;}
ul.menu li a.aTop b {display:block; width:10px; height:30px; padding:0; float:left;}

ul.menu li div.drop {position:absolute; left:-9999px; top:30px; background:#ffffff;border-left:1px solid #555;border-right: 1px solid #555;border-bottom: 1px solid #555; opacity:0;

}
ul.menu li div.col1 {width:150px;}
ul.menu li div.col2 {width:300px;}
ul.menu li div.col3 {width:450px;}

ul.menu li div.drop dl {float:left; width:130px; padding:0 10px 10px 10px; margin:0;text-align:left;}
ul.menu li div.drop dl dt {font-weight:bold; padding:10px 0 3px 0; color:#000; line-height:12px;font-size:0.9em;}
ul.menu li div.drop dl dd {padding:0; margin:0;border-bottom:1px solid #bbbbbb;}
ul.menu li div.drop dl dd a {display:block; color:#666666; font-weight:normal; line-height:12px; padding:3px 0;font-size:0.9em;}
ul.menu li div.drop dl dd a:hover {color:#555555; text-decoration:underline;}
ul.menu li div.spacer {clear:left;height:10px;}
ul.menu li div.bottomLine {clear:left; background:#690;}
ul.menu li div.bottomLine p {padding:0 10px; margin:0; line-height:18px; color:#fc6; text-decoration:none;}
ul.menu li div.bottomLine p a:hover {text-decoration:underline;}

ul.menu li a.aTop:hover {color:#000;background:#fff;}
ul.menu li.sub:hover > a.aTop {color:#003399;background:#fff;border-left: 1px solid #555;border-right: 1px solid #555;}
ul.menu li.sub:hover > a.aTop span {color:#000;background:#fff;padding:0 4px 0 14px;}

ul.menu li:hover div.drop {left:1px; opacity:1;}
ul.menu li:hover div.left1 {left:-154px;}

ul.menu li.close {position:absolute; right:0; top:0; opacity:0; z-index:-1;}

.clear {clear:both;}

/* for IE6 */
ul.menu table {border-collapse:collapse; width:0; margin:0 0 -1px 0; position:absolute; left:0; top:0;}
ul.menu li.sub a.aTop:hover {border-bottom:1px solid #800; direction:ltr;}
ul.menu li.sub a.aTop:hover div.drop {left:0;}
ul.menu li.sub a.aTop:hover div.left1 {left:-154px;}
ul.menu li.sub a.aTop:hover div.bottomLine p {font-weight:normal;}
</style>

<style media="only screen and (max-device-width:768px)" type="text/css">
/* for iPhone, iPod Touch and iPad */
ul.menu li:hover + li.close {top:-40px; opacity:1; z-index:100;}
ul.menu li:hover + li.close a {display:block; width:50px; height:50px;}
</style>

