/** CSS related to FoodInc menu only  **/

#menu, #menu ul { /* all lists; width was 11em */
		padding: 0;
		margin: 0;
		list-style: none;
		float: left;
		width: 140px;
		font-size: 11px;
	}
	
	#menu li { /* all list items; width was 11em; line height was 1.25em */
		position: relative;
		float: left;
		line-height: 1.25em;
		margin-bottom: -1px;
		width: 140px;
		}
	
		
	/** use this to SET DISTANCE OF SECOND LEVEL from main topics **/
	#menu li ul { /* second-level lists; was margin-left : 11.05em; was margin-top: -1.85em;*/
		position: absolute;
		left: -999em;
		margin-left: 75px;
		margin-top: -1.85em;
	}
	
	#menu li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	/** removed width : 10em; other width  was 11em; colour was black; font was 13px;
	/** was: border-width: 1px 10px 1px 1px; border-style: solid; **/
	/** was border-color: #ccc #ed5400 #ccc #ccc; **/
	
	/** use this to set WIDTH OF MENU **/
	#menu li a {
	width: 14em;
	display: block;
	color: Black; /** removed font-weight: bold; **/
	text-decoration: none;
	background-color: #F5F5F5; /** removed border: 1px solid black; 
		padding: 0 0.5em; background colour was #F2F2D7**/
/** newly added: **/
	padding: 2px 3px 2px 4px;
	font: 100%, Verdana,Arial,Helvetica,sans-serif;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc #ccc #ccc #ccc;
}
		
#menu li.submenu a {
	width: 12.4em;
	display: block;
	color: Black; /** removed font-weight: bold; **/
	text-decoration: none;
	background-color: #F5F5F5; /** removed border: 1px solid black; 
		padding: 0 0.5em;  background colour was #F2F2D7**/
/** newly added: **/
	padding: 2px 0px 2px 4px;
	font: 100%, Verdana,Arial,Helvetica,sans-serif;
	border-width: 1px 3px 1px 1px;
	border-style: solid;
	border-color: #ccc Red #ccc #ccc;
}		

#menu li.submenu a:hover {
	width: 12.4em;
	display: block;
	color: #ed5400; /** removed font-weight: bold; **/
	text-decoration: none;
	background-color: #F5F5F5; /** removed border: 1px solid black; 
		padding: 0 0.5em; background-color was #F2F2D7**/
/** newly added: **/
	padding: 2px 0px 2px 4px;
	font: 100%, Verdana,Arial,Helvetica,sans-serif;
	border-width: 1px 3px 1px 1px;
	border-style: solid;
	border-color: #ccc Blue #ccc #ccc;
}
		
#menu li.submenu2 a {
	width: 12.4em;
	display: block;
	color: Black; /** removed font-weight: bold; **/
	text-decoration: none;
	background-color: #F5F5F5; /** removed border: 1px solid black; 
		padding: 0 0.5em; was background-color: #F2F2D7**/
/** newly added: **/
	padding: 2px 0px 2px 4px;
	font: 100%, Verdana,Arial,Helvetica,sans-serif;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc #ccc #ccc #ccc;
}				
	/** was: border-width: 1px 10px 1px 1px;
		border-style: solid;
		border-color: #ccc #000075 #ccc #ccc; **/
		
#menu li a:hover {
	/** added: **/
	color: #ed5400;
	background-color: White;
	padding: 2px 3px 2px 4px;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #ccc #ccc #ccc #ccc;
}
	
	#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
		left: -999em;
	}
	
	#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}