/*	--------------------------------------------------
	:: Navigation (FULL CSS w/ DROPS)
	-------------------------------------------------- */

#nav-wrapper {
	width:100%;
	height: 30px;
	margin: 25px 0 0 0;
	padding: 0;
}

#nav-bg {
    /* Change to exact pixels for static (non-responsive)*/
	height: 30px;
	margin: 0;
	padding: 0;
}

	ul#menu {margin: 0; padding: 0; float:right!important;}
	
	ul#menu li {list-style: none; position: relative; float: left;}
	ul#menu li:last-child a {border-right: none;}
	ul#menu li:first-child a {border-left: none;}
	
	ul#menu li:hover {cursor:default;}
	ul#menu li a {
		display: block;
		line-height: 30px;
		text-align: center!important;
		width: 100%;
		color: #FFF;
		font-size: 16px;
		padding:5px 12px;
		text-transform: uppercase;
		text-decoration: none;
			-webkit-transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			-o-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
		}
	ul#menu li a:hover {line-height: 30px;color: #FFF; background:#5584d3;}
	ul#menu li ul {
		position:absolute;
		left:-9999em;
		width: 100%;
		margin:0;
		padding:0;
		list-style-type:none;
	}
	ul#menu li:hover ul {left:-25px; top:40px; z-index: 9999 !important;}
	ul#menu li:hover ul li {
		float:none;
		width:210px;
		position:relative;
	}
	ul#menu li:hover ul li a {
		display:block;
		line-height:30px;
		text-transform: none;
		text-shadow: none;
		font-size: 17px;
		text-align:left !important;
		padding-left: 7px;
		width:100%;
		color:#FFF;
		background: #5584d3!important;
		text-decoration:none;
		border: none;
	}
	ul#menu li:hover ul li a:hover {color: #FFF; background:#1d3661!important;}
/*	--------------------------------------------------
	:: Media Queries
	-------------------------------------------------- */

@media screen and (max-width: 500px) {

	ul#nav li {width: 95% !important;}
}	
	
/*	--------------------------------------------------
	:: Slick Nav - Mobile Menu Core Styles
	-------------------------------------------------- */

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0; }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 #1d3661; -moz-box-shadow: 0 1px 0 #1d3661; box-shadow: 0 1px 0 #1d3661; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; }
.slicknav_nav { clear: both; }
.slicknav_nav ul,
.slicknav_nav li { display: block; }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block; text-transform:uppercase; }
.slicknav_nav .slicknav_item a { display: inline; }
.slicknav_menu:before,
.slicknav_menu:after { content: ""; display: table; }
.slicknav_menu:after { clear: both; }
/* IE6/7 support */
.slicknav_menu { *zoom: 1; }


/*	--------------------------------------------------
	:: Slick Nav - User Default Styles
	-------------------------------------------------- */
.slicknav_menu {font-size:16px;}

/* Button */
.slicknav_btn {
	margin: 5px 5px 6px;	
	text-decoration:none;	
	background-color: #FFF;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #1d3661;
	font-weight: bold;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {}
.slicknav_menu {
	background:#1d3661; 	
	padding:5px;
	width: auto;
	overflow: hidden;
}
.slicknav_nav {color:#fff;margin:0;	padding:0;font-size:0.875em;}
.slicknav_nav, .slicknav_nav ul {list-style: none;overflow:hidden;}
.slicknav_nav ul {padding:0;margin:0 0 0 20px;}
.slicknav_nav .slicknav_item {padding:5px 10px;margin:2px 5px;}
.slicknav_nav a{padding:5px 10px;margin:2px 5px;text-decoration:none;color:#fff;}
.slicknav_nav .slicknav_item a {padding:0;margin:0;}
.slicknav_nav .slicknav_item:hover {
	background:#000;
	color:#2b276e;	
}
.slicknav_nav a:hover{background:#000;color:#FFF;}
.slicknav_nav .slicknav_txtnode {margin-left:15px; }

.slicknav_menu {
	display: none;
}

@media screen and (max-width: 950px) {
	.js #menu {
		display: none;
	}
	
	.js .slicknav_menu {
		display: block;
	}
}