/* --------------- Top Level Items --------------- */

.nav {
	width:960px;
	height:48px;
	margin:0 auto;
	position:relative;
	z-index:1000;
}
.nav ul {
	list-style: none;
	margin:0;
	padding:0;
}
.nav li {
	float: left;
	margin: 0;
	padding: 0;
	/*position: relative;*/ /*--Important--*/
	/*z-index:1000;*/
}
.nav li.menu-1 {
	margin-left:76px;
}
.nav li a {
	float: left;
	text-indent: -9999px;
	height: 48px;
	background: url(../images_v2/main-nav-sprite.png) no-repeat;
	display:block;
	padding:0;
	margin:0;
	cursor:default;
}
.nav li.menu-1 a {
	background-position: 0 0;
	width:130px;
}
.nav li.menu-2 a {
	background-position: -130px 0;
	width:134px;
}
.nav li.menu-3 a {
	background-position: -264px 0;
	width:99px;
}
.nav li.menu-4 a {
	background-position: -363px 0;
	width:124px;
}
.nav li.menu-5 a {
	background-position: -487px 0;
	width:187px;
}
.nav li.menu-6 a {
	background-position: -674px 0;
	width:132px;
}

/* Active State */

.nav li.menu-1 a.CMSListMenuLinkHighlighted {
	background-position: 0 -96px;
}
.nav li.menu-2 a.CMSListMenuLinkHighlighted {
	background-position: -130px -96px;
}
.nav li.menu-3 a.CMSListMenuLinkHighlighted {
	background-position: -264px -96px;
}
.nav li.menu-4 a.CMSListMenuLinkHighlighted {
	background-position: -363px -96px;
}
.nav li.menu-5 a.CMSListMenuLinkHighlighted {
	background-position: -487px -96px;
}
.nav li.menu-6 a.CMSListMenuLinkHighlighted {
	background-position: -674px -96px;
}

/* Hover State */

.nav li.menu-1:hover a,
.nav li.menu-1 a:hover,
.nav li.menu-1 a.CMSListMenuLinkHighlighted:hover {
	background-position: 0 -48px;
}
.nav li.menu-2:hover a,
.nav li.menu-2 a:hover,
.nav li.menu-2 a.CMSListMenuLinkHighlighted:hover {
	background-position: -130px -48px;
}
.nav li.menu-3:hover a,
.nav li.menu-3 a:hover,
.nav li.menu-3 a.CMSListMenuLinkHighlighted:hover {
	background-position: -264px -48px;
}
.nav li.menu-4:hover a,
.nav li.menu-4 a:hover,
.nav li.menu-4 a.CMSListMenuLinkHighlighted:hover {
	background-position: -363px -48px;
}
.nav li.menu-5:hover a,
.nav li.menu-5 a:hover,
.nav li.menu-5 a.CMSListMenuLinkHighlighted:hover {
	background-position: -487px -48px;
}
.nav li.menu-6:hover a,
.nav li.menu-6 a:hover,
.nav li.menu-6 a.CMSListMenuLinkHighlighted:hover {
	background-position: -674px -48px;
}

.nav .menu-1 .mm-dd-container,
.nav .menu-2 .mm-dd-container,
.nav .menu-3 .mm-dd-container {
	/* Each drop down menu is positioned absolutely to its top level LI */
	/* Move "position:relative" from LI to .nav container to position to that instead */
	left: 0;
}
.nav .menu-4 .mm-dd-container {
	left:363px;
}
.nav .menu-5 .mm-dd-container,
.nav .menu-6 .mm-dd-container {
	left: auto;
	right:0;
}

.nav > #menuElem > li > ul {
	display:none; /* Start out hiding until JQuery is loaded */
}

.DesignMode .nav ul ul {
	display:none; /* Hide nested items in Design Mode of the CMS */
}

/* --------------- Drop Downs --------------- */

.nav .mm-dd-container {
	position: absolute; /* --Important--*/
	top: 48px;
	z-index: 1000;
	background:#003a40;
	padding: 14px;
	width:932px; /* As wide as it can go - Will be overridden by width calculated by megamenu.js */
	box-shadow:0 2px 3px #333;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	display: none; /* Start out hiding */
	list-style: none;
	overflow:hidden; /* Keep floated elements in */
}
.nav .mm-dd-container ul {
	overflow:hidden;
}

.nav .mm-dd-container ul li.mm-column {
	min-width:150px;
}

.nav .mm-dd-container ul a {
	/* Override parent stuff here */
	background:none;
	text-indent:0;
	width:auto !important;
	height:1%; /* IE6 Fix and override height from parent */
	float:none;
	text-decoration: none;
	color: #fff;
	cursor:pointer;
	/* New stuff here */
	padding: 3px 0;
	margin:0 10px 10px 10px;
	border-bottom:2px solid #f4ae1a;
	font-size:1.4em;
	font-weight:700;
	white-space:nowrap; /*To keep to 1 line*/
}
.nav .mm-dd-container ul a:hover {
	color:#f4ae1a;
}

/* ----- Links below column heading ----- */

.nav .mm-dd-container ul ul {
	/* Override parent stuff here */
	margin: 0;
	padding: 0;
	position:static;
}
.nav .mm-dd-container ul ul li {
	float:none;
	position:static;
	margin:0;
}
/* Differentiate from column heading links here */
.nav .mm-dd-container ul ul li a {
	background:none;
	border-bottom:1px dashed #336166;
	font-size:1em;
	font-weight:normal;
	margin:0 10px;
	cursor:pointer;
}
.nav .mm-dd-container ul ul li.first a {
	border-top:0 none !important;
}
.nav .mm-dd-container ul ul li.last a {
	border-bottom:0 none !important;
}
.nav .mm-dd-container ul ul li a:hover {
	color:#ffd680;
}

/* ----- Mega Menu Buttons ----- */

.nav .mm-dd-container ul li.mm-btn-row {
	clear:left;
	width:100%;
}

.nav .mm-dd-container ul ul li.mm-button {
	margin:10px 7px 0 7px;
	background: none;
	float:left;
}

.nav .mm-dd-container ul ul li.mm-button a {
	display:inline-block;
	color:#07272d;
	font-weight:700;
	text-decoration:none;
	text-align:center;
	line-height:1.2;
	padding:4px 12px;
	border:1px solid #f7c65f !important;
	border-radius:5px;
	background: #f4ae1a;
	margin:0;
}

.nav .mm-dd-container ul ul li.mm-button a:hover {
	background:#f7c622;
}

/* ----- If in column on the side ----- */
.nav .mm-dd-container ul li.mm-column ul li.mm-button {
	clear:left;
	margin:0 10px 10px 10px;
	width:94%;
}
.nav .mm-dd-container ul li.mm-column ul li.mm-button a {
	min-width:130px;
	display:block;
}

.nav .mm-dd-container .mm-html {
	margin:1em 0;
	overflow:hidden;
}

.nav .mm-dd-container li.clear-row {
	clear:both;
	float:none;
	width:100%;
	height:1px;
	margin-bottom:13px; /* Add space between rows */
}