/* 
  -----------------------------------
  Pop Menu Magic 2
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme: 02 - Topaz
  -----------------------------------
*/

/*Menu Outer Wrapper*/
#nav {
	background: url(../images/bg_nav.png) transparent left top no-repeat;
	margin: 0 auto;
	padding: 0 0 22px 0;
	width: auto;
	text-align: left;
	line-height: normal;
	font-size: inherit;
}

/*
TOP LEVEL MENU
*/
#nav ul {
	margin: 0;
	padding: 0;
}
#nav li {
	margin: 0;
	padding: 0;
	height: 50px;
	float: left;
	list-style-type: none;
	background: url('../images/bg_nav_li.gif') right bottom no-repeat;
	overflow: hidden;
}

#nav ul div {
	z-index: 10;
}

	/* Crazy Top Level Image Replacement */

	li#nav1 {
		width: 112px;
		-webkit-border-radius: 0 0 0 4px;
		border-radius: 0 0 0 4px;
	}

	li#nav2 {
		width: 204px;
	}

	li#nav3 {
		width: 121px;
	}

	li#nav4 {
		width: 132px;
	}

	li#nav5 {
		width: 172px;
		background: none;
	}

	li#nav6 {
		width: 132px;
	}

	li#nav7 {
		width: 107px;
		background: none;
		-webkit-border-radius: 0 0 4px 0;
		border-radius: 0 0 4px 0;
	}

	#nav li a.main,
	#nav li a.main {
		height: 50px;
		line-height: 55px;
		text-align: center;
		text-decoration: none;
		text-shadow: 0 1px 1px #FFFFFF;
		font-size: 17px;
		color: #31436d;
		font-family: 'DIN Next W01 Medium', Helmet, Freesans, sans-serif;
		font-weight: normal;
		display: block;
		vertical-align: bottom;
		padding: 0;
	}




/*
	#nav ul.logged-out li#nav6 a.main {
		background-image: url('../images/bg_nav_li_member.gif');
		padding: 0 36px;
	}

	#nav ul.logged-out li#nav7 a.main {
		background-image: none;
		padding: 0 32px;
	}

	#nav ul.logged-in  li#nav6 a.main {
		background-image: url('../images/bg_nav_li_member.gif');
		padding: 0 18px;
	}

	#nav ul.logged-in  li#nav7 a.main {
		background-image: none;
		padding: 0 14px;
	}*/

	#nav li a.main:hover,
	#nav li a.main:active,
	#nav li a.main:focus {
		background-image: none;
		background-color: #314368;
		text-shadow: none;
		color: #fff;
	}

	#nav li.on a.main:hover,
	#nav li.on a.main:active,
	#nav li.on a.main:focus,
	#nav li.on a.main {
		background-image: none;
		background-color: #314368;
		text-shadow: none;
		color: #fff;
	}

	/* State for child links of LI while LI is being hovered */

	#nav li a.main:hover,
	#nav li.trig_open a.main {
		background-image: none;
		background-color: #314368;
		text-shadow: none;
		color: #fff;
	}


#nav a {
	padding: 8px 16px 8px 6px;
	display: block;
	text-align: left;
	text-decoration: none;
	vertical-align: bottom;
}
/*
Syntax for special classes programatically assigned to first and last links and also LIs
See user guide for more information
*/
#nav ul a.pmmfirst {
}
#nav ul a.pmmlast {
}
#nav ul li.pmmfirst {
}
#nav ul li.pmmlast {
}
/*First Sub Level*/
#nav ul ul {
	background-color: #314368;
	margin: 0 0 0 0;
	width: 200px;
	vertical-align: bottom;
	overflow: hidden; /* keep LI's within the rounded edges */
}
#nav ul ul li {
	background-image: none;
	margin: 0;
	padding: 0;
	height: 100%;
	float: none;
	position: static;
}
#nav ul ul a {
	background-image: none;
	margin: 0;
	padding: 10px 16px 7px;
	border-right: 0;
	text-align: left;
	overflow: hidden;
	font-size: 14px;
	color: #fff !important;
}
#nav ul ul a:hover {
	background-color: #fff;
	color: #314368 !important;
}
/*Third Level (Flyouts in horizontal menu)*/
#nav ul ul ul {
	padding-top: 0px;
	border: 1px #1C73AD solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden; /* keep LI's within the rounded edges */
}
/*
SPECIAL IMAGE-BASED RULES
*/
#nav img {
	border: 0;
}
#nav .p7PMM_img {
	background-image: none;
	background-color: transparent;
	padding: 0;
	border: 0;
}
/*
TRIGGERS and CURRENT MARK RULES
The Closed state relates to trigger items when their child menus are not showing
The Open state relates to trigger items when their child menus are showing
Selectors appended with _left Automatically change arrow position and orientation
if sub levels are set to fly out to the left
*/
#nav ul a.trig_closed {
	/* background-position: 100% -80px; */
}
#nav ul a.trig_closed_up {
	/* background-position: 100% -160px; */
}
/*Sub Level*/
#nav ul li.trig_open {
	/* background-position: 0px -240px; */
	/* color: #FFF !important; */
}
#nav ul a.trig_open {
	/* background-position: 100% -240px; */
	/* color: #FFF !important; */
}
#nav ul ul a.trig_closed {
	background-image: url(../images/nav/pmm_east_medium.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right center !important;
}

#nav ul ul a.trig_closed:hover {
	background: url('../images/nav/nav_li.gif') #0264A4 left top repeat-x;
}

#nav ul ul a.trig_closed_left {
	background-image: url(../images/nav/pmm_west_medium.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right center !important;
}
#nav ul ul a.trig_open {
	background: url('../images/nav/nav_li.gif') #0264A4 left top repeat-x;
	color: #fff !important;
}

/*The Current Marker (You are here) links*/
#nav .current_mark {
	background: url('../images/nav/nav_li.gif') #0264A4 left top repeat-x;
	color: #fff !important;
}
#nav .li_current_mark {
	background: url('../images/nav/nav_li.gif') #0264A4 left top repeat-x;
	color: #fff !important;
}

/*
Utility Rule used for Clearing floats in Horizontal Menus
*/
.p7pmmclearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
