/* common styling */
#menu {height:42px;position:relative;border-bottom:solid 1px #fff;background:#002343 url("menubg.jpg") repeat-x !important;}
#menu ul li a,#menu ul li a:visited{font-size:14px;font-weight : bold;padding-top:10px;display:block;text-decoration:none;color:#000;
	height:26px;text-align:center;color:#fff;border-left:0px solid #fff; ; overflow:hidden;}
#menu ul li a span{color:#dddddd;font-size:12px;}
#menu ul {padding:0; margin:0;list-style-type: none; }
#menu ul li {float:left;position:relative;}
#menu ul li ul {display: none;}

.submenu_title {BACKGROUND:#aaaaaa url(submenu_title.gif) no-repeat 0px;padding-left:21px;padding-top:12px;display:block;height:28px;font-size:19px;text-align:left;color:#333;border-left:1px solid #fff;  overflow:hidden; }

#submenu ul {padding:0; margin:0;list-style-type: none;}
#submenu ul li{float:left;BACKGROUND: url(arrow_menu.gif) no-repeat 2px ;padding-left:18px;width:100%;;}
#submenu ul li a,#submenu ul li a:visited {display:block;float:left; WIDTH: 100% ; COLOR: #999;  BORDER-BOTTOM: #cccccc 1px dashed;height:28px;padding-left:17px;padding-top:10px;}
#submenu ul li:hover a {color:#fff; background:#e60000;display:block;height:28px;}

/* specific to non IE browsers */
#menu ul li:hover a {color:#fff; }
#menu ul li:hover ul {padding-top:4px;display:block; position:absolute; top:32px; left:0;}
#menu ul li:hover ul li a.hide {background:#8b8b8b; color:#fff;height:28px;line-height:28px;}
#menu ul li:hover ul li:hover a.hide {background:#e60000; color:#fff;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block; background:#ddd; color:#000;height:28px;line-height:28px;border-top:1px solid #fff;}
#menu ul li:hover ul li a:hover {background:#e60000; color:#fff;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:100px; top:0;}
#menu ul li:hover ul li:hover ul a{}
#menu ul li:hover ul li:hover ul.left {left:-100px;}
</style>
<!--[if lte IE 6]>
<style type="text/css">
#menu ul li a.hide, #menu ul li a:visited.hide {display:none;}
#menu ul li a:hover ul li a.hide {display:none;}
#menu ul li a:hover {color:#fff; }
#menu ul li a:hover ul {display:block; position:absolute; top:28px; left:0;}
#menu ul li a:hover ul li a.sub { color:#fff;}
#menu ul li a:hover ul li a {display:block; background:#ddd;color:#000;border-top:1px solid #fff;}
#menu ul li a:hover ul li a ul {visibility:hidden;}
#menu ul li a:hover ul li a:hover {color:#fff;}
#menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:81px; top:0; color:#000;}
#menu ul li a:hover ul li a:hover ul.left {left:-81px;}
</style>
<![endif]-->