.ddmx {
    font: 11px  Arial;
    width:820px;
	
}
.ddmx .item1
{
	height:15px;
    padding: 1px 13px 2px 13px;
    font: 13px Arial;
    color: #ffffff;	
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
	background-image:url(out.jpg);
   	letter-spacing: 0,5px;
	BORDER-TOP: #698792 1px solid;
	BORDER-left: #445b65 1px solid;
	BORDER-RIGHT: #445b65 1px solid; 	
	BORDER-bottom: #445b65 1px solid;
}


.ddmx .item1:hover{
/*	BORDER-TOP-STYLE: outset; 
	BORDER-RIGHT-STYLE: outset; 
	BORDER-LEFT-STYLE: outset; 
	BORDER-BOTTOM-STYLE: outset;*/
	background-image:url(over.jpg);
		
	}


.ddmx .item1:active {
background-image:url(over.jpg);
}

.ddmx .item3
{
height:15px;
    padding: 1px 13px 2px 13px;
    font: 13px Arial;
    color: #ffffff;	
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
	background-image:url(over.jpg);
   	letter-spacing: 0,5px;
	BORDER-TOP: #698792 1px solid;
	BORDER-left: #445b65 1px solid;
	BORDER-RIGHT: #445b65 1px solid; 	
	BORDER-bottom: #445b65 1px solid;
}




	
	
	
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    padding: 3px 8px 4px 8px;
    font: 13px  Arial;
	color:#7C7C7C;
    text-decoration: none;    
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .item2 {
    background:  #F4C473;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
	background-color:#FFFFFF;
    color: #000000;

}
.ddmx .arrow,
.ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}

.ddmx .section {
    border:0px solid #b8b4ae;
	margin-top: 0,5px;
	position: absolute;
    visibility: hidden;
    z-index: -1;
}

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