.mlddm {	
	margin: 0;
	padding: 0;
	background: none;
	height: 18px;
	list-style: none;
	width: 600px;
}

/* controls main nav item */
.mlddm li {
	margin: 0;
	list-style: none;
	float: left;
	font: bold 15px Arial;
	text-transform: lowercase;
	padding-left: 12px;
	padding-right: 13px;
	letter-spacing: -.01em;
}

/* controls main nav item flat colors */
.mlddm li a, .mlddm li a#buttonnohover {	
	display: block;
	text-align: center;
	padding: 0px 6px;
	margin: 0;
	color: #FFF;
	text-decoration: none;
	line-height: 18px;
	
}

/* controls main nav item hover colors */
.mlddm li a:hover, .mlddm li a#buttonhover {	
	color: #f30;
}

/* controls sub-menu border colors */
.mlddm ul {	
	margin: -1px 0 0 0;
	padding: 0;
	visibility: hidden;
	position: absolute;
	clear: both;
	
	background: #ABC9DE;
	border: 1px solid #587189;
}	

/* sets subnavigation float */
.mlddm ul li {	
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
	border-width: 0;
	
	
}

/* controls subnavigation flat */
.mlddm ul li a {	
	display: inline;
	white-space: nowrap;
	width: 10px;
	margin: 0px;
	/*padding: 5px 17px 5px 13px;*/
	font: 12px arial;
	text-align: left;
	text-decoration: none;
	border: 0px solid #587189;
	
	/*margin-right: -6px;*/
	padding-right: 12px;
	background: #ABC9DE;
	color: #2b4f72;
}

/* subnavigation rollover colors */
.mlddm ul li a:hover {
	background: #ECEFE4;
	color: #2b4f72;

}

/* these last two control a class="hsub" to get arrows */
.mlddm .hsub {	
	background: no-repeat right url(arrow.gif);
}

.mlddm .hsub:hover {
	background: #ECEFE4 no-repeat right url(arrow.gif);
	padding-right: -6px;
}