/* 
  -----------------------------------
  Pop Menu Magic 2
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme: 03 - Greystone
  -----------------------------------
*/

/*Menu Outer Wrapper*/
.p7PMMh03 {
	width: 100%;
	margin: 0 auto;
	font-weight: 600;
	font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 14px;
	/*background-image: url('../images/BG-nav.jpg');
	border-bottom: 2px solid #ccc;
	background-position: left top;
	border-top: 2px solid #ccc;
	background-repeat: repeat-x;*/
	background-color: #fff;
	text-align: left;
	line-height: normal;
}
/*Hide Sub-Menu in Design View*/
.p7PMMh03 ul div {
	display: none;
	z-index: 1000;
}
/*
TOP LEVEL MENU
*/
.p7PMMh03 ul {
	margin: 0;
	padding: 0;
}
.p7PMMh03 li {
	list-style-type: none;
	float: left; margin-right: 20px;
}
/* Hide from IE5 Mac \*/
.p7PMMh03 li {width: auto;}
/*End Hiding*/

/*Top Level Links*/
.p7PMMh03 a {
	display: block;
	text-decoration: none;
	padding: 0px 17px 8px 0px;
	
	color: #787878 !important;
	/*border-right: 1px solid #bbb;*/
}
.p7PMMh03 ul li:first-child {
    /*border-left: 1px solid #bbb;*/
}

.p7PMMh03 a:hover {
	color: #063061 !important;
	
	/*background-color: #a0cfef;*/
		}
/*
Syntax for special classes programatically assigned to first and last links and also LIs
See user guide for more information
*/
.p7PMMh03 ul a.pmmfirst {
}
.p7PMMh03 ul a.pmmlast {
}
.p7PMMh03 ul li.pmmfirst {
}
.p7PMMh03 ul li.pmmlast {
}
/*First Sub Level*/
.p7PMMh03 ul ul {
	z-index: 10000;
	background-color: #fff;
	max-width: 150px;
	/*border-left:1px solid #ccc;*/
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}
.p7PMMh03 ul ul li {
	float: none;
	margin-right: 0px;
	background-image: none;
	
}
.p7PMMh03 ul ul a {
	padding: 7px 3px 7PX 5PX;
	font-size: 12px;
	color: #929292; 
	border-right: 0;
/*	border-bottom: 1px solid #ccc;*/
text-align: left;
	overflow: hidden;

}
.p7PMMh03 ul ul a:hover {
	background-color: #EEE !important;
	color: #063061 !important;
	text-decoration: none;
}
/*Third Level (Flyouts in horizontal menu)*/
.p7PMMh03 ul ul ul {
	border-left: 1px solid #fff;
	min-width: 150px;
}
/*
SPECIAL IMAGE-BASED RULES
*/
.p7PMMh03 img {
	border: 0;
}
.p7PMMh03 .p7PMM_img {
	padding: 0;
	border: 0;
	background-image: none;
	background-color: transparent;
}
/*
TRIGGERS and CUURENT 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
*/

/*Sub Level*/
.p7PMMh03 ul a.trig_closed, .p7PMMh03 ul a.trig_closed_left {
	background-image:url(../images/pmm_south_dark.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMh03 ul a.trig_closed_up {
	background-image: url(../images/pmm_north_dark.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMh03 ul li.trig_open {
	color: #063061 !important;
	/*background-color: #a0cfef !important;*/
}
.p7PMMh03 ul a.trig_open {
	background-position: 100% -165px;background-image: url(../images/pmm_north_dark.gif);
	background-repeat: no-repeat;
	color: #063061 !important;
}
.p7PMMh03 ul a.trig_open_up {
/*	background-color: #a0cfef;*/
	color: #063061 !important;
}
.p7PMMh03 ul ul a.trig_closed {
	background-image: url(../images/pmm_east_dark.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMh03 ul ul a.trig_closed_left {
	background-image: url(../images/pmm_west_dark.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.p7PMMh03 ul ul a.trig_open {
	color: #063061 !important;
	background-color: #EEE !important;
}
/*The Current Marker (You are here) links*/
.p7PMMh03 .current_mark {
	/*background-color:#a0cfef;*/
	color: #063061 !important;
	
}
.p7PMMh03 ul ul .current_mark {
	color: #063061 !important;
	background-color:#EEE;
}

/*
Utility Rule used for Clearing floats in Horizontal Menus
*/
.p7pmmclearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}


@media only screen and (max-width: 830px) { 
.p7PMMh03 {
	width: auto;
	margin: 0 auto;
	font-weight: 600;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 14px;
	letter-spacing: .9px;
	text-align: center;
	line-height: normal;
	background-image: none !important;
	background-color: #FFF;
}
.p7PMMh03 ul li{ 

border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
}

.p7PMMh03 ul ul { 

display: none;}


@media only screen and (max-width: 640px) { 
	.p7PMMh03 {
	display: none !important; 
}
	#media-query-trigger {
	    visibility: visible
	}
	.brand {
	    float: none;
	    display: inline-block;
	    margin-left: 22px;
	    margin-bottom: 22px;
	}
		.brand h1 {
		    font-size: 40px
		}
		
		.header .primary .nav-open-button {
		    z-index: 100;
		    width: 30px;
		    height: 30px;
		    position: absolute;
		    right: 20px;
		    top: 32px;
		    display: block;
		    cursor: pointer;
		    font-family: 'WebSymbolsRegular';
		    font-size: 26px;
		    color: #a0cfef
		}
		.header .primary ul {
		    z-index: 10;
			background-image:none;
		    position: relative;
		    display: none;
		    float: left;
		    margin: 0 !important;
		    padding: 0;
		    white-space: normal;
		    width: 100%;
		}
			.header .primary ul li {
			    width: 100%;
			    margin: 0 !important;
			    float: none;
			    position: relative;
			    text-shadow: 0 1px #fff;
				background: #a0cfef;	
				border-bottom: 2px solid #fff;
				border-top: 1px solid #efefef;	
			}
			.header .primary ul li:after {
			    content: '\003e';
			    display: block;
			    position: absolute;
			    right: 20px;
			    top: 0px;
			    font-family: 'WebSymbolsRegular';
			    font-size: 14px;
			    color: #000;
			    text-align: center;
			    vertical-align: middle;
			    line-height: 38px;
			}
			.header .primary ul li a,
			.header .primary ul li.current a,
			.header .primary ul li.section a {
			    padding: 8px 0 8px 22px;
			    font-weight: bold;
			    border-bottom: 1px solid #ccc;
			    color: #000;
			    border-radius: 0 !important;
			    background: #fff !important;
			}
			.header .primary ul li a:hover {
			    color: inherit
			}
			.header .primary li.section:after,
			.header .primary li.current:after {
			    display: none;
			}
			.tablet-nav .header nav.primary ul li {
				padding: 0;
			}
			

}