/*   ------ ######################## ------   */
/*   ------ Menu Layout and Function ------   */
/*   ------ ######################## ------   */

#MainMenu
	{
	display: block;
	}

#MainMenu a
	{
	display: block;
	}

#MainMenu ul
	{
	margin: 0;
	border: 0;
	padding: 0;
	list-style-type: none;
	}

#MainMenu li
	{
	display: block;
	float: left;
	position: relative;
	z-index: 10; /* This is needed because the #MainMenu li ul seems to inherit the z-index from the parent element. See http://annevankesteren.nl/2005/06/z-index */
	margin: 0;
	border: 0;
	padding: 0;
	}

#MainMenu li li
	{
	width: 100%;
	}

#MainMenu li ul
	{
	position: absolute;
	display: block;
	visibility: hidden; /* Use visibility instead of display due to IE */
	z-index: 10;
	}

#MainMenu li:hover>ul
	{
	display: block;
	}

#MainMenu li li ul
	{
	display: block; /* To show permanently */
	top: -1px; /* Remove for bottom to top */
/* 	bottom: -1px; */ /* Add for bottom to top */
	left: 100%;
	}

/* this is needed if you want to style #MainMenu div - force containment of floated LIs inside of main UL */
#MainMenuList:after
	{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
	}

/*   ------ ######## ------   */
/*   ------ IE Hacks ------   */
/*   ------ ######## ------   */

* html #MainMenu li
	{
	float: left; /* Cure IE whitespace in lists problem */
	}

* html #MainMenu a
	{
	height: 1%; /* Make links honour display: block; properly */
	}

/*   ------ ######### ------   */
/*   ------ Menu Look ------   */
/*   ------ ######### ------   */

#MainMenu
	{
	float: left;
	height: 12px;
	line-height: 12px;
	color: #FFF;
	font-size: 10px;
	}

#FooterMenu ul
	{
	float: left;
	}

#MainMenu li
	{
	min-width: 35px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	white-space: nowrap;
	}
* html #MainMenu li
	{
	width: 35px;
	}

#MainMenu li li
	{
	width: 160px;
	padding: 0px;
	border-top: solid 1px #A1C369;
	white-space: normal;
	}

#MainMenu li ul
	{
	width: 160px;
	}

#MainMenu a:link,
#MainMenu a:visited
	{
	background-color: #4B7A00;
	}
#MainMenu a:hover
	{
	background-color: #A1C369;
	}

#MainMenu li a
	{
	padding: 6px 10px 7px 10px;
	background-color: #4B7A00;
	color: #FFF;
	font-weight: 400;
	text-decoration: none;
	}

/* Change submenu arrow color on hover */
#MainMenu li li.ParentMenuItem a
	{
	background: #4B7A00 url(../Images/bg_SubSideMenuArrow.gif) no-repeat 100% 3px;
	}
#MainMenu li li.ParentMenuItem a:hover
	{
	background: #A1C369 url(../Images/bg_SubSideMenuArrow.gif) no-repeat 100% -108px;
	}
#MainMenu li li.NormalMenuItem a,
#MainMenu li li.NormalMenuItem a:hover
	{
	background-image: none;
	}

/* Look for the current menus and submenus */
#MainMenu li a.Current:link,
#MainMenu li a.Current:visited,
#MainMenu li a.Current:hover
	{
	background-color: #89B247;
	cursor: default;
	}
#MainMenu li li a.Current:link,
#MainMenu li li a.Current:visited,
#MainMenu li li a.Current:hover
	{
	background-color: #A1C369;
	}

/* Look of the disabled menus and submenus */
#MainMenu a.Disabled:link,
#MainMenu a.Disabled:visited,
#MainMenu a.Disabled:hover
	{
	color: #D55852;
	cursor: default;
	}