/* nav bar styles*/

#nav-sp {

    z-index:100;

    position:relative;

    width:99.5%;

    height:37px;

    margin:0 auto;

    -moz-border-radius: 0 0 3px 3px;

    -webkit-border-radius: 0 0 3px 3px;

    -o-border-radius: 0 0 3px 3px;

    -icab-border-radius: 0 0 3px 3px;

    -khtml-border-radius: 0 0 3px 3px;

    border-radius: 0 0 3px 3px;



    border:1px solid #bc2b03;

    border-top:none;

    background-color: #df4a21;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#df4a21), to(#d3421a));

    background-image: -webkit-linear-gradient(top, #df4a21, #d3421a);

    background-image:    -moz-linear-gradient(top, #df4a21, #d3421a);

    background-image:     -ms-linear-gradient(top, #df4a21, #d3421a);

    background-image:      -o-linear-gradient(top, #df4a21, #d3421a);

    background-image:         linear-gradient(top, #df4a21, #d3421a);

    /*disabled for IE7

    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#df4a21', EndColorStr='#d3421a');*/



}



#nav-sp ul li {

    display:inline;

}

#nav-sp li a {

    float: left;

    overflow: hidden;

    border: none;

    /* For FF +Arial Narrow +default hw acceleration setting */

    height:1.65em;

    font-size:1.25em;

    font-family: Arial, Helvetica,sans-serif;

    font-weight:narrow;

    color:#fff;

    padding:.6em .6em; /* make room for Home */

}

#nav-sp li ul a {

    /* For FF +Arial Narrow +default hw acceleration setting */

    height:1.2em;

}

/*** ESSENTIAL STYLES ***/

.sf, .sf * {

    margin:0;

    padding:0;

    list-style:none;

}



/*.sf ul {*/

.sf li ul {

    position:absolute;

    top:-999em;

    width:100%; /* left offset of submenus need to match (see below) */

}

.sf ul li { width:100%; }

.sf li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }

.sf li:hover { cursor:pointer; }

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

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



.sf li:hover ul,

.sf li.sfHover ul {

    left:0;

    top:3em;    /* where to start sub menu (match height of button image) */

    width:16em;  /* how wide the sub-menus should be when javascript is disabled. don't forget left margin for level 3! */

    z-index:50;

    text-align:left;

}



ul.sf li:hover li ul,

ul.sf li.sfHover li ul {

    top:-999em;

}



/*** CUSTOM SKIN ***/



/* top */

.sf a {text-decoration:none}

.sf li:hover, .sf li.wpm-hover,

.sf li:hover > a,

.sf li.selected a,

.sf a:focus, .sf a:hover, .sf a:active {

    text-decoration: none;

    background:		#3d464c;			/* color 3 */

    outline:		0;

}



/* end of image replace */



/* subs */

.sf li li {

    height:100%;

    line-height:1;

}



.sf li li a, .sf li li a:visited {

    font-family:Arial, Helvetica, sans-serif!important;

    padding:.5em 1em!important;

    width:14em;

    color:#fff;

    font-size:1.2em!important;

    cursor:pointer;

}



.sf li ul {

    padding: 0;

    background-color:#3d464c;

    border:1px #3d464c solid;

    -moz-border-radius:  0 0 3px 3px; /* FF1+ */

    -webkit-border-radius:  0 0 3px 3px; /* Saf3+, Chrome */

    -o-border-radius:  0 0 3px 3px;

    -icab-border-radius: 0 0 3px 3px;

    -khtml-border-radius:  0 0 3px 3px;

    border-radius:  0 0 3px 3px; /* Opera 7.7, IE 9 */

    z-index:50;

    overflow:hidden;

}



/* hover for subs */

.sf li li:hover, .sf li li.sfHover,.sf li li a:focus, .sf li li a:hover, .sf li li a:active, .sf li li.selected a { background-color:#df4a21!important; outline:0;}