/************************************************************************************
NAV
*************************************************************************************/
#nav-wrap {
	position:relative; z-index:200;
	clear:both;
}
 
/* menu icon */
#menu-icon {
        display: none; /* hide menu icon initially */
}
 
.sf-menu,
.sf-menu li {
        margin: 0;
        padding: 0;
		
}
.sf-menu li {
        list-style-type:none;padding:4px 12px 4px 12px; margin:0 0 0 0; float:left; font-size:13px; line-height:14px; font-family:'Open Sans', sans-serif; font-weight:normal;  letter-spacing:1px; transition: all 300ms ease-in-out; width:70px; border-left:1px solid #1e5b8b; }
		
.sf-menu li:hover{ background:url(../images/nav-bg-hover.jpg) repeat-x top;}
.sf-menu li.last{ margin:0; }
ul.sf-menu li:last-child{padding-right:0; margin-right:0;}

.sf-menu li.last{ width:auto; padding:0; width:86px; height:75px; float:right; border:none; position:absolute; right:0; top:-16px;}
.sf-menu li.last a{ background:#f6b333; padding:17px 5px; color:#fff; font-size:12px; color:#fff; text-transform:uppercase; line-height:20px; text-align:center; border-radius:10px 10px 0 0;}
.sf-menu li.last a:hover{ text-decoration:underline;}
 
/* nav link */
.sf-menu a {
       
        color:#00457c; text-decoration:none; display:block; float:left; min-height:34px;
       
}
.sf-menu a span.sf-sub-indicator{display:none!important;}
.sf-menu a:hover {
       text-decoration:none; background:none;
}
.sf-menu a.active {
        color:#970059;
} 
/* nav dropdown */
.sf-menu ul {
        background: #00457c;
        padding: 0;
        position: absolute;
        border-bottom:8px solid #000;
        display: none; /* hide dropdown */
        width:189px;
		top:35px;
		z-index:100;
}
.sf-menu ul li {
        float: none;
        margin: 0;
        padding:0;
		display:block;
		border:none;
		width:100%;
		
}
.sf-menu ul li a{ display:block; float:none; line-height:30px;  margin:0 0 1px 0; padding:0 0 0 15px; height:auto;  font:400 13px/30px 'Open Sans', sans-serif; color:#fff; border-bottom:1px solid #075ca0;}
.sf-menu ul li a:hover{ text-decoration:none; color:#d2eafd; }
.sf-menu ul li:last-child a{ border:none; }
.sf-menu li:hover > ul {
        display: block; /* show dropdown on hover */
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
        left:                   200px; /* match ul width */
        top:                    0;
}
 
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
        margin:                 0;
        padding:                0;
        list-style:             none;
}
 
/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width:910px) {
	.sf-menu li {
        list-style-type:none; background:url(../images/divider1.png) 100% 50% no-repeat; padding:0 0 0 0; margin:0 0 0 0; float:left; font-size:15px; line-height:20px; font-family:'Open Sans', sans-serif; font-weight:600; line-height:40px; letter-spacing:1px;}
		.sf-menu a {
       
        color:#fff; text-decoration:none;padding: 0 12px; display:block; float:left; line-height:40px;  height:40px;
       
}
.sf-menu ul li a{ display:block; float:none; line-height:30px;  margin:0 0 1px 0; padding:0 0 0 15px; height:inherit; font-family:'Open Sans', sans-serif; font-weight:600; font-size:13px;}
	}
@media screen and (max-width:900px) {
	#navigation{ background:none !important; background-image:none; clear:both; height:auto; position:relative; border-radius:0 0; padding:0 0;  }
	#navigation ul{ margin:0px; padding:0px; border:none; top:0;}
	#navigation ul li{ display:block; float:none; list-style:none; width:100%; margin:0px; padding:0px; border-right:none; font-family:'Open Sans', sans-serif; font-weight:600;}
	#navigation ul li ul{ padding:0 0 0 40px;}
 
        /* nav-wrap */
        #nav-wrap {
                position: relative;
				border:none;
				box-shadow:none;
				background:#00457c;
				min-height:32px;
				border-radius:2px;
				bottom:0px;
        }
 
        /* menu icon */
        #menu-icon {
			background:url(../images/menu_icon.png) 50% 50% no-repeat; display:block; width:34px; height:40px;  text-indent:-9999999em; padding:0; overflow:hidden; margin-left:10px; margin-top:5px; cursor:pointer; z-index:1000;   
        }
        #menu-icon:hover {
              
        }
        #menu-icon.active {
                background:url(../images/menu_close.png) 50% 50% no-repeat;
        }
 
        /* main nav */
		.sf-menu ul{display:block!important; visibility:visible!important; background:#003852; position:relative;}
        .sf-menu {
                clear: both;
                position:absolute;
                top:40px;
                width:96%;
                z-index: 10000;
                padding: 5px;
                background: #00457c;        
                display: none; /* visibility will be toggled with jquery */
				border:1px solid #194f82;
				font-family:'Open Sans', sans-serif; font-weight:600;
        }
        .sf-menu li {
                clear: both;
                float: none;
                margin: 5px 0 5px 0;
				width:100%;
				border-left:none;
        }
		.sf-menu li.last {
			border: medium none;
			float: none;
			height: inherit;
			padding: 0;
			position: relative;
			right: inherit;
			top: 0px;
			width: 100%;
		}
		
.sf-menu li.last a {  border-radius: 5px;  padding: 15px 3%; width: 94%; background:#0a67b1;}
		.sf-menu li ul{ background:none;}
		.sf-menu li:hover{ background:none;}
		.sf-menu li ul li a:hover{ background:none; text-decoration:underline;}
        .sf-menu a,
        .sf-menu ul a {
                font: inherit;
                background: none;
				transition: all 300ms ease-in-out;
				margin:0 0 1px 0;
				padding:4px 3%;
                display: block;
				width:94%;
                color: #fff;
                border: none;
				font-size:16px;
				line-height:24px;
				height:inherit;
				font-family:'Open Sans', sans-serif; font-weight:600;
				
        }
		.sf-menu a:hover{ text-decoration:underline;}
        .sf-menu a:hover,
        .sf-menu ul a:hover {
                background: none;
                color: #fff;
        }
		.sf-menu a.active {
               background: none;
				background-color:#195c9b;
                color: #fff;
        }
 
        /* dropdown */
        .sf-menu ul {
                width: auto;
                position: static;
                display: block;
                border: none;
                background: inherit;
				
        }
        .sf-menu ul li {
                margin: 3px 0 3px 15px;
        }
		.sf-menu ul li a{ background:none; font-size:12px;}
 
}
 
@media screen and (min-width: 900px) {
 
        /* ensure #nav is visible on desktop version */
        .sf-menu {
                display: block !important;
        }
 
}