.mlddm
{	visibility: hidden;
	position: center;
	margin: 0;
	padding: 0}

	.mlddm li
	{	display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		font: 11px arial;
		border-right: 0px solid #FFF}

	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		text-align: center;
		color: #000;
		padding: 4px 6px;
		margin: 0;
		width: 170px;
		background: #ECE9D8;
		border: 1px solid #ECE9D8;
		border-bottom: 1px solid white;
		text-decoration: none}

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

		.mlddm ul
		{	margin: 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}

		.mlddm ul li a
		{	white-space: nowrap;
			width: auto;
			margin: 0px;
			padding: 5px 20px 6px 30px;
			font: 11px arial;
			text-align: left;
			text-decoration: none;
			background: transparent;
			border: 1px;
			border-right: 1px solid white;
			color: #5D5D5D}
	
		.mlddm ul li a:hover
		{	color: #000;
			padding: 4px 20px 5px 29px;
			background: #C1D2EE}
	
		.mlddm .hsub
		{	background: no-repeat right url(arrow.gif)}

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

		.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(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)}