/*** ESSENTIAL STYLES ***/
.accordion ul ul{display:none}
.accordion li{position:relative;}
.accordion li li{position:static;}

.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:100%;}
.sf-menu ul li{width:100%;}
.sf-menu li:hover{visibility:inherit;}
.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;z-index:99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{left:100%;top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{left:100%;top:0;}

/*** DEMO SKIN ***/
.sf-menu{float:left;}
.sf-menu a{padding:.6em 1em;text-decoration:none;}
.sf-menu a, .sf-menu a:visited{color:#13a;}
.sf-menu li{background:transparent;}
.sf-menu li li{background:#ddd;}
.sf-menu li li li{background:#ccc;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{background:#CFDEFF;outline:0;}

/*** arrows **/
.sf-menu a.sf-with-ul {padding-right:2.25em;min-width:1px;}
.menu .sf-sub-indicator{position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden !important;background:url('arrows-ffffff.png') no-repeat -10px -100px;}
.menu a > .sf-sub-indicator{top:.8em;background-position: 0 -100px;}
/* apply hovers to modern browsers */
.menu a:focus > .sf-sub-indicator,
.menu a:hover > .sf-sub-indicator,
.menu a:active > .sf-sub-indicator,
.menu li:hover > a > .sf-sub-indicator,
.menu li.sfHover > a > .sf-sub-indicator{background-position: -10px -100px;}

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

/*** shadows for all but IE6 ***/
.sf-shadow ul {background:	url('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;}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {width:100%;}
/* 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:100%;top:0;}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; }
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; }
/* 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;}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar{width:100%;position:relative;padding-bottom:2.5em;background:#ddd}
.sf-navbar li{position:static;background:transparent}
.sf-navbar a{border-top:none;background:transparent}
.sf-navbar li ul{width:100%;background:#ccc;}
.sf-navbar li li{position:relative;}
.sf-navbar li li ul{width:100%;}
.sf-navbar li li li{width:100%;}
.sf-navbar ul li{width:auto;float:left;}
.sf-navbar a, .sf-navbar a:visited{border:none;}
.sf-navbar li.current{background:#ccc;}
.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:#ccc;}
.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:#ddd;}
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:#eee;}
ul.sf-navbar .current ul, ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul{left:0;top:10px}
ul.sf-navbar .current ul ul{top:-999em;}
.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 -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* 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 -100px;}
/*** 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;}