@CHARSET "UTF-8";
/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplaymenu-dropdown-flyout-ipad7.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {width:990px; height:20px; text-align:center; position:relative; z-index:100; top:140px;background:#000 url(../images/menu.jpg);}
 
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;}
 
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline;}
 
#menu ul ul {position:absolute; left:0; top:20px; display:none; z-index:0;
}
#menu ul ul ul {left:100%; top:auto; margin-top:-23px;}
#menu ul li.left > ul {left:auto; right:0; top:20px;}
#menu ul li.left ul li > ul {left:auto; right:100%; top:auto; margin-top:-10px;}
#menu ul li ul li ul {border-top:1px solid #000}
 
#menu > ul {margin:0 auto;}
#menu > ul > li {float:left; display:block; position:relative;}
 
#menu ul {background:#000 url(../images/menu.jpg);}
#menu ul ul,
#menu ul ul ul {background:#fff;}
 
#menu a {display:block; font-family: verdana, arial, sans-serif; font-size:11px; line-height:18px;color:#000; text-decoration:none;padding: 3px 70px 3px 16px;}
#menu > ul > li > a {float:left; line-height:18px; margin-right:2px;color: #fff;padding:1px 8px;}
#menu > ul > li:hover > a {background:url(../images/blue.gif) no-repeat center;color: #fff}
 
#menu ul li:hover > ul {display:block;}
 
#menu li.left ul a {text-align:right; padding:0 8px;}

#menu li:hover > a,
#menu ul li:hover > a.fly {color:#000;background: #ccd}

#menu ul li ul b {font-weight: normal;}
#menu ul li ul a {border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;}
/* for IE7 to fix a bug with using display:none; to hide the sub menus. Delete if not concerned with IE7 support */
#menu ul {*display:inline;}
 
#menu ul ul,
#menu ul ul ul,
#menu ul li.left > ul,
#menu ul li.left ul li > ul {*left:-9999px; *right:auto; *display:block;}
 
#menu ul li:hover {*direction:ltr;}
 
#menu ul li:hover > ul {*left:0;}
#menu ul ul li:hover > ul {*left:100%;}
#menu ul li.left:hover > ul {*left:auto; *right:0;}
#menu ul li.left ul li:hover > ul {*left:auto; *right:100%;}