/* ================================================================ 
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/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
	width:900px;
	margin:0 auto;
	position:relative;
	z-index:5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:14px; }

.menu ul li a, .menu ul li a:visited {
	padding:5px 18px;
	display:block;	
	overflow:hidden;
	color:#999;
	text-decoration:none;
	text-align:center; }

.menu ul {
	margin:0;
	padding:0;
	list-style:none; }

.menu ul li {
	float:left;
	position:relative; }

.menu ul li ul { display:none; }

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background-image:url(../images/nav-bar.png); background-repeat: no-repeat;}
.menu ul li:hover ul {display:block; position:absolute; top:26px; left:-2px; font-size: 11px; background: url(../images/nav-gradient.gif) repeat-x #aeaeae; border-bottom: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; }

.menu ul .nav1:hover a { background-position: 0px; }
.menu ul .nav2:hover a { background-position: -186px; }
.menu ul .nav3:hover a { background-position: -287px; }
.menu ul .nav4:hover a { background-position: -428px; }
.menu ul .nav5:hover a { background-position: -509px; }
.menu ul .nav6:hover a { background-position: -636px; }
.menu ul .nav7:hover a { background-position: -737px; }
.menu ul .nav8:hover a { background-position: -809px; }
/*
.menu ul li:hover ul li a.hide {color:#fff; background:#6a3;}
.menu ul li:hover ul li:hover a.hide {color:#000; background:#6fc;}
*/
.menu ul li:hover ul li a { width:200px; padding:7px 0 7px 10px; display:block; clear:left;  color:#fff; text-align:left; background: none; }
.menu ul li:hover ul li a:hover {background:#999; color:#fff;}