/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

    margin:0;

    padding:0;

    list-style:none;

}

.sf-menu {

  

    line-height:1.1;

    

}

.sf-menu ul {

    position: absolute;

    top:-999em;

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

}



.sf-menu ul ul {

    position: absolute;

    top:-999em;

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

}



.sf-menu ul li {

    width:251px;

}

.sf-menu li:hover {

    visibility:	inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

    position: relative;

}

.sf-menu a {

    display: block;

    position: relative;

}



.sf-menu .selected {

    background: url("../images/menu-active.png") repeat-x scroll left top rgba(0, 0, 0, 0);

}



.sf-menu li li a.selected{

    background: url("../images/menu-active.png") repeat-x scroll left top rgba(0, 0, 0, 0);

}



.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

    left: 0;

    top: 2.86em; /* match top ul list item height */

    z-index: 99;

}

ul.sf-menu li:hover li ul, ul.sf-menu li:active li ul,

ul.sf-menu li.sfHover li ul {

    top: -999em;

}



ul.sf-menu li li:hover ul, ul.sf-menu li li:active ul,

ul.sf-menu li li.sfHover ul {

    left: 250px; /* 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:active ul,

ul.sf-menu li li li.sfHover ul {

    left: 250px; /* match ul width */

    top: 0;

    margin-left: 0;

}

ul.sf-menu li li li:hover li ul, ul.sf-menu li li li:active li ul,

ul.sf-menu li li li.sfHover li ul {

    top: -999em;

}



/*** DEMO SKIN ***/

.sf-menu {

    /*

    float: left;

        margin-bottom:1em;*/

}

.sf-menu a {

    /*    border-left: 1px solid #E2E2E2;

    padding: 0.8em;

    border-top: 1px #464646 solid;*/

    text-decoration:none;

}

.sf-menu a, .sf-menu a:visited  {

    /* visited pseudo selector so IE6 applies text colour

    color: #DDDDDD;

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

}

.sf-menu li {

   /* background: #464646; */

    font-size: 14px;

}





.sf-menu li a:hover, .sf-menu li a:active {

  //  background: url("../images/menu-active.png") repeat-x scroll left top rgba(0, 0, 0, 0);

   /* color: #464646; */



}



.sf-menu li li {

    background-color: #B70000;

    /*

    border-top: 1px #DDDDDD solid;

    border-left: 1px #DDDDDD solid; */

    font-size: 12px;

}



/*alternate white sub menu styling*/

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

   /* color: #464646;*/

    border-top:none;

}



.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 {

    background: url("../images/menu-active.png") repeat-x scroll left top #0E539D;



}



/*.sf-menu li:hover, .sf-menu li.sfHover,

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

    background-color: #464646;

    outline: 0;

}

*/





/*** arrows **/

.sf-menu a.sf-with-ul {

    /*

    padding-left: 	1em;

    padding-right: 	1em;

    min-width:		1px;  trigger IE7 hasLayout so spans position accurately */

}



.sf-sub-indicator {

    position:		absolute;

    display:		block;

    right:		.75em;

    top:		1.05em; /* IE6 only */

    width:		10px;

    height:		10px;

    text-indent: 	-999em;

    overflow:		hidden;

    background:		url('../images/arrows-grey.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

    top: .8em;

    background-position: 0 -200px; /* 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: -200px -200px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position:  -200px 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: -200px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

    background:	url('../images/shadow.png') no-repeat bottom right;

    padding: 0 8px 9px 0;

    -moz-border-radius-bottomleft: 17px;

    -moz-border-radius-topright: 17px;

    -webkit-border-top-right-radius: 17px;

    -webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

    background: transparent;

}





ul li span.sf-sub-indicator{

    display:none;

}



ul li li span.sf-sub-indicator{

    display:block;

}



/* Localized */

#nav ul.sub_menu li a {

    padding: 8px 10px 12px;

    text-align: left;

}