/* --------------------------- MENU ----------------------------------------------- */

			#popupmenu{
				float: left; /* to keep the other floating objects contained*/
				position: relative; /* This can also be fixed or absolute*/
				width: 100%;
				
				/*Format */
				background-color: transparent;
				color: white;
				font-family: Verdana;
				font-size:11px;
				border:0px;	
			}

			#popupmenu ul{
				float: left;
				white-space: nowrap;
				margin: 0;  
				padding: 0;  
			}

			#popupmenu ul li.separator {
				margin: 0 .4em 0 .4em;
				padding: 0;
				float: left;
				list-style-type: none;
				position: relative; 
				background-image:url(/images/menu_separatorGreen.jpg);
				display:block;
				width:1px;
				height:20px;
			}



			/* add more for each extra submenu level*/
			#popupmenu ul li,
			#popupmenu ul li ul li,
			#popupmenu ul li ul li ul li,
			#popupmenu ul li ul li ul li ul li
			{ 
				margin: 0;
				padding: 0;
				float: left;
				list-style-type: none;
				position: relative;  
			}
			/* add more for each extra submenu level*/
			#popupmenu ul li ul,
			#popupmenu ul:hover li ul li ul,
			#popupmenu ul:hover li ul li ul li ul,
			#popupmenu ul:hover li ul li ul li ul li ul
			{ 
				display: none;
				z-index: 1000;
			}

			/* First submenu level*/
			#popupmenu  > ul > li:hover > ul{
				display: block; /*unhide it*/
				
				float: right;	
				position: absolute; /* It needs to be absolute
				for the effect to work.*/
				
				left: 0em;
				width: 15em;
				top: 1.7em; /* This places the the bottom of the 
				ul 1.1em from the bottom of the enclosing li. This 
				is the important part of the effect.*/
				
			}

			/* For the remaining submenu levels*/
			/* add more for each extra submenu level*/
			#popupmenu  ul  li  ul  li:hover  ul,
			#popupmenu  ul  li  ul li ul li:hover  ul,
			#popupmenu  ul  li  ul li ul li ul li:hover  ul{
				float: right;
				display: block;
				position: absolute;
				
				width: 10em;
				left: 15em;
				top: 3px; /* Required with some value or
				the effect will not work*/
			}

			#popupmenu ul li:hover ul li{
				display: block;
				float: left;
				width: 100%;

			}

			#popupmenu ul li a{
				float: left;
				display: block;
				text-decoration: none;
				color: white;
				padding: 3px .5em 0 .5em;
				height:17px;
			}

			/* The on state for the link when you are on the submenu.
			This should be before the hover state for the link itself*/
			#popupmenu ul li:hover > a{
				background-color: white;
				color: #28b89b;
			}


			#popupmenu ul li a:hover
			{ 
				background-color: white; 
				color: #28b89b; 

			}

			#popupmenu ul li ul li a{ 
				float: none;
				
				border-color: #28b89b;
				border-style: solid;
				border-width: 1px;
				
				background-color: #28b89b;
				color: white;
				
				white-space: normal;
			 }

			#popupmenu ul li ul li:first-child a{
				border-width: 1px 1px 1px 1px;
			}

		/* --------------------------- MENU ----------------------------------------------- */