/* CSS Document */
#menu{z-index:0; position:absolute;}
#menu {text-align:left;  background:#338a7c; margin:10px 0 0 0;}
#menu ul {} 
#menu ul.top-level {margin-left:0;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;} 
#menu li {margin:0; padding:0;}
#menu a {display:block; font:normal 11px 'CenturyGothic';line-height:30px; text-decoration:none; padding:0 12px;} 
* html #menu ul.top-level {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */

#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}

#menu ul.top-level {margin:0 auto;} 
#menu li.top-level-li {float:left; position:relative; margin-right:3px; height:32px;}

#menu a.top-level-a {float:left; padding:0 0 0 0px; margin:0; background:url(../images/taba.gif) no-repeat left top; height:32px;} 
#menu a.top-level-a b {float:left; padding:0 12px; background:url(../images/tabb.gif) no-repeat right top; cursor:pointer; cursor:hand; height:32px;}
#menu a.down b {float:left; padding:0 12px; background:url(../images/tabc.gif) no-repeat right top; cursor:pointer; height:32px;}

#menu a.top-level-a:hover {white-space:nowrap; background:url(../images/taba.gif) no-repeat left -40px; }
#menu a.top-level-a:hover b, 
#menu a.top-level-a:focus b, 
#menu a.top-level-a:active b {color:#fff; background:url(../images/tabb.gif) no-repeat right -40px; cursor:pointer; }
#menu a.down:hover b, 
#menu a.down:focus b, 
#menu a.down:active b {color:#000000; background:#FFFFFF; cursor:pointer;}

#menu li.top-level-li:hover > a {white-space:nowrap; background:url(../images/taba.gif) no-repeat left -40px;  }
#menu li.top-level-li:hover > a b {background:#FFFFFF;color:#000000; }
#menu li.top-level-li:hover > a.down b {background:#FFFFFF; color:#000000;}

#menu li ul {display:block; position:absolute; visibility:hidden; background:#505060; /*padding:1px 1px 3px 1px;*/ left:0; border-left:solid 1px #243235; border-right:solid 1px #243235; border-bottom:solid 1px #border-left:solid 1px #243235;;}
#menu li li {border-bottom:1px solid #505060; width:auto; position:relative;}
#menu li li a {background:#fff;font-weight:bold;} 
#menu li li a:hover {background:#e3e6ed; font-weight:bold;} 
#menu li li:hover > a {background:#efefef; color:#000;}
#menu li li a.fly {background:#fff url(../images/fly.gif) no-repeat right top;}
#menu li li a.fly:hover {background:#e3e6ed url(../images/fly.gif) no-repeat right top;} 
#menu li li:hover > a.fly {background:#e3e6ed url(../images/fly.gif) no-repeat right top;}

#menu ul.drop-down {top:32px; /*opacity:0.85;*/ left:-1px;} 
#menu li li ul {left:100%; margin-left:-5px; top:0;}

#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padd\ing-left:20px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px;}

#menu a.top-level-a-on {float:left; padding:0 0 0 0px; margin:0; background:url(../images/taba.gif) no-repeat left -40px;} 
#menu a.top-level-a-on b {float:left; padding:0 15px 0 15px; background:#FFFFFF; cursor:pointer; cursor:hand; height:32px; color:#000000;}
#menu a.top-level-a-on:hover {white-space:nowrap; background:url(../images/taba.gif) no-repeat left top;}
#menu a.top-level-a-on:hover b, 
#menu a.top-level-a-on:focus b, 
#menu a.top-level-a-on:active b {color:#fff; background:url(../images/tabb.gif) no-repeat right top; cursor:pointer;}

#menu li.top-level-li-on {float:left; position:relative; margin-right:3px;}
#menu li.top-level-li-on:hover > a {white-space:nowrap; background:url(../images/taba.gif) no-repeat left -40px; }
#menu li.top-level-li-on:hover > a b {color:#fff;  background:url(../images/tabb.gif) no-repeat right -40px; }
#menu li.top-level-li-on:hover > a.down b {color:#fff;  background:url(../images/tabc.gif) no-repeat right -40px;}
#menu li.top-level-li-on:hover > a b {color:#fff;  background:url(../images/tabb.gif) no-repeat right -40px; }
#menu li.top-level-li-on:hover > a.down b {color:#fff;  background:url(../images/tabc.gif) no-repeat right -40px;}

#menu li a.top-level-a{ color:#FFFFFF;}
#menu li a.top-level-a :hover{ color:#000000;}

#menu li a.top-level-a-on{ color:#fff;}
#menu li a.top-level-a-on :hover{ color:#fff;}

#menu ul.drop-down a{ color:#606060;}

#menu a.top-level-a-ona {float:left; padding:0 0 0 20px; margin:0; background:url(../images/taba.gif) no-repeat left -40px;} 
#menu a.top-level-a-ona b {float:left; padding:0 20px 0 0; background:url(../images/tabb.gif) no-repeat right -40px; cursor:pointer; cursor:hand;}
#menu a.top-level-a-ona:hover {white-space:nowrap; background:url(../images/taba.gif) no-repeat left top;}
#menu a.top-level-a-ona:hover b, 
#menu a.top-level-a-ona:focus b, 
#menu a.top-level-a-ona:active b {color:#fff; background:url(../images/tabb.gif) no-repeat right top; cursor:pointer;}

#menu li a.top-level-a-ona{ color:#fff;}
#menu li a.top-level-a-ona :hover{ color:#fff;}
.second_lvl {
  left: 102% !important;
  top: 23px;
  width: 210px !important;
}
.vsn {top: 53px; left:102%!important;}
.second_lvl li{ width: 240px !important;}