/* Menu area */

#navMenuContainer
{
	height: 8em;
	background: #fafafa url('../images/layout/menu_bg.gif') top left repeat-x;
	min-width: 67em;
	z-index: 0;
}

/* Menu level 1 (headings) */

#navMenuList
{
	padding: 3em 0 0 19em;
	margin: 1px 0 0 0;
	float: left;
	list-style-type: none;
	text-align: left;
}

#navMenuList li
{
	float: left;
	border-left: dotted 1px #848484;
}

#navMenuList li.navMenuHeadingFirst
{
	border-left: none;
}

#navMenuList a
{
	display: block;
	text-decoration: none;
	color: #6a6a6a;
	padding: 0.5em 0.8em;
	margin: 0 0.5em;
	font-weight: lighter;
	font-size: 1.1em;
}

#navMenuList a:hover, #navMenuList li:hover a.navMenuHeadingLink, #navMenuList li.sfhover a.navMenuHeadingLink
{
	background: #AF0A0A url('../images/layout/menu_item_hover_bg.gif') bottom left repeat-x;
	color: #ffffff;
}

/* Menu level 2 and above (items) */

#navMenuList ul
{
	float: left;
	list-style-type: none;
	position: absolute;
	border: 1px solid #918d8d;
	border-width: 1px 1px 0 1px;
	line-height: 2em;
	z-index: 100;
	background-color: white;
	width: 201px;
	margin-top: 0;
	margin-left: 0.6em;
}

#navMenuList li.navMenuLeft ul
{
	margin-left: -6.3em;
}

#navMenuList li li
{
	margin: 0;
	padding: 0;
	width: 200px;
	border: 0 solid #918d8d;
	border-bottom-width: 1px;
}

#navMenuList li li a 
{
	margin: 0;
	padding: 0;
	width: 200px;
	display: block;
	font: normal 0.95em Verdana, sans-serif;
	text-indent: 1em;
	padding: 0.6em 0;
	text-decoration: none;
	color: black;
}

#navMenuList li li a:hover
{
	background: #edf3f3;
	color: black;
}

/* Menu level 3 and above (submenus) */
#navMenuList li ul ul
{
	margin: -2.3em 0 0 125px;
}

#navMenuList li.navMenuLeft ul ul
{
	margin-left: -180px;
}


/* Control which items and submenus to show and which to move offscreen */
#navMenuList ul, #navMenuList li:hover ul ul, #navMenuList li:hover ul ul ul, #navMenuList li:hover ul ul ul ul, #navMenuList li.sfhover ul ul, #navMenuList li.sfhover ul ul ul, #navMenuList li.sfhover ul ul ul ul
{
	left: -999em;
}

#navMenuList li:hover ul, #navMenuList li li:hover ul, #navMenuList li li li:hover ul, #navMenuList li li li li:hover ul, #navMenuList li.sfhover ul, #navMenuList li li.sfhover ul, #navMenuList li li li.sfhover ul, #navMenuList li li li li.sfhover ul
{
	left: auto;
}


