.sf-menu,.sf-menu * {font-size: 12px;}
.sf-menu,.sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height: 1.0;}

.sf-menu {width:100%;}

.sf-menu ul {position:absolute; top:-9999px; width:225px; /* 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:25px; /* match top ul list item height */ z-index:99;}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-9999px;}

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

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




/*--------------------------------*/
/*-- VERICAL ----------------------*/
/*--------------------------------*/

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical,.sf-vertical li {width:225px;}
/* this lacks ul at the start of the selector,so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {left:225px; /* match ul width */ top:0;}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {background-position:-10px 0;} /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {background-position:0 0;} /* use translucent arrow for modern browsers*/

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

/*--------------------------------*/
/*-- NAVBAR ----------------------*/
/*--------------------------------*/

.sf-navbar {position:relative; height:25px; /*change border-bottom to padding-bottom for bg images*/}

.sf-navbar li {position:static;}
.sf-navbar a {border-top:none;}
.sf-navbar li ul {width: 100%;}
.sf-navbar li li {position:relative;}
.sf-navbar li li ul {width:130px;}
.sf-navbar li li li {width:100%;}
.sf-navbar ul li {width:auto; float:left;}
.sf-navbar a,.sf-navbar a:visited {border:none;}

/*-- navbar specific background overrides... uncomment if needed --*/

/*.sf-navbar {background:#BDD2FF;}*/
/*.sf-navbar li {background:#AABDE6;}*/
/*.sf-navbar li li {background:#BDD2FF;}*/
/*.sf-navbar li.current {background:#BDD2FF;}*/

/*.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus,.sf-navbar a:hover,.sf-navbar a:active {background:#BDD2FF;}*/

/*.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus,.sf-navbar ul a:hover,.sf-navbar ul a:active {background:#D1DFFF;}*/

/*ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus,.sf-navbar ul li li a:hover,.sf-navbar ul li li a:active {background:#E6EEFF;}*/

ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {left:0; top:25px; /* match top ul list item height */}
ul.sf-navbar .current ul ul {top:-9999px;}

.sf-navbar li li.current > a {font-weight:bold;}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator {background-position:-10px -225px;}
.sf-navbar ul a > .sf-sub-indicator {background-position:0 -225px;}
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {background-position:-10px -225px; /* arrow hovers for modern browsers*/}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {background:transparent; padding:0; -moz-border-radius-bottomleft:0; -moz-border-radius-topright:0; -webkit-border-top-right-radius:0; -webkit-border-bottom-left-radius:0;}

/*---- arrows -------*/
.sf-menu a.sf-with-ul {padding-right: 22px; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position:absolute; display:block; right: 7.5px; width:10px; height:10px; text-indent:-9999px; overflow:hidden; background: url('../../lib/js/superfish-1.4.8/images/arrows-ffffff.png') no-repeat 0px -110px; top: 10.5px; /* IE6 only */}/* 8-bit indexed alpha png. IE6 gets solid image only */
a > .sf-sub-indicator {top: 8px; background-position:0 -100px;} /* apply hovers to modern browsers, give all except IE6 the correct values */

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*/}

/*** shadows for all but IE6 ***/
.sf-shadow ul {background:url('../../lib/js/superfish-1.4.8/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;}