.mlddm
{  margin: 0;
   padding: 0}

.mlddx
   {  text-align: right; z-index: 9; color: #685A2E; padding: 0px; font: 10px verdana, arial, sans-serif; line-height: 20px; font-weight: bold}

.mlddx a:hover
   {  text-decoration: underline }

.mlddm li
   {  display: inline;
      list-style: none;
      margin: 0;
      color: #685A2E;
      padding: 0px;
      float: left;
      font: 10px verdana, arial, sans-serif;
      line-height: 20px;
      font-weight: bold}

.mlddm li a
   {  display: block;
      text-align: center;
      color: #FFF;
      padding: 3px 15px;
      margin: 0;
      width: auto;
      text-decoration: none;
      background: #685A2E}

.mlddm li a:hover
   {  color: #000;
      background-color: #FEF37C}

.mlddm ul
      {  z-index: 100;
         margin: 1px 0 0 0;
         padding: 0;
         visibility: hidden;
         position: absolute;
         clear: both;
         background: #685A2E}
      
.mlddm ul li
      {  float: none;
         border-width: 0px}

.mlddm ul li a
      {  white-space: nowrap;
         width: auto;
         margin: 0px;
         padding: 3px 15px;
         font: 11px verdana, arial, sans-serif;
         text-align: left;
         text-decoration: none;
         color: #FFF}

.mlddm ul li a:hover
      {  color: #FEF37C;
         background-color: #685A2E;
         padding: 2px 15px;
         border: 1px solid #FEF37C;
         border-width: 1px 0px}

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

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