/* 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: 160px;						/* >>> Primary menu width */
	background-color: #eee;				/* >>> Menu background color */
}

/* List items */
ul.menu li
{
	list-style-type: none !important;
	list-style-image: none !important;
	position: relative;
	margin: 0;
	border: 0;
	background-color: #FCEFBA;				/* >>> Menu item background color */
	padding: 4px 4px 4px 10px;						/* >>> Menu item padding */
}

/* 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: 160px;						/* >>> 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: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 18px;
	color: #000;						/* >>> 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;
	background-color: #65604a;			/* >>> Menu item hover bg color -- same as line 72 */
	color: #ffcb08;						/* >>> 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;
	background-color: #65604a;				/* >>> Menu item hover bg color */
	color: #ffcb08;						/* >>> Menu item hover text-color */
}


/* Custom Definitions: */
ul.menu { text-align: left; }

div.menu
{
	cursor: default;
	position: absolute;
	z-index: 500;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	border: 0;
}