@charset "utf-8";

.menu {width:994px;}
.menu ul{
	list-style-type:none;
	padding:0;
	margin:0;
}

.menu li{
	float:left;
	position:relative;
	width:141px;
	z-index:100;
	margin-right:1px;
	padding:0px;
	height:39px;
}

/* use the table to position the dropdown list in IE */
.menu table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	margin:-1px;
	left:0;
	top:0;
}

/* style all the top level links */
.menu a, .menu :visited {
	display:block;
	text-align:center;
	margin:auto;
	font-size:12px;
	text-transform:uppercase;
	width:140px;
	height:35px;
	padding:0px;
	line-height:36px;
	color:#fff;
	text-decoration:none;
	margin-right:1px;
	background: #354444; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#354444', endColorstr='#000000'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#354444), to(#000)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #354444,  #000); /* for firefox 3.6+ */ 
	
	text-shadow:#666666 3px 3px 3px;
	background-position:top;
	border-left:1px solid #727575;
	border-right:1px solid #161616;
}


/* top links text in b block */
.menu ul li b {
	display:block; 
	width:141px; 
	height:5px; /* height of graphic bar */
	left:20px;
	background-image:none;
}


.menu ul li ul li span {
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

.menu li ul li {
	height:22px;
}

/* style the links hover */
/* for IE6 */
.menu a:hover{
	border:0;
	color:#6f463c;
	text-decoration:none;
	min-height:22px;
	border-left:1px solid #727575;
	border-right:1px solid #161616;

}
/* for IE7 and non-IE browsers */
.menu li:hover > a {
	text-decoration:none;
	color:#c8c5ac;
	border-left:1px solid #727575;
	border-right:1px solid #161616;

}

/* hide the sub level links */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	width:149px;
	height:0;
	top:38px; 
}

.menuIE7 ul ul {
	margin-left:-70px;
	visibility:hidden;
	position:absolute;
	width:149px;
	height:0;
	margin-top:-10px; 
}

/* make the sub level visible on hover list or link */
.menu ul :hover ul{
	visibility:visible;
	height:auto;
}

/* place the bottom scroll image beneath the drop down list */
.menu ul :hover ul a {
	height:24px;
	line-height:23px;
	font-size:10px;
	text-transform:none;
	text-shadow:none;
}