/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth.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 {width:603px; height:40px; position:absolute; bottom:0px; right:5px; margin:0; padding:0; z-index:1000;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 
#menu ul {display:inline;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 { margin:0 auto; color: #fff; background:transparent}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative; color: #fff; background:url(../images/shared/tab.gif) no-repeat left top; padding-left:4px;}
#menu ul.level1 li.level1-li a.level1-a {background:transparent url(../images/shared/tab.gif) no-repeat right -80px;padding-right:24px;}
#menu ul.level1 li.level1-li:hover > a.level1-a {color:#254721;background:#fff url(../images/shared/tab.gif) no-repeat right -120px;padding-right:24px;}

#menu ul.level2, ul.level3, ul.level4 {border-left:1px solid #222; border-right:1px solid #222; border-bottom:5px solid #222;}
#menu ul.level2 a, ul.level3 a, ul.level4 a {border-top:1px solid #222;}

#menu ul.level2 a {background:#444}
#menu ul.level2 a:hover {color:#254721; background:#fff url(../images/shared/tab.gif) no-repeat right -40px;}
#menu ul.level2 li.level2-li a.fly {background:#444 url(../images/shared/fly-white.gif) no-repeat right center;}
#menu ul.level2 li.level2-li a.fly:hover {color:#254721; background:#fff url(../images/shared/tab.gif) no-repeat right -200px;}
#menu ul.level2 li:hover > a.fly {color:#254721; background:#fff url(../images/shared/tab.gif) no-repeat right -200px;}

#menu ul.level3 a {background:#555;}
#menu ul.level3 a:hover {color:#254721;background:#fff url(../images/shared/tab.gif) no-repeat right -40px;}
#menu ul.level3 li.level3-li a.fly {background:#555 url(../images/shared/fly-white.gif) no-repeat right center;}
#menu ul.level3 li.level3-li a.fly:hover {color:#254721;background:#fff url(../images/shared/tab.gif) no-repeat right -200px;}
#menu ul.level3 li:hover > a.fly {color:#254721;background:#fff url(../images/shared/tab.gif) no-repeat right -200px;}

#menu ul.level4 a {background:#666;}

#menu a {display:block; font:bold 12px Helvetica, Arial, sans-serif; color:#fff; line-height:40px; text-decoration:none; padding:0 20px;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li:hover > ul {visibility:visible; left:3px; top:40px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-41px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:40px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-40px;}


#menu a:hover ul {left:0; top:44px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:38px; }

#menu li.left ul a {text-align:right;}