.ddmx { 
}

.ddmx .item1, .ddmx .item1:visited {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	position: relative;
	text-align: left;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.ddmx .item1-active, .ddmx .item1-active:visited {
    color: #FFFFFF;
	font-size: 10px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
	background-color: #12123F;
    position: relative;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}


.ddmx .item1:hover, .ddmx .item1-active:hover {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	position: relative;
	background-color: #12123F;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.ddmx .item2, .ddmx .item2:visited, .ddmx .item2-active {
	padding: 4px;
	color: #FFFFFF;
	font-size:10px;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	position: relative;
	z-index: 500;
	background-color: #3b7c18;
	text-align: left;
	border-bottom: 1px solid #FFFFFF;
}

.ddmx .item2:hover, .ddmx .item2-active:hover {
	padding: 4px;
	color: #FFFFFF;
	font-size:10px;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	position: relative;
	z-index: 500;
    background-color: #4e9826;
	text-align: left;
	border-bottom: 1px solid #FFFFFF;
}

.ddmx .arrow, .ddmx .arrow:hover {
	padding: 3px 10px 3px;
}

.ddmx .item2 img, .ddmx .item2-active img {

}

.ddmx .section {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	position: absolute;
	visibility: hidden;
	z-index: 100;
}

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