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

.hide
{
	display: none;
}

/*	Flyout arrows -- example only.
	li.sub { background-image: url('/images/right_arrow.gif'); background-position: right; background-repeat: no-repeat; }
*/

/* 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: #0000ae;				/* >>> 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: #0000ae;				/* >>> Menu background color */
	padding: 9px;					/* >>> 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: 11px Tahoma, Arial, sans-serif;
	font-weight: bold; 
	text-decoration: none;
	line-height: 1em;
	color: #fff;						/* >>> 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: #006;				/* >>> Menu item hover bg color */
	color: #fff;						/* >>> Menu item hover text-color */
}

/* Duplicate copy of the above that IE 6 can read */
ul.menu li a:hover, ul.menu li a.DisplayHover, ul.menu li.DisplayHover
{
	text-decoration: none;
	background-color: #006;				/* >>> Menu item hover bg color */
	color: #fff;						/* >>> Menu item hover text-color */
}

/* Custom Definitions: */