.content-right { z-index: 5; }
.content-left { z-index: 90; }

ul.sf-menu { margin: 0; padding: 0; width: 236px; }
.sf-menu li { background: transparent; margin: 0; padding: 0; display: block; width: 236px; height: 22px; }
.sf-sub-indicator { display: none; }

.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:active { display: block; background: url(../images/bg-nav-nomore.gif) no-repeat 0 0; height: 22px; width: 236px; border-left: 0; border-top: 0; padding: 0; text-decoration:none; margin: 0; color: #FFFFFF; text-indent: 5px; line-height: 20px; }
.sf-menu li a:hover, .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:hover, .sf-menu a:focus  { background: url(../images/bg-nav-nomore.gif) no-repeat 0 -22px; color: #FFFFFF; text-decoration: none; }

.sf-menu li a.sf-with-ul:link, .sf-menu li a.sf-with-ul:visited, .sf-menu li a.sf-with-ul:active { display: block; background: url(../images/bg-nav.gif) no-repeat 0 0; height: 22px; width: 236px; border-left: 0; border-top: 0; padding: 0; text-decoration:none; margin: 0; color: #FFFFFF; text-indent: 5px; line-height: 20px; }
.sf-menu li a.sf-with-ul:hover, .sf-menu a.sf-with-ul:hover, .sf-menu a.sf-with-ul:focus  { background: url(../images/bg-nav.gif) no-repeat 0 -22px; color: #FFFFFF; text-decoration: none; }

.sf-menu li.parent .separator { display: block; background: url(../images/bg-nav.gif) no-repeat 0 0; height: 22px; width: 236px; border-left: 0; border-top: 0; padding: 0; text-decoration:none; margin: 0; color: #FFFFFF; text-indent: 5px; line-height: 20px; }
.sf-menu li.parent .separator:hover,.sf-menu li.parent .separator:focus  { background: url(../images/bg-nav.gif) no-repeat 0 -22px; color: #FFFFFF; text-decoration: none; }

.sf-menu ul li{ border-bottom: 0px solid #FFF; border-left: 0px solid #FFF; border-right: 0px solid #FFF; }
.sf-menu ul li ul li.first-child{ border-top: 0px solid #FFF; }
.sf-menu ul li ul li{ border-bottom: 0px solid #FFF; border-left: 0px solid #FFF; border-right: 0px solid #FFF; }

.sf-menu .active { background: none; }
.sf-menu li#current a:link, .sf-menu li#current a:visited, .sf-menu li#current a:active,
.sf-menu li.active a:link, .sf-menu li.active a:visited, .sf-menu li.active a:active { background: url(../images/bg-nav-nomore.gif) no-repeat 0 -22px; }

.sf-menu li#current.parent a:link, .sf-menu li#current.parent a:visited, .sf-menu li#current.parent a:active { background: url(../images/bg-nav.gif) no-repeat 0 -22px; }
.sf-menu li.active.parent a:link, .sf-menu li.active.parent a:visited, .sf-menu li.active.parent a:active { /* background: url(../images/bg-nav.gif) no-repeat 0 -22px;*/ }

/* Second Level */
.sf-menu li li a:link, .sf-menu li li a:visited, .sf-menu li li a:active,
.sf-menu li#current li a:link, .sf-menu li#current li a:visited, .sf-menu li#current li a:active, 
.sf-menu li.parent li a:link, .sf-menu li.parent li a:visited, .sf-menu li.parent li a:active,
.sf-menu li#current.parent li a:link, .sf-menu li#current.parent li a:visited, .sf-menu li#current.parent li a:active,
.sf-menu li.active.parent li a:link, .sf-menu li.active.parent li a:visited, .sf-menu li.active.parent li a:active
 { background: url(../images/bg-nav-nomore.gif) no-repeat 0 -22px; color: #FFFFFF; }

.sf-menu li li#current a:link, .sf-menu li li#current a:visited, .sf-menu li li#current a:active,
.sf-menu li li a#current:hover,
.sf-menu li li a:hover,
.sf-menu li#current li a:hover, 
.sf-menu li.parent li a:hover,
.sf-menu li#current.parent li a:hover,
.sf-menu li.active.parent li a:hover
 { background: url(../images/bg-nav-nomore.gif) no-repeat 0 0; color: #FFFFFF; }
 
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left:	236px; /* match ul width */ top:	0; }

/* Other */
.sf-menu ul { position: absolute; top: -999em; width: 236px; /* left offset of submenus need to match (see below) */ }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:	236px; /* match ul width */ top: 0; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 236px; /* match ul width */  top: 0; }