/* .menu width: the less is the value, the more right is the menu */
.menu {list-style:none; text-align:center; font-weight: bold; font-size: 11pt; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: 500px;}
.menu a {float:left; color:#eee; text-decoration:none; width:130px; height:28px; padding-top:8px; }
.menu li {position:relative; float:left; width:130px; z-index:1000}
a.submenu {font-size: 9pt;}

.menu li.noborder {border-top:none}
.menu li.menuhover a, .menu li.menuhover li.menuhover a {color:#fff; background:#999}
.menu li.menuhover span, .menu li.menuhover li.menuhover span {color:#fff; background:#999}

/* sub-menus */
.menu ul {display:none; position:absolute; top:36px; left:0; background:#aaa; display:none; list-style:none}
.menu ul li {float:none; border-top:1px solid #ccc; width:130px}
.menu ul li a, .menu li.menuhover li a, .menu li.menuhover li.menuhover li a {float:none; display:block; background:none; height:30px; padding-top:5px}
.menu ul li a:hover, .menu li.menuhover li a:hover, .menu li.menuhover li.menuhover li a:hover {background:#999; color:#fff}
.menu ul li span, .menu li.menuhover li span, .menu li.menuhover li.menuhover li span {float:none; display:block; background:none; height:30px; padding-top:5px}
.menu ul ul {left:20px; top:0}