/* ----- the menu -------------------------------------------------------- */
#mainMenu{}

/* ----- menu structure styles (NOT EDITABLE) -------------------------------------------------------- */
.nav {
//  z-index: 100;
position: relative;
}
	
	.nav ul { /* the list style for the first dropdown set (ONLY EDIT BOTTOM BORDER) */
	border-bottom: 1px solid #11262B;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -999em;
	left: 0px;
	}
	
	.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	}	
			
	.nav li.ieHover ul ul { /* DO NOT EDIT - keeps 2nd level menu hidden */
	top: -999px;
	}
		
		.nav li.ieHover ul { /* position for 1st level drop down to begin (SHOULD EQUAL HEIGHT [WITH PADDING] OF CATEGORIES) */
		top: 37px;
		}

		.nav li {
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		}
		
		.nav li.ieHover ul li.ieHover ul{
		top: 0px;
		}
		
		.nav ul ul li{
		border: 0;
		float: left;
		}

/* ----- ie6 fix (3px text-jog) -------------------------------------------------------- */
* html #nav-one{
height: 1%;
}

* html #nav-one .ieMarginHack{
margin-right:-3px;
}

/* ----- menu visual styles (EDITABLE) -------------------------------------------------------- */

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited { /* top level text link */
float:left;
display:block;
font-size:109%;
text-decoration:none;
color:#ffffff;
background:none;
text-align:center;
margin:0px 0px 0px 0px;
padding:11px 0px 0px 0px;
height:27px;
}

#nav-one li.ieHover a { /* top level text hover style */
display:block;
color: #B0C975;
}

	#nav-one li.ieHover ul a { /* first dropdown text link and box default state */
	display:block;
	padding:8px 0px 5px 0px;
	height:18px;
	border-top: 1px solid #11262B;
	background:#214852;
	color:#ffffff;
	}

/* ----- NOTE: -------------------------------------
the below class, 'onPopOut' is used in the JS to keep this
level highlighted with the third menu item is fired
--------------------------------------------------- */
	#nav-one li.ieHover ul a:hover, #nav-one li.ieHover ul a.onPopOut { /* first dropdown text link and dropdown box hover state */
	background: #2F6876;
	color: #DCEBB7;	
	}

		#nav-one li.ieHover ul li.ieHover ul a { /* second dropdown text link and box default state */
		display:block;
		border-top: 1px solid #11262B;
		background:#214852;
		color:#ffffff;
		}
		
		#nav-one li.ieHover ul li.ieHover ul a:hover { /* second dropdown text link and dropdown box hover state */
		background:#2F6876;
		color: #DCEBB7;	
		}

/* ----- NOTE: --------------------------------------------
Everything Below has been commented out and isn't in use
----------------------------------------------------------- */

/* ------------------------------------------------------------------------

styles for spacers when menu is in EDIT MODE - EDITABLE 

.nav li a.navSpacer,
.nav li a.navSpacer:link,
.nav li a.navSpacer:active,
.nav li a.navSpacer:visited,
#nav-one li.ieHover ul a.navSpacer,
#nav-one li.ieHover ul li.ieHover ul a.navSpacer {
background-image: none;
background: #f0c400;
}

#nav-one li.ieHover a.navSpacer,
#nav-one li.ieHover ul a.navSpacer:hover,
#nav-one li.ieHover a.navSpacer:hover .textHolder,
#nav-one li.ieHover ul li.ieHover ul a.navSpacer:hover .textHolder {
background-image: none;
background: #E7FE00;
}

.nav li a.selectedNavItem,                            
.nav li a.selectedNavItem:link,                       
.nav li a.selectedNavItem:active,                     
.nav li a.selectedNavItem:visited,                    
#nav-one li.ieHover ul a.selectedNavItem,             
#nav-one li.ieHover ul li.ieHover ul a.selectedNavItem,
#nav-one li.ieHover a.selectedNavItem,
#nav-one li.ieHover ul a.selectedNavItem:hover {
background-image: none;
background: #E27000;
}

#nav-one li.ieHover ul a.navSpacer, #nav-one li.ieHover ul a.navSpacer:hover, #nav-one li.ieHover a.navSpacer .textHolder {
padding: 0px;
height: 10px;
}

.dropOver {
background: #E7FE00;
}

.frameClass {
border: 3px dotted #999;
}

----------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------

spacer to be used in edit mode - HEIGHT EQUAL TO CATEGORY LINE HEIGHT, WIDTH 10px 

.menuSpacer{ 
  height: 10px;
  border: 0px;
}
---------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------ 

another spacer to be used in edit mode - HEIGHT EQUAL TO THE <A> IN LI, POSITION EQUAL TO ANY TOP-PADDING IN <A>

.textHolder{
  height:27px;
}

--------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------ 

Second level drop-down

.nav ul ul {
  list-style: none;
  margin: 0;
  position: relative;
  top: -999em;
  left: -1px;
}
---------------------------------------------------------------------------- */