.mlddm
{	margin: 0;
	padding: 0;
	background: #ECE9D8 url(menu0.gif) no-repeat;
	height: 22px;
	padding-left: 9px}

	.mlddm li
	{	display: inline;
		list-style: none;
		margin: 0;
		padding: 0 0px 0 0;
		float: left;
		font: 13px arial}

	.mlddm li a
	{	display: block;
		text-align: center;
		color: #000;
		padding: 3px 15px;
		margin: 0;
		width: auto;
		background: #ECE9D8;
		border: 1px solid #ECE9D8;
		text-decoration: none}

	.mlddm li a:hover
	{	color: #000;
		background-color: #C1D2EE;
		border: 1px solid #316AC5}

		.mlddm ul
		{	z-index: 100;
			margin: 1px 0 0 0;
			padding: 1px;
			visibility: hidden;
			position: absolute;
			clear: both;
			background: #FFF url(menubg.gif) repeat-y;
			border: 1px solid #8A867A}
		
		.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 30px;
			font: 13px arial;
			text-align: left;
			text-decoration: none;
			background: transparent;
			border: 0px;
			border-right: 1px solid white;
			color: #5D5D5D}
	
		.mlddm ul li a:hover
		{	color: #000;
			padding: 4px 20px 5px 29px;
			background-color: #C1D2EE}
	
		.mlddm .hsub
		{	background: transparent no-repeat right url(arrow.gif)}

		.mlddm .hsub:hover
		{	background: #C1D2EE no-repeat right url(arrow.gif);
			background-position: 100% -1px}

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

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