/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 999;
}


.sf-menu li{ display:block; padding:0; }
.sf-menu li a { display:block; font-family: 'HelveticaNeueLTStd-Lt'; font-size:20px; color:#fff; line-height:22px; text-decoration:none; padding:7px 15px; margin:0 10px; border-top:1px solid #0f5da3; background:url(/Content/Uploads/nwscc.edu/images/nav-arrow.png) no-repeat right center; }
	/* nav-wrap */
	#nav-wrap {
			position: relative;
			border:none;
			box-shadow:none;
			border-radius:3px;
			bottom:0px;
	}

	/* menu icon */
	#menu-icon {
		background:url(/Content/Uploads/nwscc.edu/images/menu_icon.png) 50% 50% no-repeat #004886; display:block; width:46px; height:40px; text-indent:-9999999em; padding:0; overflow:hidden; cursor:pointer; z-index:1000; position:absolute; top:0; right:0;  
	}
	
	.sf-menu > li:hover,
	.sf-menu > li.sfHover { background:none}
	#menu-icon.active {
			background:url(/Content/Uploads/nwscc.edu/images/menu_close.png) 50% 50% no-repeat #004886;
	}

	/* main nav */
	.sf-menu ul{ display:block; visibility:visible; background:#2c58a8;}
	.sf-menu {
			clear: both;
			position:absolute;
			top:40px;
			width:325px;
			z-index: 10000;
			padding:0px;
			background: #004886;        
			display: none; /* visibility will be toggled with jquery */
			font-family: 'HelveticaNeueLTStd-Lt';
			right:0px;
	}
	
	/*.sf-menu a,
	.sf-menu ul a {
			font: inherit;
			background: none;
			transition: all 300ms ease-in-out;
			margin:0 0 1px 0;
			padding:6px 5%;
			display: block;
			width:90%;
			color: #fff;
			border: none;
			font-size:16px;
			line-height:18px;
			height:inherit;
			font-family: 'Raleway', sans-serif; font-weight:700;
			
	}*/
	.sf-menu a:hover,
	.sf-menu li a:hover{ background:url(/Content/Uploads/nwscc.edu/images/nav-arrow-h.png) no-repeat right center #1b81e9; padding:7px 25px; margin:0; }
	.sf-menu a.active {
		    background:url(/Content/Uploads/nwscc.edu/images/nav-arrow-h.png) no-repeat right center #1b81e9; padding:7px 25px; margin:0;
	}

	/* dropdown */
	.sf-menu ul {
			width: auto;
			position: static;
			display: block;
			border: none;
			background: inherit;
			
	}

.sf-menu ul.dropdown{ display:none; }
.sf-menu ul{ background:#1b81e9; box-shadow:none; padding:0 0 0 60px; }
.sf-menu ul li{ margin:0; }
.sf-menu ul li a{ font-family: 'HelveticaNeueLTStd-Lt'; font-size:20px; line-height:22px; padding:7px 0; margin:0 10px 0 0; border:none; } 
.sf-menu ul li a.no-sub{ background:none; }
.sf-menu ul li a:hover{ background-color:inherit; text-decoration:underline; padding:7px 0; margin:0; }
.sf-menu ul li a.no-sub:hover{ background:none; }

.social-block {display:none;}

.sf-menu .social-block{ display:block;padding:15px 10px 20px 10px; margin:0; text-align:right; line-height:0; }
.sf-menu .social-block a{ width:auto; display:inline-block; float:none; padding:0; margin:0 0 0 15px; background:none; border:none; }
.sf-menu .social-block a:hover{ background:none; padding:0; margin:0 0 0 15px; }

.nav-bottom-block {display:none;}

.sf-menu h3{ font-family: 'HelveticaNeueLTStd-Bd'; font-size:20px; color:#fff; line-height:22px; padding:0 10px 10px 25px; margin:0; }
.sf-menu .nav-bottom-block{ display:block;padding:20px 0 20px 15px; margin:45px 10px 0; border-top:1px solid #0f5da3; }
.sf-menu .nav-bottom-block h3{ font-family: 'HelveticaNeueLTStd-Bd'; font-size:20px; color:#fff; line-height:22px; padding:0; margin:0; background:url(/Content/Uploads/nwscc.edu/images/mail-icon.png) no-repeat right 3px; }
.sf-menu .nav-bottom-block p{ font-family: 'HelveticaNeueLTStd-Roman'; font-size:15px; color:#fff; line-height:19px; padding:20px 0 0 0; margin:0; }


@media screen and (max-width: 980px) {
	.sf-menu ul.dropdown{ display:block !important; }
}

@media screen and (max-width: 400px) {
	.sf-menu{ width:270px; }
	.sf-menu ul{ padding:0 0 0 40px; }
}