/* ================================================================ 
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-center-center.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:969px; height: 40px; background:url(/images/nav_bar.png); text-align:center; margin: auto }

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

#menu li {display:inline-block; display:inline;}
#menu ul.level1 div {position:absolute; left:-9999px;}

#menu ul.level1 {margin:0 auto }
#menu ul.level1 li.level1-li {float:left; display:block; position:relative }

#menu ul li div ul { background-color: #c56d6e; padding: 0 }

#menu a { display: block; font-size: 17px; color: white; line-height: 20px; text-decoration: none; padding: 10px 12px; text-align: center }
#menu ul.level1 li.level1-li a.level1-a {float:left; text-transform: uppercase}

#menu ul li:hover div {left:50%; top:40px;}
#menu ul li:hover div ul {display:block; position:relative; left:-50%;}
#menu ul li div ul li a { background-color: #b6484a; text-transform: none; font-size: 14px; padding: 3px 25px; margin: 0 1px 1px 1px  }

#menu a:hover div {left:0; top:23px;}

#menu a:hover div ul {position:relative; left:-50%;}

#menu li a:hover {background-color: #b6484a }
#menu li:hover > a {background-color: #b6484a }

#menu li div ul li a:hover {background-color: #ce8586 }
#menu li div ul li:hover > a {background-color: #ce8586 }

#menu table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}