/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */


/*
colors: 
dark blue: #003663;
gray: #dededd
red: #a12b3a;
*/

.slicknav_menu {display:none;}
#menu {display:none;}
.navigation_container {text-align:right; }
#nav {
    position:relative;
    display:block;  
    z-index:9000;
    margin:0 auto;
	padding: 0;
	text-align:right;
	width: 100%;
}
  
#nav ul, #nav li {
    list-style: none;  
    margin:0 0 0 0;
    padding:0 0 0 0;  
}
  
#nav ul li {
    display: block;
    position: relative;
    float:left;
    text-align:center;
}
  
#nav li ul {
    display: none;
}
  
  
#nav ul li a { /* appearance of the first-level links */
    display: block;
    text-decoration: none;
    color: #fff;
    font-size:14px;
    line-height:15px;
    transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
    padding:0px 10px;  
    text-transform: uppercase;
    text-align:right;
	font-weight: 700;
}
 
 
#nav ul li a:hover { /* appearance of the first-level links on hover */
   color: #dededd;
}
  
  
  
#nav ul li li a { /* appearance of the sub-level links */
    width:195px;
    padding:8px 0 8px 15px;
	background-color: #376998;
    text-align:left;
    font-size: 14px;
	font-weight:300;
    border-bottom:1px #fff solid;

}
#nav ul li li a:hover { /* appearance of the sub-level links on hover */
   background: #fff; 
   color: #003663;
}
  
  
  
/* Optional-use, Begin targeting styles of first and last links */
#nav ul li:last-child  { /* Optional-use, this targets last li */
}
#nav ul li:last-child a {
}
#nav ul li:first-child  { /* Optional-use, this targets first li */
}
  
/* Optional-use, cancells out border for subnav li containers*/
#nav ul li li:last-child  {
    border-left:0;
    border-right:0;
}
#nav ul li li:last-child a {
}
#nav ul li li:first-child  {
    border-left:0;
    border-right:0;
}
/* Optional-use, End targeting styles of first and last links */
  
  
  
/* Unless needing to do something extra or experimental, DON'T edit these positioning styles below! */
#nav ul ul {
    display: none;
    position: absolute; 
    top:100%;
    left:0;
}
  
#nav ul ul ul {
    position: absolute; 
    left: -100%;
    top:0; 
}
  
#nav ul li:hover > ul {  
    display: block;
    line-height:18px; /* make sure your line-height always matches that of your main link styles!*/
    z-index: 100;
    background:#4b0000; /* make sure your background color always matches your link styles!*/
}
  
#nav ul ul li {
    float: none; 
    position: relative;
}



/** MOBILE NAV**/
.slicknav_btn span{font-size:16px;}
.slicknav_btn {
	position: relative;
	display: block;
	vertical-align: middle;
	float: right;
	padding: 0.438em 0.625em 0.438em 0.625em;
	line-height: 1.125em;
	cursor: pointer;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
	margin-top: 0.188em;
}

.slicknav_menu {
	*zoom: 1;
}

.slicknav_menu .slicknav_menutxt {
	display: block;
	line-height: 1.188em;
	float: left;
}

.slicknav_menu .slicknav_icon {
	float: left;
	width: 1.125em;
	height: 0.875em;
	margin: 0.188em 0 0 0.438em;
}

.slicknav_menu .slicknav_icon:before {
	background: transparent;
	width: 1.125em;
	height: 0.875em;
	display: block;
	content: "";
	position: absolute;
}

.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 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.slicknav_menu:before {content: " "; display: table;}
.slicknav_menu:after {content: " "; display: table; clear: both;}

.slicknav_nav {clear: both;}
.slicknav_nav ul {display: block;}
.slicknav_nav ul ul li{display: block; margin-left: 10px; background:#a4a4a4;}
.slicknav_nav li {display: block;}
.slicknav_nav .slicknav_arrow {font-size: 0.8em; margin: 0 0 0 0.4em;}
.slicknav_nav .slicknav_item {cursor: pointer;}
.slicknav_nav .slicknav_item a {display: inline;}
.slicknav_nav .slicknav_row {display: block;}
.slicknav_nav a {display: block;}
.slicknav_nav .slicknav_parent-link a {display: inline;}

.slicknav_brand {float: left;}
.slicknav_menu {font-size: 16px; box-sizing: border-box; background: #dededd;}
.slicknav_menu * {box-sizing: border-box;}
.slicknav_menu .slicknav_menutxt {color: #fff; font-weight: bold; }
.slicknav_menu .slicknav_icon-bar {background-color: #fff;}

.slicknav_btn {
	margin: 5px 5px 6px;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #003663;
}

.slicknav_nav {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 0.875em;
	text-transform: uppercase;
	list-style: none;
	overflow: hidden;
}

.slicknav_nav ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 0;
}

.slicknav_nav .slicknav_row {
	padding: 5px 10px;
	margin: 0px 5px;
}

.slicknav_nav .slicknav_row:hover {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: none;
	color: #fff;
}

.slicknav_nav a {
	padding: 5px 10px;
	margin: 0px 5px;
	text-decoration: none;
	color: #003663;
	font-weight:700;
	text-align:left;
}

.slicknav_nav a:hover {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: none;
	color: #fff;
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
}

.slicknav_nav ul ul li a:hover{
	background: #003663;
	color: #fff;
	padding: 5px 10px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
}

.slicknav_nav .slicknav_txtnode {
	margin-left: 15px;
}

.slicknav_nav .slicknav_item a {
	padding: 0;
	margin: 0;
}

.slicknav_nav .slicknav_parent-link a {
	padding: 0;
	margin: 0;
}

.slicknav_brand {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	padding: 7px 12px;
	height: 44px;
}

/************************************************ Responsive Styles **/

@media screen and (max-width: 1600px) {
	#nav ul li a{ font-size: 13px;padding: 0 8px;}
}

@media screen and (max-width: 1300px) {
.js #menu {display:none;}
#nav {display:none;}
.js .slicknav_menu {display:block; text-align:left; line-height:20px;}
}