body.multidrop {
	font: 15px arial, helvetica, sans-serif;
}

ul.multidrop a {
	color: white;
	text-decoration: none;
	
}

ul.multidrop {
	padding: 1px;
	margin: 0;
	background: darkviolet;	/* the menu bar with no activity */
	float: left;
	width: 1008px;
}

ul.multidrop ul {
	padding: 0;
	margin: 0;
	background: orange;	/* does not appear to be used */
	float: left;
}

ul.multidrop li {
	padding: 5px;
	float: left;
	display: inline;
	position: relative;
	width: 158px;
	list-style: none;
	cursor: pointer;
}

ul.multidrop li:hover {
	background: magenta;		/* the colour of a main menu item when the mouse is over the item */
}

ul.multidrop ul {
	position: absolute;
	left: 0;
	top: 100%;
	background: red;		/* does not appear to be used */
	display: none;
	width: 158px;
}

ul.multidrop ul ul {
	left: 100%;
	top: 0;
	background: yellow;		/* does not appear to be used */
}

ul.multidrop li:hover > ul {
	display: block;
	background: indigo;		/* the colour of sub-items with no hover */
	width: 168px;				/*********/
}

ul.multidrop li ul li:hover {
	background: orchid;		/* the colour of sub-items with hover; remains this colour when cursor moves to sub-sub-item */
}