/*
 * =======================
 * E D I T   H I S T O R Y
 * =======================
 * 
 * Date: 07/08/2009
 * Author: Z. Qi
 * Action: Customize rules from the original.
 *
 */



.mlddm
{
	visibility: hidden;
	/* margin: -8px 0px 0px -1px; align with left | */
	margin: -7px 0px 0px 31px; /* Home button */
	padding: 0;
	background: #FFF;
	width: 660px; /* width of the menu area */
	height: 32px;
	float: left; /* control position to align with left | */
}

.mlddm li
{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	font: 11px Verdana, Geneva, Arial, Sans-serif;
}

.mlddm li a
{
	display: block;
	text-align: center;
	white-space: nowrap;
	color: Gray; /*menu title font color*/
	padding: 7px 6px; /*menu title spacing control*/
	margin: 0;
	width: 68px; /*important title width*/
	text-decoration: none;
	font-weight: bold;
	background-color: #FFF;
}

.mlddm li a:hover
{
	color: #FFF;
	background-color: #696969; /*DimGray;*/
}

.mlddm ul
{
	z-index: 100;
	margin: 1px 0 0 0;
	padding: 0;
	visibility: hidden;
	position: absolute;
	clear: both;
	background: Gray url('../Images/BgMlddm.jpg'); /*background: #4570CE url(bg.jpg);*/
}

.mlddm ul li
{
	float: none;
}

.mlddm ul li a
{
	color: #F5F5F5;
	width: auto;
	padding: 8px 12px; /*important submenu spacing*/
	text-align: left;
	background: transparent;
}

.mlddm ul li a:hover
{
	color: #FFF;
	border: 1px solid Gold;
	border-width: 1px 0px;
}

.mlddm .hsub
{
	background: no-repeat right url('../Images/ArrowMlddm.gif');
}

.mlddm .hsub:hover
{
	background: DimGray no-repeat right url('../Images/ArrowMlddm.gif'); /*background: #213866 no-repeat right url(arroww.gif)*/
}