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

	.mlddm li
	{	display: inline;
		white-space:nowrap;
		margin: 0;
		padding: 0 0px 0 0;
		list-style: none;
		float: left;
		font-size : 13px;
		font-family:Georgia;
		border-right: 0px solid #FFF}

	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		text-align: center;
		color: #fff;
		padding: 7px 12px 3px 12px;
		margin: 0;
		width: auto;
        font: 12px Georgia;
		/*background: #ECE9D8;*/
		/*border: 1px solid #ECE9D8;*/
		text-decoration: none}

	.mlddm li a:hover, .mlddm li a#buttonhover
	{	color: #000;
		background: #30B1C4;
		/*padding: 7px 8px 3px 8px;*/
		/*border: 1px solid #316AC5;*/
	}

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

		.mlddm ul li a
		{	white-space: nowrap;
			width: auto;
			margin: 0px;
			padding: 5px 20px 6px 10px;
			font: 11px Arial;
			text-align: left;
			text-decoration: none;
			/*background: transparent;*/
			background:#1A8DAA;
			border: 1px #ffffff solid;
			/*border-right: 1px solid white;*/
			color: #ffffff;
		}
	
		.mlddm ul li a:hover
		{	color: #000000;
			border: 1px #ffffff solid;
			padding: 5px 20px 6px 10px;
			background: #3AA9BB;
			font: 11px arial;
			}
	
		.mlddm .hsub
		{	
			background:#B08E60  no-repeat right;
			/*background-image: no-repeat right url(/templates/front/layouts/default/images/icons/arrow.gif);*/
			background-image:url(../images/arrow.jpg);
		}

		.mlddm .hsub:hover
		{	
			background: #C1D2EE no-repeat right url(../images/arrow.jpg);
			/*background-position: 100% -2px;*/
		}

		.mlddm ul li span
		{	display: block;
			position: absolute;
			border: 0px solid black;
			width: 22px;
			height: 30px;
			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)}