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

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

#SideMenu a
	{
	display: block;
	}

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

#SideMenu li
	{
	display: block;
	position: relative;
	z-index: 1000; /* This is needed because the #SideMenu 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;
	}

#SideMenu li ul
	{
	position: absolute;
	top: 0px;
	left: 100%;
	display: block;
	z-index: 1000;
	visibility: hidden; /* Use visibility instead of display due to IE */
	}

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

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

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

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

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

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

#SideMenu
	{
	float: left;
	width: 165px;
	padding-bottom: 10px;
	font-size: 10px;
	}

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

#SideMenu li
	{
	margin: 0px !important; /* Undo default li styles */
	padding: 0 0 0 25px !important; /* Undo default li styles */
	border-bottom: solid 1px #FFF;
	background: #89B247 url(../Images/bg_SideMenu.gif) repeat-y !important;
	width: 140px;
	width: "165px";
	}

#SideMenu a,
#SideMenu a:link,
#SideMenu a:visited,
#SideMenu a:hover
	{
	line-height: 12px;
	margin: 0px;
	padding: 6px 19px 6px 8px;

	color: #FFF !important;
	font-weight: 400;
	text-decoration: none;
	}
* html #SideMenu a,
* html #SideMenu a:link,
* html #SideMenu a:visited,
* html #SideMenu a:hover
	{
	padding: 5px 19px 6px 8px;
	}
#SideMenu a:hover
	{
	background-color: #A1C369;
	}

#SideMenu a.Current,
#SideMenu a.Current:link,
#SideMenu a.Current:visited,
#SideMenu a.Current:hover
	{
	color: #FFF !important;
	background-color: #4B7A00;
	font-weight: 600;
	cursor: default;
	}

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