/* nav bar css for mtt_ultimateNav */
#navBar {
  height:50px; 
  z-index:1500;
}

/*** MENU STYLES ***/
.sf-menu, .sf-menu * {
margin:      0;
padding:    0;
list-style:    none;  
z-index:    1029; 
}

.sf-menu {
    line-height:  1.0;  
    z-index:    1029;
}

.sf-menu ul {
    position:    absolute;
    top:      -999em;
    /*--make twice as long for sub menus with 2 columns--*/
    width: 230px; /* 135px; */  /*   10em;  */ /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
   width: 100%;
}

.sf-menu li:hover {
    visibility:   inherit;    /* fixes IE7 'sticky bug' */
    background-color:#1c6c9d;
}

.sf-menu li {
    float:     left;
   position:    relative; 
}

.sf-menu a {
    display:    block;
    position:    relative;  
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left:      0;
    top:      49px; /* match top ul list item height */
    z-index:    1029;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top:      -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left:     228px; /* match ul width */
    top:      0;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top:      -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left:    10em; /* match ul width */
    top:      0;
}

/*** DEMO SKIN ***/
.sf-menu {
    float:left;
    font-family: arial;
    font-size:16px;
    letter-spacing:1px;
    margin-top:0px;
    margin-left:5px;
}

.sf-menu a {
        padding: 2px 12px 0 12px;
        text-decoration: none;
        line-height: 46px;
        height: 48px;
        background-position: -2px 0;
        background-repeat: no-repeat;
    }


.sf-menu li {
        background-position: left;
        background-repeat: no-repeat;
        padding-right: 1px;
        padding-left: 1px;
    }

.sf-menu li li {
        background-image: none;
        background-color: #666666;
        width: 225px;
        height: 35px;
        border-bottom: 1px solid #ffffff;
    }

.sf-menu li li li {
        background-color: #999999;
        border-bottom: 1px solid #333333;
    }

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        color: #ffffff;
        outline: 0;
    }

.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
    color: #999999;
    background-color:#333333;
}

.sf-menu li a {
        color: #ffffff;
  }

.sf-menu li a:hover {
    color:#ffffff;
    background-position: 0 0;
    background-repeat:repeat-x;
}

.sf-menu li li a {
        text-align: left;
        font-size: 14px;
        padding: 5px;
        background-image: none;
        line-height: 25px;
        height: 25px;
    }

.sf-menu li li a:visited {
    color:#ffffff;
}

.sf-menu li li li a {
    color: #333333;
}

.sf-menu li li li a:hover {
        background-color: #eddf13;
    }

/*
.sf-menu li .last{
    width:83px;
    text-align:center;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    behavior: url(/css/pie.htc);
 
}
.sf-menu li li .last{
    width:245px;
    text-align:left;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
     border-radius: 0 0 0 0;
     behavior: url(/css/pie.htc);
}
.sf-menu li li .last:hover{
    width:245px;
    text-align:left;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
     border-radius: 0 0 0 0;
     behavior: url(/css/pie.htc);
}

*/

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right:   2.25em;
    min-width:    1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-menu > li > a:after {
        font-family:'FontAwesome';
        font-weight: 900;
        content: " \f0d7";
        color:#67c3e3;
    }

.sf-menu li > a:only-child:after {
    content: '';
}

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 20px; /* IE6 only 1.05*/
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    font-family: 'FontAwesome';
    font-weight: 900;
    content: " \f0da";
    color: #67c3e3;
    /*
    background-color: #ff99cc;
    background: url('/data/img/arrows-ffffff.png') no-repeat -20px -100px;
        */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top: 7px;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0; 
}

.sf-menu ul a > .sf-sub-indicator {
    background-position:  0 0;
}

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*---------------- nu frontiers custom code ----------------------*/

.nf-menu-sub-menu-top {
    height: 1px;
    background-color: #ffffff;
    padding: 0px;
}

.nf-menu-ul-menu-top {
    padding-top: 1px;
}

.nf-menu-spacer {
    width: 1px;
}