.sf-menu,.sf-menu * {font-size: 16px; font-family:"Trajan Pro","Times New Roman",serif;}
.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; padding-top:6px; padding-right: 40px;}
.sf-menu a {display:block; position:relative;}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0; top:35px; /* 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;}

/*** SKIN ***/
.sf-menu {margin-bottom:10px; height: 25px;}
.sf-menu {}
.sf-menu a { padding: 6.5px 0; text-decoration:none;}

/*text colour*/
/*.sf-menu a,
.sf-menu a:visited {} /* visited pseudo selector so IE6 applies text colour*/

/* lvl#1 background */
.sf-menu li { text-transform:uppercase;}

/* lvl#2 background */
.sf-menu li li {background:#FFFFFF; text-transform: none; border-bottom: 1px solid #DDD; font-size: 14px; padding: 0 0 0 10px;}
.sf-menu li li a, .sf-menu li li a span {font-size: 13px; font-weight: normal;}
/* lvl#3 background */
.sf-menu li li li {background:#222222;}

/* current and hoverstate background colours */ 
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li.current,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {outline:0;}

/* current and hoverstate text colours */ 
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li.current > a, /*modern browsers only :( */
.sf-menu li li.current a,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {outline:0; }

.sf-menu li.current a {text-decoration:underline;}
.sf-menu li.current li a {text-decoration:none;}
.sf-menu li.current li a:hover {text-decoration:underline;}
/*--------------------------------*/
/*-- 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; border-bottom: 25px solid #bbb; /*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 {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; 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;}