/* PORTALS MENU STYLES */
	.menulist1 li {
	 float: left;
	 position: relative;
	 background: #8dad96;
	 color:#000000;
	/* border: 1px solid #330;*/
	 margin:0px;
	}
	/*li.sep{
		width:2px;
		margin:0px;
		padding:0px;
		background-image: url(../images/img.menubg.jpg);
	}*/
	.sep{
		width:2px;
		padding:0px; margin:0px; height:2px;
		background-image: url(../images/img.sep.jpg);
	}
	
	/* Items in submenus - override float/border/margin from above, restoring default vertical style */
	.menulist1 ul li {
	 float: none;
	 margin-right: 0;
	 margin-bottom: -1px;
	 border:1px solid black;
	 width:150px;
	}
	.menulist1 ul>li:last-child {
	 margin-bottom: 0px;
	}
	/* Links inside the menu */
	.menulist1 a {
	font-family:Arial,verdana, sans-serif;
	font-size:11px;
	color:#000000;
	 display: block;
	 padding:5px;
	 text-decoration:  none;
	}
	
	/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
	.menulist1 a:hover, .menulist1 a:focus {
	 color: #7ABC27;
	 background-color: #e5f3e9;
	}
	 .menulist1 a.highlighted{
		color:#7ABC27;
		background-color:#e5f3e9;
	 }
	 .toplevel a.highlighted{
		color:#7ABC27;
	 }
	/*.menulist1 a.highlighted {
	 color: #7ABC27;
	 background-color: #7ABC27;
	}
	*/
	/*
	 If you want per-item background images in your menu items, here's how to do it.
	 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
	 2) Copy and paste these next lines for each link you want to have an image:
	*/    .menulist1 a.ptoplevel {
		  background-image: url(../images/img.menubg.jpg);
		  padding:8px 5px 8px 5px;
		  text-transform:none;
		}
		.menulist1 a.ptoplevel:link, .menulist1 a.ptoplevel:active, .menulist1 a.ptoplevel:visited{
			color:#FFFFFF;
		}
		.menulist1 a.ptoplevel:hover{
			color:#7ABC27;
		}
	/*    .menulist1 a.ptoplevel:hover, .menulist1 a.highlighted.ptoplevel, .menulist1 a:focus {
		 background-image: url(over.gif);
		}
	/**/
	
	/* Only style submenu indicators within submenus. */
	.menulist1 a .subind {
	 display:  none;
	}
	.menulist1 ul a .subind {
	 display:  block;
	 float: right;
	}
	
	/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
	.menulist1 a {
	 float: left;
	}
	.menulist1 ul a {
	 float: none;
	}
	/* \*/
	.menulist1 a {
	 float: none;
	}
	/* */
	
	
	/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
	* html .menulist1  ul li {
	 float: left;
	 height: 1%;
	}
	* html .menulist1  ul a {
	 height: 1%;
	}
	/* End Hack */
/* END OF PORTALS MENU STYLES */