/*--nav--*/

nav.desktop{
	z-index:20;
	display:block;
	width:100%;
	height:auto;
	position:relative;
	bottom:0;
	left:0;
	background-color:#0076A4;
	text-align:center;
}

nav.desktop ul{
	z-index:30;
	position:relative;
	text-align:left;
	padding-left: 3.75em;
}

nav.desktop ul li{
	z-index:40;
	line-height:3em;
	display:inline-block;	
	vertical-align:middle;
}



nav.desktop ul li a{
	z-index:50;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	font-size:1.5em;
	font-family:arial;
	font-weight:bold;
	padding: 0 1.5em;
}

nav.desktop ul li a.current, nav.desktop ul li a:hover{
	background-color:#6cb2c8;
}


nav.desktop ul li ul{
display:none;	
}

nav.desktop ul li:hover ul{
	display:block;
	width:100%;
	background-color:#6cb2c8;
	position:absolute;
	left:0;
	z-index:60;
	display:block;
	text-align:left;
	padding-top:2em;
	padding-bottom:2em;
	
	
}

nav.desktop ul li:hover ul li{
	position:relative;
	display:inline-block;
	vertical-align:top;

}





nav.desktop ul li:hover ul li ul{
	position:relative;
	display:block;
	padding:0;
	padding: 0em 5em 0 0;
	
}
nav.desktop ul li:hover ul li ul li{
	position:relative;
	display:block;
	padding:0;
}
nav.desktop ul li:hover ul li ul li a{
	padding:0;
	text-transform:uppercase;
	line-height: 2.125em;
}
nav.desktop ul li:hover ul li ul li.region{
	display:inline-block;
	max-width:24%;
	word-wrap:normal;
}
nav.desktop ul li:hover ul li ul li.region.last-region{
	margin-top:-8em;
}

nav.desktop ul li:hover ul li ul li.nav-two-line a{
	line-height:1.2em;
	padding:0.5em 0;
}


nav.desktop ul li:hover ul li ul li.region a{
	color:#FFCF00;
}

nav.desktop ul li:hover ul li ul li.region ul li a{
	color:#FFF;
}


#sub-nav{
	display:none;
	
}

nav.mobile{	
	display:none;
	height:0;
}


nav.mobile img.menu-arrow{	
	display: inline-block;
	max-height: 100%;
	float: right;
	height: 2em;
	margin-top: 1em;
	margin-right: 2em;
}

nav.mobile a.current{
	color:#000;
	}
#home, #About, #Membership, #Events, #Chapters, #Resources{
		display:none;
	}

#menu-button{
	display:none;
}

@media screen and (max-width:1483px){
	nav.desktop{
		font-size:0.8em;
	}
	nav.desktop ul li a{
		padding:0 1.5em;
	}
}
@media screen and (max-width:1190px){
	nav.desktop{
		font-size:0.8em;
	}
	nav.desktop ul li a{
		padding:0 1em;
	}
	header #logo{
		width:35em;
	}
	
	
	
}
@media screen and (max-width:992px){
	
	#menu-button{
		display:inline-block;
		right:1em;

	}
	#menu-button img{
		display:inline-block;
		width: 2.5em;
		height: auto;
		max-height: 2em;
	}

	nav.desktop{
		display:none;
	}
	
	header form{
		display:none;
		
	}
	nav.desktop{
		
		display:none;
	}
	nav.mobile{
		height:auto;
	}
	nav.mobile ul li{
		background-color:#0088bb;
		line-height:3.375em;
		border-top: solid 0.063em #cce7f1;
		padding-left:1.813em;
	}
	
	nav.mobile ul li a{
	font-size:1.587em;
	font-family:'Caviar Dreams Bold';
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	}
	nav.mobile li.region{
		margin-top:0.5em;	
	}
	nav.mobile li.region a{
		color:#FFCF00 !important;
	}
	nav.mobile ul li ul{
		padding-bottom:1.25em;
	}
	
	
	nav.mobile ul li ul li{
	line-height:1.6em;
	padding-left:1.25em;
	border:none;
	}
	
	nav.mobile ul li ul li a{
		font-size:1.150em;
	}
	
}