/* all lists */
.nav, .nav ul { 
	padding: 0;
	margin: 0;
	line-height: 1;
	z-index: 1000;
}

.nav li { 
	float: left;
	/*width: 10em;  width needed or else Opera goes nuts */
	list-style-type: none;
	background-image: none;
	margin: 0;
	padding: 0;
}

.nav a:hover,
.nav a:visited,
.nav a { display: block; color: white; padding: 4px 3px }

/* second-level lists */
.nav li ul {	
	position: absolute;
	background: #fbe9b9;
	width: 185px;
	border-top: 1px solid brown; border-left: 1px solid brown; border-right: 1px solid brown;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
.nav li ul li {	border-bottom: 1px solid #700 }
.nav li ul li a,
.nav li ul li a:visited { color: #700; font-weight: normal }
.nav li ul li a:hover {	color: #F00; font-weight: normal }

/* third-and-above-level lists */
.nav li ul ul { margin: -1.2em 0 0 0  }

.nav li:hover ul ul, 
.nav li:hover ul ul ul, 
.nav li.sfhover ul ul, 
.nav li.sfhover ul ul ul { left: -999em }

.nav li:hover ul, 
.nav li li:hover ul, 
.nav li li li:hover ul, 
.nav li.sfhover ul, 
.nav li li.sfhover ul,  /* lists nested under hovered list items */
.nav li li li.sfhover ul { left: auto }


/* Hide sub indicators for first level */
.nav span.sf-sub-indicator { display: none }
.nav li ul span.sf-sub-indicator { display: inline }


/* [BELOW] CSS Specific to European Bakers Menu */

/* Set widths for top level menu items */
.nav li.about { width: 175px }
.nav li.varieties { width: 80px }
.nav li.bread { width: 123px }
.nav li.brokers { width: 177px }
.nav li.sales { width: 103px }

/* Dividers for top level menu items. */
.nav li.about,
.nav li.varieties,
.nav li.bread,
.nav li.brokers { border-right: 1px solid white }

.nav li.about,
.nav li.varieties,
.nav li.bread,
.nav li.brokers { margin-right: 13px }
.nav li.about { margin-left: 13px }

.nav li.sales ul { margin-left: -63px }