/* ================================================================ 
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/muti-line-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
#menu {position:relative; z-index:500; margin-left:10px;}
#menu ul {padding:0; margin:0; list-style:none; width:215px; padding:5px; background:#0a7521;}
#menu ul ul {position:absolute; left:-9999px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
#menu ul li {width:110px; background:#fff;}
* html #menu ul li {float:left;}
#menu ul li a {display:block; width:200px; padding:8px 10px 8px 5px; font:normal 11px verdana, sans-serif; color:#000; text-decoration:none; background:#52e973; border:1px solid #888; border-color:#ddd #555 #555 #ddd; clear:left;}
#menu ul li a.fly {background:#52e973 url(../images/menu/arrow-right.gif) no-repeat 200px center;}
 
#menu ul li:hover {position:relative;}
#menu ul li a:hover {direction:ltr; background:#0a7521; color:#fff; border-color:#89a; position:relative;}
#menu ul li:hover > a {background:#0a7521; color:#fff; border-color:#89a;}
 
#menu ul :hover ul,
#menu ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul :hover ul {left:112px; top:-5px;}
 
#menu ul :hover ul ul,
#menu ul :hover ul :hover ul ul, 
#menu ul :hover ul :hover ul :hover ul ul {left:-9999px;}