ul#mainMenu { margin: 0; padding: 0; }
ul#mainMenu li { list-style-type: none; display: inline; }

.hide
{
	display: none;
}

/* Top-level menu blocks */
ul.menu, ul.menu ul
{
	cursor: default;
	position: absolute;
	z-index: 500;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	border: 0;
	width: 210px;						/* >>> Primary menu width */
	background-color: #B5A58C;				/* >>> Menu background color */
}

/* List items */
ul.menu li
{
	list-style-type: none !important;
	list-style-image: none !important;
	position: relative;
	margin: 0;
	border: 0;
	padding: 4px;						/* >>> Menu item padding */
	background-image : url("/images/menu_slice2.jpg");
	background-color: #B5A58C;				/* >>> Menu background color */
}

/* Increase clickable surface area inside LIs */
ul.menu li a
{
	display: block;
	width: 100%;
}

/* Child menus */
ul.menu li > ul
{
	padding: 0; margin: 0;
	display: none;
	position: absolute;
	top: 0px;
	left: 210px;						/* >>> Left-offset of menus; set to the same as parent width */
}

ul.menu li:hover > ul
{
	display: block;
}

/* Global text settings */
ul.menu li, ul.menu li a, ul.menu li a:visited, ul.menu li a:link, ul.menu li a:active
{ 
	font: 12px "Book Antigua", Century, "Times New Roman", serif;
	font-weight: bold; 
	text-decoration: none;
	line-height: 1em;
	color: #7e6e4d;						/* >>> Default menu item text-color */
} 

/* Hover states -- IE 6 will discard the definitions below due to the > selector */
ul.menu li a:hover, ul.menu li:hover, ul.menu li:hover > a
{
	text-decoration: none;
	color: #9f8859;						/* >>> Menu item hover text-color */
}
/* Duplicate copy of the above that IE 6 can read */
ul.menu li a.CSStoHighLink, ul.menu li.CSStoHighlight
{
	text-decoration: none;
	color: #9f8859;						/* >>> Menu item hover text-color */
}

/* Custom Definitions: */
ul.menu
{
	background-color: #B5A58C;				/* >>> Menu background color */
	background-position : top;
	background-repeat : repeat-x;	
}