/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {padding-bottom: 10px;background: #fd6b9c url(../img/pink-white.gif) repeat-x left top;width: 990px;height: 30px;position:relative;}
.sf-navbar li {background-position: left top;background-repeat: repeat-x;background-image: url(../img/lightpink.gif);position:static;}
.sf-navbar a {font-size: 14px;font-family: Helvetica, Arial, sans-serif;border-top:none;}
.sf-navbar li ul {width: 990px; /*IE6 soils itself without this*/}
.sf-navbar li li {background: #d60051 url(../img/red-red.gif) repeat-x left top;position:relative;}
.sf-navbar li li ul {width: 990px;}
.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 {}
.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: #d60051 url(../img/red-red.gif) repeat-x left top;}
.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 {}
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 {}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {left:0;top: 30px; /* match top ul list item height */}
ul.sf-navbar .current ul ul {top: -999px;}

.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; /* arrow hovers for modern browsers*/}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {background: transparent;-moz-border-radius-bottomleft: 0;-moz-border-radius-topright: 0;-webkit-border-top-right-radius: 0;-webkit-border-bottom-left-radius: 0;}
body {margin: 0px;}
.sf-sub-indicator {display: none;}
