/* Top Level Menu    */
.navPrimary {
	display: block; background: transparent url(/content/images/OFF.gif) repeat-x scroll left top;
	color: white; text-transform:uppercase; font-size: 12px; height: 36px; padding: 0; margin: 0; z-index:500;
	font-weight:bold; font-family:Helvetica,Arial,Verdana,sans-serif; list-style-type:none; padding-left:50px;
border-bottom:4px solid #004c99; border-top:1px solid #74b0c6;
}
.navPrimary li { display:block; float:left; margin:0; padding:0; }
.navPrimary li a { display:block; padding:12px 10px 0 10px; height:24px; }
.navPrimary a.top {
	background: #0C4269 url(../../media/image/layout/nav_bg.png) repeat-x scroll left top;
	display: block; padding: 9px 20px 10px; word-spacing: 0;
}

.navPrimary a:link,
.navPrimary a:visited {
	color: #FFF;
	text-decoration: none;
}
.navPrimary .hovering a.top,
.navPrimary .hovering a.top:hover,
.navPrimary .hovering a.top:active,
.navPrimary .hovering a.top:focus {
	background: #FFF none;
	color: #2A82A4;
}
.navPrimary a:hover,
.navPrimary a:active,
.navPrimary a:focus {
	background: transparent url("images/HOVER.gif") repeat-x scroll top right;
	color: white;
}

/* Menu */
.mainNavMegaMenu a {
	font-family: Helvetica, Arial, sans-serif;	
}

.mainNavMegaMenu li { float:none; }
.navPrimary li a.top
{
	font-family: DINPro-Bold, Helvetica, Arial, sans-serif;
	font-size: 16px;	
}

.mainNavMegaMenu .column .columnheader h2 {
	color: #7A8998;
	font: bold 14px/14px DINPro-Bold, Helvetica, Arial, sans-serif;
}

/* "Mega Menus" (the hover-menus on the top-nav */
	#mainNavMegaMenuHome {
		height: 159px;
		width: 474px;
	}
    /* The height of mainNavMegaMenuTheShow is changed via javascript depending on the number of advertiser links. If this base height gets changed, it should also be changed in master.cfm, currently on line 216 */
	#mainNavMegaMenuAboutUs {
		height: 125px;
	}

	#mainNavMegaMenuHomeInNH {
		height: 125px;
	}

	.mainNavMegaMenu{
		background: white;
		display: none;
		left: 0;
		line-height: 18px;
		padding: 10px 10px 10px 10px;
		position:absolute;
		top: 35px;
		width:403px;
		z-index: 500;
		border: solid thin black;
	}

	.mainNavMegaMenu .column {
		background-color: #F4F6F7;
		float:left;
		margin-left: 1px;
		width: 200px;
		height: 100%;
		margin-bottom: 1px;
	}
 	.mainNavMegaMenu .columnheader {
		background-color:#E9EDF0;
		padding: 1px;
	}
	.mainNavMegaMenu li a {
		background: none;
		border: 0 none;
		color: #2A82A4;
		display: block;
		font-size: 11px;
		line-height: normal;
		margin:0;
		padding: 3px 0 3px 20px;
		text-decoration: none;
	}

	.mainNavMegaMenu > .column > ul > li > a {
		font-weight: bold;
		font-size: 12px;
	}

	.mainNavMegaMenu li li a:link, .mainNavMegaMenu li li a:visited {
	    color: #656565;
	}
	.mainNavMegaMenu li li a {
		padding-left: 40px;
		padding-top: 2px;
		padding-bottom: 1px;
		line-height: 14px;
	}

	.mainNavMegaMenu li li li a {
	    color: #656565;
		padding-left: 60px;
		padding-top: 2px;
		padding-bottom: 1px;
		line-height: 14px;
	}

	.mainNavMegaMenu li a:link, .mainNavMegaMenu li a:visited {
		color:#135175;
	}

	.mainNavMegaMenu li a:hover,
	.mainNavMegaMenu li a:focus,
	.mainNavMegaMenu li a:active {
		color: #606060;
		text-decoration: underline;
		background: none;
	}

	.mainNavMegaMenu .column:hover,
	.mainNavMegaMenu .column:focus,
	.mainNavMegaMenu .column:active {
		background-color: #E9EFF1;
	}

	.mainNavMegaMenu .column:hover .columnheader,
	.mainNavMegaMenu .column:focus .columnheader,
	.mainNavMegaMenu .column:active .columnheader{
		background-color: #D4DEE5;
	}

 	.mainNavMegaMenu ul {
		line-height: 14px;
		list-style: none;
		margin-top: 10px;
		margin-bottom:10px;
		padding-left: 0;
	}
	.mainNavMegaMenu ul ul {
		margin-top: 0px;
	}
	.mainNavMegaMenu .column .columnheader h2 {
		margin: 0;
		padding: 5px 0 5px 11px;
	}

	.mainNavMegaMenu ul li {
		display: list-item;
	}
	* html .mainNavMegaMenu ul li {
		display: inline;
	}
	.mainNavMenuItem {
		float: left;
		position: relative;
		/*http://www.brenelz.com/blog/2009/02/03/squish-the-internet-explorer-z-index-bug/*/
		z-index: 100;
		padding:0px 20px 0px 20px; display:block;
	}

	.mainNavMegaMenuOneColumn{
		width:237px;
	}

	.mainNavMegaMenuTwoColumn{
		width:474px;
	}

	.mainNavMegaMenuFourColumn{
		width:948px;
	}

	.mainNavMenuItem.hovering div, .mainNavMenuItem.hovering .dropShadow {
		display:block;
	}

	.mainNavMenuItem .dropShadow {
		display:none;
	}