.ddmx {
  font-family: Arial, Helvetica, sans-serif;
}

.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    padding: 0px 5px;
    background-color: #9A9389;
    color: white;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}

.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    padding: 0px 8px; 
    text-decoration: none;
    display: block;
    color: white;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}

.ddmx .item2 {
    background-color: #9A9389;
}

.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
  background-color: #A5A698;
  color: white;
  padding: 0px 8px; 
}


.ddmx .section {
    position: absolute;
    visibility: hidden;
    background-color: #9A9389;
    border-bottom: 1px solid #797E6A; 
    border-left: 1px solid #797E6A; 
    z-index : 500;
}

* html .ddmx td { 
    position: relative; 
}

.ddmx tr
{
    margin: 0px;
    padding: 0px;
} 
/* ie 5.0 fix */

/* site map*/
ul
{
  list-style-type: none;
  text-align: left;
}

.item1,  
.item2  
{
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
} 

.item1
{ 
    font-weight: bold;
}

.item1:hover,
.item2:hover
{
  background-color: #A5A698;
}