/**MENU CSS**/

.menu-vertical {border-top:1px solid #ddd; margin-top:40px;}

.sf-menu A {border-bottom:1px solid #ddd; font-size:0.85em;}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute; top:-999em; width:140px; /* 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:2.5em; /* match top ul list item height */ z-index:9999;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:140px; /* 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.sfHover ul {left:140px; /* match ul width */ top:0;}
.sf-menu {float:left; margin-bottom:1em;}
.sf-menu a {padding:1.2em 0.5em 1.2em 1em; text-decoration:none;}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color:#666;}
.sf-menu li {background:transparent;}
.sf-menu li li {background:#eee;}
.sf-menu li li li {background:#eee;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#fbfbfb; outline:0; -webkit-box-shadow: 0px 0px 2px #eee; -moz-box-shadow: 0px 0px 2px #eee;}
.sf-menu .sf-sub-indicator {display:none;}
.sf-menu LI.current_page_item a {/*menu item + all subs...*/ }



/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {width:140px;}

/* 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:140px; /* match ul width */ top:0;}
.sf-menu A:active {background:#eee;}