/* --------------------------------------------------- */
/* DO NOT EDIT THIS FILE */
/* Any customization required to these elements should be done in /style/custom.css */
/* --------------------------------------------------- */
.nav {
	zoom: 1; /* IE6 Tweak to fix layout problem */
}
.nav ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0; 
	width: auto;
}
.nav ul ul {
	background: none;
	padding-left: 0;
}
.nav li {
	margin: 0;
	float: left;
}
.nav li a{
	display: block;
}
.nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	margin: 0;
}
.nav li li {
	height: auto;
	width: auto;
}
.nav li ul li a {
}
.nav li ul ul {
	margin-top: -20px; /* This realigns the dropdown with the originating li and offsets the top down slightly for clarity */
	margin-right: 0;
	margin-bottom: 0;
}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
	left: -999em;
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {
	left: auto;
}
.nav li:hover, .nav li.sfhover { /* Fix for IE7 "Sticking" menus */
	position: static;
}
li ul.sf-js-enabled {  /* Overrides CSS dropdowns when Superfish is enabled. */
	left: auto !important;
}
.nav .sfhover { /* jquery.ddmenu.js fixes ie6 li hovering */
	cursor: pointer;
}

/*
----------Nav Design-----------
*/
#navWrap {
	margin: 0;
}
#navWrap ul {
	/*This forces the dropdown to appear above the calendar on the events page*/
	z-index:100;
}
#navWrap li a {
	margin: 0 0 0 1px;
	border: 1px solid #efecd9;
	padding: 3px 3px;
	color: #000;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
#navWrap li a:hover {
	color: #e47d14;
	background: #f7f4eb;
}
#navWrap li ul {
	padding: 1px;
	border: 1px solid #efecd9;
	background: #fff;
	width: 148px; /* Equals width of (.nav li ul li a) plus the left/right padding */
}
#navWrap li ul li a {
	border: none 0;
	text-align: left;
	color: #000;
	padding: 3px 4px;
	margin: 0;
	width: 140px;	 /* Any changes to these need to be reflect in (.nav li ul ul) and (.nav li ul) */
}
#navWrap li ul li a:hover {
	color: #e47d14;
}	
#navWrap li.dd a { /* Class to differentiate items with flyouts; usually with a backgrdoun image of an arrow to the right */
}
#navWrap li.dd a:hover {
}
#navWrap li ul ul {
	margin-left: 160px; /* Equals width of (.nav li ul li a) plus the left/right padding */
}