/* main menu */
ul.sf-menu {
	padding : 0;
	margin : 0 0 0 0;
	list-style : none;
	font-size : 16px;
}
ul.sf-menu ul { display : block; padding:0; margin:0; list-style : none; }

ul.sf-menu li {
    display : block;
	position : relative;
    margin : 0;
    padding : 0;
    list-style:none;
    z-index : 10;
}

ul.sf-menu a:link,
ul.sf-menu a:visited { color:#fff; }
ul.sf-menu a:hover { text-decoration : none }

ul.sf-menu .sf-sub-indicator { display : none }   /* added by suckerfish */
ul.sf-menu li.web-menu-li-depth-1 {
	display:inline-block;
    *display : block;
    *float : left;
	float: left;
	background: url(../images/sep01.png) no-repeat 0 19px;
	padding-left: 3px;
    margin-left : 2px;
}
ul.sf-menu li.web-menu-li-depth-1:first-child {
	background: none;
	margin-left: 0px;
	padding: 0;
}

ul.sf-menu a.web-menu-a-depth-1 {
}

/* current highlights */
ul.sf-menu li a.web-menu-a-depth-1.web-menu-current-ancestor:link,
ul.sf-menu li a.web-menu-a-depth-1.web-menu-current:link,
ul.sf-menu li a.web-menu-a-depth-1.web-menu-current-ancestor:visited,
ul.sf-menu li a.web-menu-a-depth-1.web-menu-current:visited { text-decoration : underline; }

ul.sf-menu li.web-menu-li-depth-1 a.web-menu-a-depth-1:focus,
ul.sf-menu li.web-menu-li-depth-1 a.web-menu-a-depth-1:hover,
ul.sf-menu li.web-menu-li-depth-1 a.web-menu-a-depth-1:active,
ul.sf-menu li.web-menu-li-depth-1:hover a.web-menu-a-depth-1,
ul.sf-menu li.web-menu-li-depth-1.sfHover a.web-menu-a-depth-1 {
   /* background : #0b2440;
    background: linear-gradient(to bottom, #133458 0%, #0b2440 100%);*/
}

/* dropdowns */
ul.sf-menu ul {
    position : absolute;
    margin : 0;
    top : -999em;
    left : 3px;
    width : 20em;
    font-size : 14px;
    font-weight : normal;
    line-height : 1;
    padding : 4px 0;
    background-color : #2F2F7F;
    -o-box-shadow : 2px 2px 4px rgba(0,0,0, 0.3);
    -moz-box-shadow : 2px 2px 4px rgba(0,0,0, 0.3);
    -webkit-box-shadow : 2px 2px 4px rgba(0,0,0, 0.3);
    box-shadow : 2px 2px 4px rgba(0,0,0, 0.20);
    /*border-radius : 0 0 5px 5px;*/
    list-style : none;
}

ul.sf-menu li.web-menu-li-position-1 ul.web-menu-ul-depth-1 {
    left : 0;
}

.web-menu-ul-depth-1 {margin:-7px 0 0 0 !important;}

ul.sf-menu.no-js li.web-menu-li-depth-1:hover ul.web-menu-ul-depth-1,
ul.sf-menu li.web-menu-li-depth-1.sfHover ul.web-menu-ul-depth-1 {
    top : 43px;
}

ul.sf-menu ul li {
    padding : 0 5px;
    margin : 1px 0;
}

ul.sf-menu ul a:link,
ul.sf-menu ul a:visited {
    display : block;
    padding : 8px 8px 10px 8px;
    text-decoration : none;
    color : #fff;
    -o-transition : background-color 0.2s ease-in, color 0.07s ease-in;
    -moz-transition : background-color 0.2s ease-in, color 0.07s ease-in;
    -webkit-transition : background-color 0.2s ease-in, color 0.07s ease-in;
    transition : background-color 0.2s ease-in, color 0.07s ease-in;
}

ul.sf-menu ul.web-menu-ul-depth-1 a:hover,
ul.sf-menu ul.web-menu-ul-depth-1 li:hover a.web-menu-a-depth-2,
ul.sf-menu ul.web-menu-ul-depth-1 li.sfHover a.web-menu-a-depth-2 {
    background-color : #25B2E7;
}

/* current */
ul.sf-menu li li a.web-menu-current-ancestor:link,
ul.sf-menu li li a.web-menu-current:link,
ul.sf-menu li li a.web-menu-current-ancestor:visited,
ul.sf-menu li li a.web-menu-current:visited { }

/* child indicators */
ul.sf-menu a.web-menu-a-depth-2.web-menu-has-children {
    padding-right : 14px;
    background-image : url(../images/mm_sub-indicator.png);
    background-position : right top;
    background-repeat : no-repeat;
}

ul.sf-menu a.web-menu-a-depth-2.web-menu-has-children:hover,
ul.sf-menu ul.web-menu-ul-depth-1 li:hover a.web-menu-a-depth-2.web-menu-has-children,
ul.sf-menu ul.web-menu-ul-depth-1 li.sfHover a.web-menu-a-depth-2.web-menu-has-children {
    background-image : url(../images/mm_sub-indicator_hover.png);
}

/* popout */
ul.sf-menu ul ul {
    left : 0;
}

ul.sf-menu.no-js ul li:hover ul,
ul.sf-menu ul li.sfHover ul {
    left : 100%;
    top : -5px;
}

/* right-most dropdown go left */
.sf-menu li.web-menu-li-depth-1.web-menu-li-position-7 ul { left:auto !important; right : 0 }

/* right-most popout go left */
.sf-menu li.web-menu-li-depth-1.web-menu-li-position-6 ul li > ul,
.sf-menu li.web-menu-li-depth-1.web-menu-li-position-7 ul li > ul {
	left : auto;
	right : 100%;
}

/* css only transition for non-js enabled browsers */
ul.sf-menu.no-js ul {
    opacity : 0;
    -o-transition : opacity 0.3s ease-out;
    -moz-transition : opacity 0.3s ease-out;
    -webkit-transition : opacity 0.3s ease-out;
    transition : opacity 0.3s ease-out;
}

ul.sf-menu.no-js li:hover > ul {
    opacity : 1;
}
.web-menu-a-depth-1 {padding:0 0 20px 0;}