.ddm1 {
    font-family: arial, helvetica, verdana, Sans;
    width: 100%; 
    font-size: 0.7em;
 //   color: #004020;
    font-weight: bold;
    background-color: #cccccc
}
.border1 {width: auto;}

.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 3px 4px 4px 4px;
    z-index: 1;  
  border-top: 2px solid #333333;
  border-right: 2px solid #ffffff;
  border-left: 2px solid #333333;
  border-bottom: 2px solid #ffffff;
    text-align: left;
    text-decoration: none;
    display: block;
    position: relative;
    width: auto;
    height: 30px;
    }
    
.ddm1 .item1 {
    background: #cccccc;
    width: auto;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    background: #eeeeee;
 //   color: #ff0000;
}
.ddm1 .item2,
.ddm1 .item2:hover {
  
  border-top: 1px solid #333333;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #333333;
  border-bottom: 1px solid #dddddd;
  
    padding: 3px 4px 4px 4px;
    text-decoration: none;

    
    display: block;
    white-space: nowrap;
    }
.ddm1 .item2 {
    background-color: #dddddd;   //background of drop down boxes
    

	font-weight: bold;
	}
.ddm1 .item2:hover {
    background-color: #eeeeee;    
 //   color: #ff0000;
	}
.ddm1 .section {
    border: 1px #eeeeee solid;
    background: #dddddd;
position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
	}
.ddm1 .left, .ddm1 .left:hover { border-style: solid none solid solid; }
.ddm1 .right, .ddm1 .right:hover { border-style: solid solid solid none; }

.border1 {
	border-color: #eeeeee;
	border-collapse: collapse;
	border-right-style: solid; 
	border-right-width: 1px
	}
.border2 {
	border-color: #eeeeee;
	}

* html .ddm1 td { position: relative; } /* ie 5.0 fix */