/*** 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: 8em; /* left offset of submenus need to match (see below) */ }
.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.2em; /* match top ul list item height */ z-index: 99; }
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: 8em; /* 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: 10em; /* match ul width */ top: 0; }

.sf-menu { float: left; margin-left: 0px; font-size: 17px; }
.sf-menu a { padding: 1.4em 1.8em 1em 1.8em; text-decoration:none; text-transform: uppercase; font-weight: 100; } /* ALSO CHANGE THIS IN THE ARROWS SECTION */
.sf-menu a, .sf-menu a:visited  { color: #ffffff; }
.sf-menu li { background: url(../images/bg-divider.jpg) center left no-repeat; }
.sf-menu li a:hover { color: #aaa;}
.sf-menu li:first-child { background: none; }
.sf-menu li:first-child a { padding-left: 0px; }
.sf-menu li:first-child:hover { background-image: none; }
.sf-menu li li { background:#ddd; font-size: 15px; padding: 0 5px; }
.sf-menu li li a { padding: 8px 0; }
.sf-menu li li:first-child { background: #ddd; }
.sf-menu li li li { background: #9AAEDB; }
.sf-menu li:hover { outline: 0; }
.sf-menu li li:hover { background: #aaa; outline: 0; }
.sf-menu li li:first-child:hover { background: #aaa; outline: 0; }

/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 1.1; min-width: 1px; } /* MODIFY THIS PADDING TO ADD SPACE FOR ARROWS */
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; }
a > .sf-sub-indicator { top: .8em; background-position: 0 -100px; }
/* apply hovers to modern browsers */
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; }

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