/*
comment: mslevin
This works fine on all browsers except IE 5 on Mac
PC: ie5 | ie5.5 | ie6 | Firefox | Mozilla | Opera
Mac: Firefox | Safari
*/

#navigation #main-menu {
	padding: 0;
	margin: 0;
}

#navigation #main-menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 999;
}

#navigation #main-menu li { /* all list items */
	float: left;
	width: 200px; /* width needed or else Opera goes nuts */
}

#navigation #main-menu li ul { /* second-level lists */
  position: absolute;
  width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background: #fff;
	/*border: 1px solid #cdcdcf;*/
	/*border-bottom: 1px solid #cdcdcf;*/
}
#site-container #header #navigation #main-menu ul li li a {
  margin: 0;
  padding: 0;
  text-align: left;
}

#navigation #main-menu li:hover ul ul, #navigation #main-menu li:hover ul ul ul, #navigation #main-menu li.sfhover ul ul, #navigation #main-menu li.sfhover ul ul ul {
	left: -999em;
}

#navigation #main-menu li:hover ul, #navigation #main-menu li li:hover ul, #navigation #main-menu li li li:hover ul, #navigation #main-menu li.sfhover ul, #navigation #main-menu li li.sfhover ul, #navigation #main-menu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}