.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0; }
.sf-menu ul { position: absolute; width: 200px; clear: left; top: 33px; } /* 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; z-index: 99; } /* match top ul list item height */
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: 200px;  } /* match ul width */
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: 200px;  } /* match ul width */

ul.sf-menu ul a {
	display: block;
	width: 200px;
}

ul.sf-menu ul li { /* all list items */
	float: left;
	width: 200px; /* width needed or else Opera goes nuts */
	position: relative;
}

ul.sf-menu li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

ul.sf-menu li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 200px;
}

ul.sf-menu li:hover ul ul, ul.sf-menu li:hover ul ul ul, ul.sf-menu li.sfhover ul ul, ul.sf-menu li.sfhover ul ul ul {
	left: -999em;
}

ul.sf-menu li:hover ul, ul.sf-menu li li:hover ul, ul.sf-menu li li li:hover ul, ul.sf-menu li.sfhover ul, ul.sf-menu li li.sfhover ul, ul.sf-menu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.sf-menu { float: left; }
.sf-menu li li a { font-family: "Trebuchet MS", Verdana; font-size: 12px; padding: 6px 6px 6px 20px; text-decoration: none; }
.sf-menu li li a, .sf-menu li li a:visited  { color: #363636; text-decoration: none; } /* visited pseudo selector so IE6 applies text colour*/
.sf-menu li li { background-image: url( /custom/site_images/dropdown_bg.png ); background-repeat: repeat-x; background-position: 0px 0px; margin-bottom: 1px; }
.sf-menu li li li {  }
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { color: #FFFFFF; text-decoration: none; background-position: 0px -250px; outline: 0; }

.sf-menu .jqhide { left: auto; display: none; }
