@charset "utf-8";

/* Top Menu - begin */

/* common styling */
.top-menu {
	font-family: arial, sans-serif; /*width:300px;*/
	height:16px;
	position:absolute;
	font-size:11px;
	z-index:100;
	left: 735px;
	top: 12px;
	width: 294px;
}
.top-menu ul li a, .top-menu ul li a:visited {display:block; text-decoration:none; color:#000;/*width: auto;*/ height:16px; text-align:center; color:#fff; /*border:1px solid #fff; background:#710069;*/ line-height:16px; font-size:11px; overflow:hidden;}
.top-menu ul {padding:0; margin:0; list-style: none;}
.top-menu ul li {float:left; position:relative;}
.top-menu ul li ul {display: none;}

/* specific to non IE browsers */
.top-menu ul li:hover a {color:#fff; /*background:#36f;*/}
.top-menu ul li:hover ul {display:block; position:absolute; top:16px; left:0; width:70px;}
.top-menu ul li:hover ul li a.hide {/*background:#6a3;*/ color:#fff;}
.top-menu ul li:hover ul li:hover a.hide {/*background:#6fc;*/ color:#000;}
.top-menu ul li:hover ul li ul {display: none;}
.top-menu ul li:hover ul li a {display:block; /*background:#ddd;*/ color:#000;}
.top-menu ul li:hover ul li a:hover {/*background:#6fc;*/ color:#000;}
.top-menu ul li:hover ul li:hover ul {display:block; position:absolute; left:70px; top:0;}
.top-menu ul li:hover ul li:hover ul.left {left:-70px;}

/* Extra */
.top-menu {float: right;}
.top-menu ul li ul li.border-top { height: 6px; }
.top-menu ul li ul li { height: 20px; }
.top-menu ul li ul li a { height: 20px; }
.top-menu ul li ul li a:visited { height: 20px; }

/* Top Menu - end */


/* Main Menu - begin */

/* common styling */
.main-menu {font-family: arial, sans-serif; width:800px; height:20px; position:relative; font-size:11px; z-index:100;}
.main-menu ul li a, .main-menu ul li a:visited {display:block; text-decoration:none; color:#000;/*width: auto;*/ height:20px; text-align:center; color:#fff; /*border:1px solid #fff; background:#710069;*/ line-height:20px; font-size:11px; overflow:hidden;}
.main-menu ul {padding:0; margin:0; list-style: none;}
.main-menu ul li {float:left; position:relative;}
.main-menu ul li ul {display: none;}

/* specific to non IE browsers */
.main-menu ul li:hover a {color:#fff; /*background:#36f;*/}
.main-menu ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:132px;}
.main-menu ul li:hover ul li a.hide {/*background:#6a3;*/ color:#fff;}
.main-menu ul li:hover ul li:hover a.hide {/*background:#6fc;*/ color:#000;}
.main-menu ul li:hover ul li ul {display: none;}
.main-menu ul li:hover ul li a {display:block; /*background:#ddd;*/ color:#000;}
.main-menu ul li:hover ul li a:hover {/*background:#6fc;*/ color:#000;}
.main-menu ul li:hover ul li:hover ul {display:block; position:absolute; left:132px; top:0;}
.main-menu ul li:hover ul li:hover ul.left {left:-132px;}

/* Extra */
.main-menu {float: left;}
.main-menu ul li {padding-right: 5px;}
.main-menu ul li ul li {padding-right: 0px;}
.main-menu ul li ul li.border-top { height: 6px; }
.main-menu ul li ul li.border-top a { height: 6px; }
.main-menu ul li ul li.border-bottom { height: 6px; }
.main-menu ul li ul li.border-bottom a { height: 6px; }
.main-menu ul li ul li { height: 20px; }
.main-menu ul li ul li a { height: 20px; }

/* Main Menu - end */