@charset "utf-8";
/* CSS Document */
.mainmenu { float:left; clear:both; width:980px; height:32px; background:url(../images/mainmenu_bg.gif) repeat-x top #666; margin-top:15px; z-index:99; position:relative; }
.mainmenu ul.top-level { width:912px; float:left; clear:none; height:32px;}

.mainmenu ul {display:inline-block;} 
.mainmenu ul {margin:0; padding:0; list-style:none; white-space:nowrap;} 
.mainmenu li {margin:0; padding:0;}
.mainmenu a { display:block; color:#fff; } 
* html .mainmenu ul.top-level {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */

.mainmenu li:hover > ul {visibility:visible;}
.mainmenu a:hover ul,
.mainmenu a:hover a:hover ul, 
.mainmenu a:hover a:hover a:hover ul {visibility:visible;}
.mainmenu a:hover ul ul, 
.mainmenu a:hover a:hover ul ul {visibility:hidden;}

.mainmenu li.top-level-li {zoom:1; list-style-type:none; height:32px; line-height:32px; text-decoration:none; cursor:pointer; float:left; clear:none; }

.mainmenu a.top-level-a {float:left; padding:0 0 0 15px;} 
.mainmenu a.top-level-a span {float:left; padding:0 15px 0 0; cursor:pointer; line-height:32px; font-weight:700;}
.mainmenu a.down span {float:left; padding:0 15px 0 0; cursor:pointer; }

.mainmenu li.top-level-li.active {background:#666;  }
.mainmenu li.top-level-li.active ul.drop-down li a:hover { color:#fff;}
.mainmenu li.top-level-li.active a { color:#fff;}
.mainmenu li.top-level-li:hover {color:#fff; position: relative; background:#666; }
.mainmenu li.top-level-li a:hover span { color:#fff;}
.mainmenu a.top-level-a:hover {white-space:nowrap; color:#fff; position: relative;}
.mainmenu a.top-level-a:hover span, 
.mainmenu a.top-level-a:focus span, 
.mainmenu a.top-level-a:active span {color:#fff; cursor:pointer;}
.mainmenu a.down:hover span, 
.mainmenu a.down:focus span, 
.mainmenu a.down:active span {color:#fff; cursor:pointer;}

.mainmenu li.top-level-li.active ul.drop-down li a {background:#666; color:#fff;}
.mainmenu li.top-level-li.active ul.drop-down li:hover > a {background:#666; color:#fff;}

.mainmenu li.top-level-li:hover > a {white-space:nowrap;}
.mainmenu li.top-level-li:hover > a span {color:#fff;}

.mainmenu li.top-level-li:hover > a.down span {color:#fff; }
.mainmenu li ul {display:block; position:absolute; visibility:hidden; background:#666; left:0; width:auto;}
.mainmenu li li:hover {background:#333; color:#fff;}
.mainmenu li li { border-top:1px solid #fff; }
.mainmenu li li a {background:#666; color:#fff; line-height:18px; padding:3px 15px; border-bottom:1px solid #fff;} 
.mainmenu li li a:hover  {background:#555; color:#fff;} 
.mainmenu li li a.fly {background:url(../images/fly.gif) no-repeat right top #F1F1FF; padding-right:15px;}
.mainmenu li li a.fly:hover {background:url(../images/fly_hover.gif) no-repeat right top #00BACD; color:#F1F1FF} 
.mainmenu li li:hover > a.fly {background:url(../images/fly_hover.gif) no-repeat right top #00BACD; color:#F1F1FF;}

.mainmenu ul.drop-down {top:32px; } 
.mainmenu li li ul {left:100%; margin-top:-29px; margin-left:-5px; font-size:11px; }

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