/* Menu Layout
 ============== */

#nav {
	font-size:1.1em;
	padding: 0;
	margin: 0;
	position:relative;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	background: #555 url("images/menu_bg.gif") center center repeat-x;
}

#nav ul { /* all lists */
	display:block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	height:25px;
}

#nav ul ul { /* second-level lists */
	position: absolute;
	width: 13em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background:#B1072E;
/*	background:#8B2E1F;*/
	height:auto;
	padding: 5px 0;
	border:1px solid #333;
	border-top:none;
	z-index:100;
}

.cufon canvas {
	z-index:1;
}

#nav li:hover ul,
#nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li.sfhover ul { /* correct 1px jog in IE6 */ 
	margin-top:-1px;
}

#nav li { /* all list items */
	float: left;
	height:25px;
	border-left:1px solid #555;
}

#nav li.first-child {
	margin-left:25px;
	border-left:none;
}

#nav li:hover,
#nav li.sf_hover {
	background: #333;
}

#nav li li {
	width:12em;
	border:none;
	height:auto;
	padding:0 0.5em;
	margin-bottom:5px;
}

#nav li:hover li,
#nav li.sf_hover li {
	background:none;
}

#nav a,
#nav span {
	display: block;
	color:#fff;
	padding:5px 19px;
	text-align:center;
	border-bottom:none;
}

#nav span img.down_arrow {
	width:9px;
	height:12px;
	background: url('images/down_arrow.gif') 0 0 no-repeat;
	vertical-align:bottom;
}

#nav ul ul a {
	height:auto;
	padding:4px;
	text-align:left;
	border-bottom:1px dotted #400;
}

#nav ul ul a:hover {
	background:#850523;
/*	background:#b13b28;*/
	border-bottom:1px solid #400;
}