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

.nav {
	width:960px;
	height:51px;
	margin:0 auto;
	position:absolute;
	top:121px;
	z-index:1000;
}
.nav ul {
	list-style: none;
	margin:0;
	padding:0;	
}
.nav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative; /*--Important--*/
}
.nav li.menu-1 {
	margin-left:132px;
}
.nav li a {
	float: left;
	text-indent: -9999px;
	height: 51px;
	background: url(../images/main_nav_sprite_v2.png) no-repeat;
	display:block;
	padding:0;
	margin:0;
	cursor:default;
}
.nav li.menu-1 a {
	background-position: 0 0;
	width:151px;
}
.nav li.menu-2 a {
	background-position: -151px 0;
	width:139px;
}
.nav li.menu-3 a {
	background-position: -290px 0;
	width:116px;
}
.nav li.menu-4 a {
	background-position: -406px 0;
	width:134px;
}
.nav li.menu-5 a {
	background-position: -540px 0;
	width:156px;
}

/* Active and Hover State */

.nav li.menu-1:hover a,
.nav li.menu-1 a:hover,
.nav li.menu-1 a.CMSListMenuLinkHighlighted,
.nav li.menu-1 a.CMSListMenuLinkHighlighted:hover {
	background-position: 0 -51px;
}
.nav li.menu-2:hover a,
.nav li.menu-2 a:hover,
.nav li.menu-2 a.CMSListMenuLinkHighlighted,
.nav li.menu-2 a.CMSListMenuLinkHighlighted:hover {
	background-position: -151px -51px;
}
.nav li.menu-3:hover a,
.nav li.menu-3 a:hover,
.nav li.menu-3 a.CMSListMenuLinkHighlighted,
.nav li.menu-3 a.CMSListMenuLinkHighlighted:hover {
	background-position: -290px -51px;
}
.nav li.menu-4:hover a,
.nav li.menu-4 a:hover,
.nav li.menu-4 a.CMSListMenuLinkHighlighted,
.nav li.menu-4 a.CMSListMenuLinkHighlighted:hover {
	background-position: -406px -51px;
}

.nav li.menu-5:hover a,
.nav li.menu-5 a:hover,
.nav li.menu-5 a.CMSListMenuLinkHighlighted,
.nav li.menu-5 a.CMSListMenuLinkHighlighted:hover {
	background-position: -540px -51px;
}

/* 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 */
.nav .menu-1 .mm-dd-container,
.nav .menu-2 .mm-dd-container,
.nav .menu-3 .mm-dd-container,
.nav .menu-4 .mm-dd-container,
.nav .menu-5 .mm-dd-container {
	left: 0;
}
/*.nav .menu-4 .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: 55px;
	z-index: 1000;
	background:#f6f4f0;	
	padding: 14px 0;
	border-top:6px solid #b72f37;
	border-bottom:6px solid #b72f37;
	border-left:1px solid #b1a392;
	border-right:1px solid #b1a392;
	border-radius:7px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	width:960px; /* As wide as it can go - Will be overridden by width calculated by megamenu.js */
	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: #98242a;
	cursor:pointer;
	/* New stuff here */
	padding: 3px 24px;
	margin:0 0 5px 0;
	font-size:1.286em; /* 18px */
	font-weight:700;
	white-space:nowrap; /*To keep to 1 line*/
}
.nav .mm-dd-container ul a:hover {
	color:#962e2c;	
}

/* ----- 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;
	font-size:1em;
	font-weight:400;
	margin:0;
	cursor:pointer;
	color:#6a5133;
	border:0 none;
}
.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:#123436;
	background-color:#fff;
}

/* ----- 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:5px 0;
	background: none;
	float:left;
}

.nav .mm-dd-container ul ul li.mm-button a {
	text-shadow:none !important;
	display:inline-block;
	color:#fff;
	font-weight:700;
	text-decoration:none;
	text-align:center;
	line-height:1.2;
	padding:7px 10px 8px 10px;
	background-color: #98242a;
	margin:0 24px 0 0;
	border-radius:5px;
}

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

/* ----- If in column on the side ----- */
.nav .mm-dd-container ul li.mm-column ul li.mm-button {
	clear:left;
	width:100%;
}
.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 */
}