/*Nav Bar Wrapper - sets the width/height/look of entire nav bar*/
#navWrap {
	width: 1000px;
	background: #fff url(http://extras.mnginteractive.com/live/media/site134/2008/0630/20080630_032112_bg_tabcontainer.gif) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	height: 38px;
	}

/*Main Nav Behavior*/
#nav {
	margin-left: auto; /*DO NOT EDIT*/
	margin-right: auto; /*DO NOT EDIT*/
	position: relative; /*DO NOT EDIT*/
	display: block; /*DO NOT EDIT*/
	height: 1%; /*DO NOT EDIT*/
	z-index: 1000; /*DO NOT EDIT - necessary for menu system to appear on top of positioned elements in body*/
	}


/*
you must add one of these for each nav dropdown making a general class destroys the measurements
*/

/*Main Nav Items*/
#nav #maindiv0,#nav #maindiv1,#nav #maindiv2,#nav #maindiv3,#nav #maindiv4,#nav #maindiv5,
#nav #maindiv6,#nav #maindiv7,#nav #maindiv8,#nav #maindiv9,#nav #maindiv10,
#nav #maindiv11,#nav #maindiv12,#nav #maindiv13,#nav #maindiv14,#nav #maindiv15,
#nav #maindiv16,#nav #maindiv17,#nav #maindiv18,#nav #maindiv19,#nav #maindiv20,
#nav #maindiv21,#nav #maindiv22,#nav #maindiv23,#nav #maindiv24,#nav #maindiv25,
#nav #maindiv26,#nav #maindiv27,#nav #maindiv28,#nav #maindiv29,#nav #maindiv30 {
	height: 38px;
	}

#nav div {
	float: left;
	}

/*Main Nav Item Links*/

#nav div a {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 0;
	text-decoration: none;
	float: left;
	background: transparent url(http://extras.mnginteractive.com/live/media/site134/2008/0630/20080630_032252_tabR-stack.gif) right top no-repeat;
	text-transform:uppercase;
	}

#nav div a span {
	background: transparent url(http://extras.mnginteractive.com/live/media/site134/2008/0630/20080630_032152_tabL-stack.gif) 0 0 no-repeat;
	padding: 15px 3px 11px 2px;
	display: block;
	color: #fff;
	text-transform:uppercase;
	line-height:12px;
	}
	
*html #nav div a span {
	padding: 14px 3px 10px 2px;
	line-height:14px;
	}


/* TOP ITEMS first tab has left border*/
#nav div.first a {
	}

#nav div.first a span {
	}




/*Main Item Hover States*/
#nav div.navHover a {
	text-decoration: none;
	background-position: 100% -38px !important;
	color: #000;
	height: 38px;
	}

#nav div.navHover a span {
	background-position: 0 -38px !important;
	color: #000;
	}



 
/* TOP ITEMS with no submenu*/
#nav .nosub div,
#nav #rightNav .nosub div {
	padding-right: 0;
	}

#nav .nosub .navHover a,
#nav #rightNav .nosub .navHover a {
	background-position: 100% -76px !important;
	}

#nav .nosub .navHover a span,
#nav #rightNav .nosub .navHover a span {
	background-position: 0 -76px !important;
	}

#nav .nosub div.subdiv,
#nav #rightNav .nosub .subdiv,
#nav #rightNav .nosub div.subdiv {
	display: none !important;
	}





/*------ Sub Menu Container*/

#nav div .subdiv {
	display: block;
	background-color: #dad3c9;
	width: 150px;
	padding: 0;
	position: absolute;
	visibility: hidden;
	}

/*IMPORTANT: if subdiv has a border use the following convention.
The class is placed on #nav
if subdiv border larger than 1px - mngiMenu.js is affected and will need modification*/
#nav.subHasBorder div .subdiv {
	border: 1px solid #b7b6b2;
	border-top: none;
	margin-left:1px;
	}

#nav div .subdiv div {
	float: none;
	}

#nav div .subdiv a {
	background-image: none;
	margin: 0;
	font-size: 12px;
	padding: 2px 2px;
	float: none;
	display: block;
	height: auto;
	font-weight:normal;
	text-transform:none;
	}

#nav div .subdiv a:hover {
	background-color: #fcfcfc;
	color: #660000;
	}



/*------------------------------
Right Nav
--------------------------------*/
/*Right Nav Wrapper*/
#nav #rightNav {
	margin-right: 3px;
	float: none;
	}

/*Main Items*/
#nav #rightNav div {
	float: right;
	}

#nav #rightNav div div {
	float: none;
	}

/*Main Links*/
#nav #rightNav div a {
	background: transparent url(http://extras.mnginteractive.com/live/media/site134/2008/0630/20080630_032311_tabR-stack-rnav.gif) right top no-repeat;
	color: #fff;
	float: left;
	}

#nav #rightNav div a span {
	background: transparent url(http://extras.mnginteractive.com/live/media/site134/2008/0630/20080630_032222_tabL-stack-rnav.gif) 0 0 no-repeat;
	color: #fff;
	}





#nav #rightNav div.first .subdiv {
	margin-left: 1px; /*compensation for the extra pixel in left graphic of rightnav (TABS) */
	}

#nav #rightNav div.first a span {
	}




/*Hover States*/
#nav #rightNav .navHover a {
	color: #000;
	}


/*Main Item Hover States*/
#nav #rightNav .navHover a span {
	color: #000;
	}

#nav #rightNav .subdiv a,
#nav #rightNav .subdiv a span {
	background-image: none;
	float: none;
	display: block;
	}

#nav #rightNav .subdiv a:hover {
	color: #660000;
	background-color: #fcfcfc;
	}




