/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


/*** SKIN ***/


/* ==============================================================
| Top Level 
================================================================= */
#nav li {
	background: url(../images/sep_nav.png) 13px 10px no-repeat;
	float: left;
	color: #717475;
	font-family: Trebuchet MS, Tahoma, Sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	margin-left: -35px;
}

	#nav li:first-child {
		background: none;
		margin-left: -30px;
	}
	
	#nav li.sfHover {
		z-index: 999;
	}
	
	#nav li.sfHover a { background: url(../images/bg_nav_item.png) right -41px no-repeat; }
	#nav li.sfHover a span { background: url(../images/bg_nav_item.png) no-repeat; }
	#nav li.sfHover a span span { background: url(../images/bg_nav_item.png) center bottom no-repeat; }
	
	/* Hover / Active Style */
	#nav li.sfHover a,
	#nav li a:hover,
	#nav li.current-menu-parent a,
	#nav li.current_page_item a,
	#nav li.current_page_parent a,
	#nav li.current_page_ancestor a,
	#nav li.current-menu-item a  {
		color: #e31837;
	}

	#nav li a {
		/* background: url(../images/bg_nav_item.png) right -41px no-repeat; */
		color: #717475;
		position: relative;
		height: 41px;
		z-index: 99;
	}

		#nav li a span {
			/* background: url(../images/bg_nav_item.png) no-repeat; */
			display: block;
			margin-right: 31px;
			padding-left: 31px;
			height: 41px;
			cursor: pointer;
		}

			#nav li a span span {
				/* background: url(../images/bg_nav_item.png) center bottom no-repeat; */
				margin: 0;
				height: 25px;
				padding: 8px 1px 8px;
				cursor: pointer;
			}

/* ==============================================================
| Second Level 
================================================================= */

#nav li ul {
	background: #ffffff url(../images/shadow_bottom.png) repeat-x;
	border: 1px solid #bcbdc0;
	border-top: 0;
	height: auto;
	font-family: arial, sans-serif;
	padding: 23px 25px 10px;
	z-index: 50;
	width: 150px;
}

	#nav ul > li:hover > ul,
	#nav ul > li.sfHover > ul {
		top: 33px;
	}
	
	
	#nav li li {
		background: none !important;
		margin: 0;
		float: left;
		text-transform: none;
		padding: 0 9px 10px;
	}
	
	#nav li li:first-child {
		margin: 0;
	}
	
	#nav li li a {
		background: none !important;
		color: #717475 !important;
		height: auto !important;
		padding-bottom: 5px;
	}
	
	#nav li li a:hover {
		background: none !important;
		color: #0099cc !important;
	}
	
	#nav li li a span {
		display: inline !important;
		background: none !important;
		padding: 0 !important;
		margin: 0 !important;
		height: auto !important;	
	}
	
	
	
/* ==============================================================
| Third Level 
================================================================= */

#nav li li:hover > ul,
#nav li li.sfHover > ul {
	top: -9999px;
}

#nav li.allow-dropdowns:hover > ul,
#nav li.allow-dropdowns.sfHover > ul {
	top: 0px;
	left: 175px
}
	

/* ==============================================================
| Mega Drop-down (apply "mega" class to menu item parent)
================================================================= */

#nav li.mega ul {
	width: 765px;
}

	#nav li.mega li {
		width: 135px;
	}
	
		#nav li.mega ul ul {
			width: auto;
			background: none;
			border: none;
			height: auto;
			width: auto;
			padding: 0;
		}

	#nav li ul.last-menu {
		left: auto !important;
		right: 0 !important;
	}

	#nav li.mega li ul {
		display: block !important;
		left: auto;
		position: relative !important;
		top: auto;
		visibility: visible !important;
		-moz-opacity: 1 !important;
		opacity: 1 !important;
	}
	
	#nav li.mega li li {
		float: none;
		padding: 0 5px 0 0;
		width: auto;
		margin: 0;
		font-size: 10px;
		font-weight: normal;
		font-family: Arial, Verdana, Sans-serif;
	}
	
	#nav li.mega li li a {
		border-bottom: 1px dotted #bcbdc0;
		padding: 5px 0 4px;
	}


/* ==============================================================
| No Arrow (apply "menu-no-arrow" class to menu item parent)
================================================================= */

#nav li.menu-no-arrow a,
#nav li.menu-no-arrow span {
	background: none !important;
}