/* ================================================================ 
 * 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:2px solid #333; width:950px;}
#menu {height:38px; background:url(../images/bandw/backoff.gif) repeat-x; border-top:3px solid #a00; border-bottom:3px solid #a00; text-align:center;margin-top:2px;}
#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(../images/bandw/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:#ff0; height:39px; text-decoration:none;padding:0 14px; text-align:center;}
#menu ul.level1 li.level1-li a.level1-a {float:left; background:url(../images/bandw/divide.gif) no-repeat left top;}
#menu ul.level1 li.level1-li a.level1-a:hover {background:url(../images/bandw/hover-nosub.gif) no-repeat left top; border:0; color:#f00; position:relative;}
#menu ul.level1 li.level1-li a.level1-a.drop:hover {background:url(../images/bandw/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(../images/bandw/hover.gif) no-repeat left top; color:#f00;}
#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:#f00;}