.mlddm
{	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	/*background: #ECE9D8 url(menu0.gif) no-repeat;*/
	/*height: 20px;*/
	list-style: none;
	}

	.mlddm li
	{	display: inline;
		white-space:nowrap;
		margin: 0;
		padding: 0 0px 0 0px;
		list-style: none;
		float: left;
		font: 12px Arial;
		border-right:0px #a1a1a1 solid;
		}
	.mlddm li.last
	{	display: inline;
		white-space:nowrap;
		margin: 0;
		padding: 0 0px 0 0px;
		list-style: none;
		float: left;
		font: 12px Arial;
		border-right:0px #a1a1a1 solid;
		}

	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		text-align: center;
		padding: 0px 25px 0px 25px;
		margin: 0;
		width: auto;
		border:0px #a1a1a1 solid;
		/*background: #ECE9D8;*/
		/*border: 1px solid #ECE9D8;*/
		border-left:0px;
		border-right:0px;
		text-decoration: none;
		font-family:Arial, Helvetica, sans-serif;
		color:#4e8faf;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
		text-transform:uppercase;
		}

	.mlddm li a:hover, .mlddm li a#buttonhover
	{	color: #ffffff;
		font-size:11px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		background: #008DC2;
		/*border: 1px solid #316AC5;*/
	}

		.mlddm ul /*LEVEL 1*/
		{	z-index: 100;
			margin: 4px 0px 0 0px;
			padding: 0px 0 0 0;
			visibility: hidden;
			position: absolute;
			clear: both;
			/*background: #FFF url(menubg.gif) repeat-y;*/
			background: #ffffff;
			border: 1px solid #E1DA9B;
		}
		.mlddm ul ul /*LEVEL 2*/
		{	z-index: 120;
			margin: -1px 0px 0px 0px;
			padding: -1px 0 0 0;
			visibility: hidden;
			position: absolute;
			clear: both;
			background: #ffffff url(menubg.gif) repeat-y;
			border: 1px solid #E1DA9B;
		}
		
		.mlddm ul li
		{	float: none;
			margin: 0 0 0 0;
			padding: 0;
			border: 0px;
		}

		.mlddm ul li a /*SUB LEVELS NOT HOVER BACKGROUND*/
		{	white-space: nowrap;
			width: auto;
			margin: 0px;
			padding: 3px 30px 3px 10px;
			font: 10px Arial;
			text-align: left;
			text-decoration: none;
			/*background: transparent;*/
			/*background:#6984A5;*/
			background:#ffffff;
			border: 0px #E1DA9B solid;
			/*border-right: 1px solid white;*/
			color: #676C29;
		}
	
		.mlddm ul li a:hover /*BORDER COLOR OF ACTIVE (HOVER) SUBLEVEL*/
		{	color: #008DC2;
			border: 0px #A7A7B1 solid;
			padding: 3px 30px 3px 10px;
			background: #FFFDDC;
			font: 10px Arial;
			}
	
		.mlddm .hsub /*SUBLEVEL WHICH HAS CHILD*/
		{	
			background:#FFFFFF  no-repeat right;
			/*background-image: no-repeat right url(/templates/front/layouts/default/images/icons/arrow.gif);*/
			background-image:url(../images/icons/arrow.gif);
			background-position: 97% 50%;
		}

		.mlddm .hsub:hover
		{	
			background: #FFFDDC no-repeat right url(../images/icons/arrow.gif);
			/*background-position: 100% -2px;*/
			background-position: 97% 50%;
			color:#008DC2;
		}

		.mlddm ul li span
		{	display: block;
			position: absolute;
			border: 0px solid black;
			width: 22px;
			height: 22px;
			overflow: hidden;
			background-position: 2px 3px;
			background-repeat: no-repeat;
			z-index: 100}

		#icon01
		{	background-image: url(icon_office_caption.gif)}
		#icon02
		{	background-image: url(icon_office_pen.gif)}
		#icon03
		{	background-image: url(icon_office_note.gif)}
		#icon04
		{	background-image: url(icon_office_marks.gif)}
		#icon05
		{	background-image: url(icon_office_abc.gif)}