/* ================================================================ 
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/black-anywidth-centered.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.
=================================================================== */

/*#container {padding:20px 0 0 0; background:#444; border-bottom:6px solid #333; width:750px;}*/
#menu {
	height:66px;
	background:url(backoff.gif) repeat-x;
	text-align:center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFF00;
	border-bottom-color: #aaa;
}
#menu table {border-collapse:collapse; width:0; height:0; margin:-1px;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;position:relative;}
#menu ul {display:inline-block;} 
#menu ul.level1 {padding-right:2px; background:url(divide.gif) no-repeat right top;}
#menu li {float:left;}
#menu ul div {position:absolute; left:-9999px; top:-32000px;}

#menu a {display:block; font:normal 14px/39px arial,sans-serif; color:#777; height:39px; text-decoration:none;padding:0 14px; text-align:center;}
#menu ul.level1 li.level1-li a.level1-a {float:left; background:url(divide.gif) no-repeat left top;}
#menu ul.level1 li.level1-li a.level1-a:hover {background:url(hover-nosub.gif) no-repeat left top; border:0; color:#fff; position:relative;}
#menu ul.level1 li.level1-li a.level1-a.drop:hover {background:url(hover.gif) no-repeat left top;}
#menu ul.level1 li.level1-li:hover {position:relative;}
#menu ul.level1 li.level1-li:hover > a {background:url(hover.gif) no-repeat left top; color:#fff;}

#menu ul.level1 li.level1-li a.level1-a:hover b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:38px; background:#111;}
#menu ul.level1 li.level1-li:hover > a b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:38px; background:#111;}

#menu ul :hover div {left:0; top:39px; background:#111; border:1px solid #111; border-width:0 1px 1px 1px;}
#menu ul :hover div ul {border:1px solid #444; border-width:0 1px 1px 1px; padding-bottom:5px;}
#menu ul :hover div ul li {float:none; height:25px;}
#menu ul :hover div ul li a {display:block; height:25px; text-align:left; font:normal 13px/25px arial,sans-serif;}
#menu ul :hover div ul li a:hover {color:#fff;}
</style>
<!--[if lte IE 7]>
<style type="text/css">
#menu ul {display:inline;}
#menu ul :hover div ul li {float:left;}
</style>
<![endif]-->