/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
        margin:                        0;
        padding:                0;
        list-style:                none;
}
.sf-menu {
        line-height:        1.0;
}
.sf-menu ul {
        position:                absolute;
        top:                        -999em;
        width:                        140px; /* 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' */
}
.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:                        40px; /* match top ul list item height */
        z-index:                100;
}
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:                        140px; /* match ul width */
        top:                        0px;
}
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:                        140px; /* match ul width */
        top:                        0px;
}

/** CUSTOM STYLE */

.sf-menu {
        position: absolute;
        bottom: 0px;
        left: 0px;
        margin: 0px;
        padding: 0px;
        list-style: none;
}

ul.children li a {
        padding: 0px;
}

ul#menu li a:hover, ul#menu li.current-cat a {
        background: url(../img/bg-menu-hover-blue.png) repeat-x left top;
}

ul.children li a:hover, ul.children li.current-cat a {
        background: none;
}

.sf-menu a {
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        text-decoration:none;
}
.sf-menu li ul {
        border: 1px solid #005b7f;

}
.sf-menu li li ul, .sf-menu li li li ul {
        border: 1px solid #005b7f;

}
.sf-menu li a, .sf-menu li a:hover, .sf-menu li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
        color:                        #fff;
}

.sf-menu li li a, .sf-menu li li a:hover, .sf-menu li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
        color: #005c80;
}

.sf-menu li li {
        background:                #0075a1;
}
.sf-menu li li li {
        background:                #0075a1;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        outline:                0;
}
.sf-menu li li a, .sf-menu li li a:hover {
        height: auto;
        line-height: 1.0;
        padding: 10px 20px;
        background: #adcfdb;
        color: #000000;
}
.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:#f8dec7;
        outline:                0;
}

.sf-menu .children li a:focus, .sf-menu .children li a:hover, .sf-menu .children li a:active {
        background: #0075a1!important;
}