/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 23px; height:23px; }
.sf-menu ul { position: absolute; top: -999em; width: 200px; } /* 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: 23px; z-index: 99; } /* match top ul list item height */
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: 200px; top: 0; } /* match ul width */
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: 200px; top: 0; } /* match ul width */

/*** DEMO SKIN ***/
.sf-menu { float: left; }
.sf-menu a { padding:0px 8px; font-weight:normal; text-decoration:none; font-size:8.5pt; }
.sf-menu a, .sf-menu a:visited { color:#FFF; } /* visited pseudo selector so IE6 applies text colour*/
.sf-menu li { background: #62a1dd; border-right: 3px solid #fff; }
.sf-menu li li, .sf-menu li li li { background:#62a1dd; border:1px solid #FFF; margin-bottom:1px; }
/*.sf-menu li:hover, .sf-menu li.sfHover, */
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { color:#FFF; background: #963; outline: 0; }
.sf-menu a.menud:focus, .sf-menu a.menud:hover, .sf-menu a.menud:active { color:#FFF; background: #62a1dd; outline: 0; }

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