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

#SectionMenu
	{
/*	width: This is necessary to prevent the menu from spaning the whole page (set in the cosmetic section) */
	display: block;
	}

#SectionMenu a
	{
	display: block;
	}

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

#SectionMenu li
	{
	display: block;
	position: relative;
	z-index: 1000; /* This is needed because the #SectionMenu li ul seems to inherit the z-index from the parent element. See http://annevankesteren.nl/2005/06/z-index */
	width: 100%; /* We can only use 100% when no margin is present */
	margin: 0;
	border: 0;
	padding: 0;
	}

#SectionMenu li ul
	{
	display: none;
	position: absolute;
	z-index: 1000;
	top: 0px;
	left: 100%;
	}

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

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

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

/* Use visibility instead of display for IE */
* html #SectionMenu li ul
	{
	display: block;
	visibility: hidden;
	}
* html #SectionMenu li
	{
	float: left; /* Cure IE whitespace in lists problem */
	}

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

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

#SectionMenu
	{
	float: left;
	width: 125px;
	font-size: 11px;
	}

#SectionMenu ul
	{
	margin: 0px !important; /* Undo default ul styles */
	padding: 0px !important; /* Undo default ul styles */
	}

#SectionMenu li
	{
	width: 155px;
	margin: 0px !important; /* Undo default li styles */
	padding: 0px !important; /* Undo default li styles */
	}

#SectionMenu li a,
#SectionMenu li a:link,
#SectionMenu li a:visited,
#SectionMenu li a:hover
	{
	line-height: 12px;
	margin: 0px;
	padding: 5px 19px 5px 11px;

	background: #FFF url(../Images/bg_SectionMenu.gif) no-repeat 0% 50%;
	color: #686830 !important;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	}
#SectionMenu li li a,
#SectionMenu li li a:link,
#SectionMenu li li a:visited,
#SectionMenu li li a:hover,
#SectionMenu li.ParentMenuItem li.NormalMenuItem a
	{
	background-image: url(../Images/bg_SubSectionMenu.gif);
	}

#SectionMenu li a:hover,
#SectionMenu li.ParentMenuItem li.NormalMenuItem a:hover
	{
	color: #003800 !important;
	background-color: #D0D000;
	}

#SectionMenu li a.Current,
#SectionMenu li a.Current:link,
#SectionMenu li a.Current:visited,
#SectionMenu li a.Current:hover
	{
	color: #686830 !important;
	font-weight: bold;
	cursor: default;
	background: #FFF url(../Images/bg_SectionMenuCurrent.gif) no-repeat 0% 50%;
	}
#SectionMenu li li a.Current,
#SectionMenu li li a.Current:link,
#SectionMenu li li a.Current:visited,
#SectionMenu li li a.Current:hover,
#SectionMenu li.ParentMenuItem li.NormalMenuItem a.Current
	{
	background-image: url(../Images/bg_SubSectionMenuCurrent.gif);
	}

/* Change submenu arrow color on hover */
#SectionMenu li.ParentMenuItem a
	{
	background: #FFF url(../Images/bg_SectionMenuParent.gif) no-repeat 0% 50%;
	}
#SectionMenu li li.ParentMenuItem a
	{
	background-image: url(../Images/bg_SubSectionMenuParent.gif);
	}
#SectionMenu li.ParentMenuItem a.Current
	{
	background: #FFF url(../Images/bg_SectionMenuParentCurrent.gif) no-repeat 0% 50%;
	}
#SectionMenu li li.ParentMenuItem a.Current
	{
	background-image: url(../Images/bg_SectionMenuParentCurrent.gif);
	}
#SectionMenu li.ParentMenuItem a:hover,
#SectionMenu li.ParentMenuItem a.Current:hover
	{
	background-color: #D0D000;
	}