/* To make transparent background to the top level buttons you must change "backround" property to transparet for the three selectors:
 
	 parent class 
.mlddm
{ 
...
background: transparent;
...
}
 
...
 
	 without hover 
.mlddm li a, .mlddm li a#buttonnohover
{
...
background: transparent;
...
}
 
	 onhover button 
.mlddm li a:hover, .mlddm li a#buttonhover
{ 
...
background: transparent;
...
}
 
After that, for example, you can place the html-code of the menu to outside block, where you can change background color.
<div style="background:blue">
<ul class="mlddm">
...
</ul>
</li>
*/
.mlddm
{	visibility: hidden;
	margin: 0;
	padding: 0;
background: transparent;
	height: 28px}

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

	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		text-align: center;
		white-space: nowrap;
		color: #FFF;
		padding: 7px 10px;
		margin: 0;
		width: 100px;
		text-decoration: none;
		background: transparent;}

	.mlddm li a:hover, .mlddm li a#buttonhover
	{	color: #FFF;
background: transparent;}

		.mlddm ul
		{	z-index: 100;
			margin: 1px 0 0 0;
			padding: 0;
			visibility: hidden;
			position: absolute;
			clear: both;
			background: #325D90 url(bg.jpg)}
		
		.mlddm ul li
		{	float: none}

		.mlddm ul li a
		{	width: auto;
			padding: 9px 15px;
			text-align: center;
			background: transparent}

		.mlddm ul li a:hover
		{	color: #FFF;
			padding: 8px 15px;
			border: 1px solid #528BFF;
			border-width: 1px 0px}

		.mlddm .hsub
		{	background: no-repeat right url(arroww.gif)}

		.mlddm .hsub:hover
		{	background: #213866 no-repeat right url(arroww.gif)}