@charset "utf-8";
/* CSS Document */

/* ================================================================ 
Notes: http://www.cssplay.co.uk/menus/anywidth.html
=================================================================== */
/* Blue tab:  #8ab5df */
/* Yellow tab: #ffcc00 */

#menu { height:22px; text-align:center; position:relative; z-index:9;}
#menu ul {display:inline-block;} 
#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 12px Georgia, "Times New Roman", Times, serif;; color:#000; line-height:22px; 
	text-decoration:none; 
	padding:0 20px;
	outline:none; border:0;
} 
* html #menu ul.top-level {margin-left:0;} /* 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:1px;}

#menu a.top-level-a {float:left; width:100%; padding:0 0 0 15px; background:url(../images/menu_taba.jpg) no-repeat left top;} 
#menu a.top-level-a b {float:left; padding:0 15px 0 0; background:url(../images/menu_tabb.jpg) no-repeat right top; cursor:pointer; }

#menu a.down b {float:left; padding:0 20px 0 0; background:url(../images/menu_tabc.jpg) no-repeat right top; cursor:pointer;}

#menu a.top-level-a:hover,  
#menu a.top-level-a:focus,  
#menu a.top-level-a:active
	{white-space:nowrap; background:url(../images/menu_taba.jpg) no-repeat left -30px;}
#menu a.top-level-a:hover b, 
#menu a.top-level-a:focus b, 
#menu a.top-level-a:active b 
	{color:#000; background:url(../images/menu_tabb.jpg) no-repeat right -30px; cursor:pointer;}

#menu a.down:hover b, 
#menu a.down:focus b, 
#menu a.down:active b {color:#000; background:url(../images/menu_tabc.jpg) no-repeat right -30px; cursor:pointer;}

#menu li.top-level-li:hover > a {white-space:nowrap; background:url(../images/menu_taba.jpg) no-repeat left -30px;}
#menu li.top-level-li:hover > a b {color:#000;  background:url(../images/menu_tabb.jpg) no-repeat right -30px;}
#menu li.top-level-li:hover > a.down b {color:#000;  background:url(../images/menu_tabc.jpg) no-repeat right -30px;}

#menu li ul {display:block; position:absolute; top:-1px; left:1px; visibility:hidden; background:#ffb700; padding:1px 1px 6px 1px;}
#menu li ul {
	-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
/* CSS3
border-bottom-left-radius:  5px;
border-bottom-right-radius:  5px;
*/
}

#menu ul.drop-down {top:22px; opacity:0.9;} 

#menu li li {border-bottom:1px solid #ffb700;}
#menu li li a {background:#fff; color:#000;} 

/* Added for submenu */
#menu li li a {
	line-height:20px; padding:0 20px 0 15px;;
} 

#menu li li a:hover {background:#f9da96;} 
#menu li li:hover > a {background:#f9da96;}

#menu li li a.fly {background:#fff url(../images/fly.png) no-repeat right top;}
#menu li li a.fly:hover {background:#e3e6ed url(../images/fly.png) no-repeat right top;} 
#menu li li:hover > a.fly {background:#e3e6ed url(../images/fly.png) no-repeat right top;}

#menu li li ul {
	left:100%; margin-top:-23px; margin-left:-5px;
}

#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:15px;}
#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;}