/*** ESSENTIAL STYLES ***/
.sf-menu-top, .sf-menu-top *, .sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 15px;
    text-transform:uppercase;
}
.sf-menu-top {
    line-height: 18px;

}
.sf-menu-top li {
    position: relative;
}
.sf-menu-top ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu-top > li {
    float: left;
}
.sf-menu-top li:hover > ul,
.sf-menu-top li.sfHover > ul {
    display: block;
}

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

}
.sf-menu-top ul ul {
    top: 0;
    left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu-top {
    float: left;
    margin-bottom: 0em;
}
.sf-menu-top ul {
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    min-width: 12em; /* allow long menu items to determine submenu width */
    width: auto;
    /* *width: 12em;  no auto sub width for IE7, see white-space comment below */
}


.sf-menu-top li a {


    text-decoration: none;
    /*zoom: 1;  IE7 */
}
.sf-menu-top li ul li a {

    padding: .30em;
}
.sf-menu-top a, .sf-menu-top a:visited  {
    color: #20559a;
}
.sf-menu-top li {
    background: #fff;
    white-space: nowrap; /* no need for Supersubs plugin */


}
.sf-menu-top ul li {
    background: #fff;

}
.sf-menu-top ul ul li {
    background: #fff;

}
.sf-menu-top li:hover, .sf-menu-top li.sfHover,
.sf-menu-top a:focus, .sf-menu-top a:hover, .sf-menu-top a:active {
    background:        #ffffff;
    outline:        0;
    color:			#f7941d;
}
.menu-first {
    color: #20559a;
    float:left;
    padding-bottom: .50em;
    text-decoration: none;
    /* zoom: 1;  IE7 */
}
.menu-separator {
    float:left;
    color:#20559a;
    padding: 0px 12px 0px 12px;
}
.menu-line {
    border-top: 1px solid #dddddd;
}
.menu-hidden {
    border: 1px solid #dddddd;
}
.normal {

}
.italic {
    font-style: italic;
}
.bold {
    font-weight: bolder;
    border-bottom: 1px solid #dddddd;
}
.underline {
    border-bottom: 1px solid #dddddd;
}


/*** ESSENTIAL UP STYLES menu-down-sharing ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu {
    line-height: 1.0;

}
.sf-menu ul {
    width: 10em; /* left offset of submenus need to match (see below)*/
    position: absolute;
    display: none;
    bottom: 100%; /* <--- CHANGE */
    left: 0;
    z-index: 99;
}
.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;
    bottom: 0.0em; /* match top ul list item height */
    z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    bottom: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {

    bottom:-20%; left:100%;
}
ul.sf-menu li li:hover li ul,
ul.UP 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;
    margin-bottom:    1em;
}
.sf-menu a {
    border-left:    1px solid #dddddd;
    border-top:        1px solid #dddddd;
    border-right:        1px solid #dddddd;
    padding:         4px 4px;
    text-decoration:none;
    color:            #20559a;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:            #20559a;
}
.sf-menu li {
    background:        #fff;
}
.sf-menu li li {
    background:        #fff;
}
.sf-menu li li li {
    background:        #fff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:        #ffffff;
    outline:        0;
    color:			#f7941d;
}


#climber {
    width:26px;
    height:26px;
    position:absolute;
    left:0px;
    top:0px;

}
#ie #climber {
    top:-12px;
}