.ddmx {
    font: 13px arial;
	margin-left: 0px;
	width: 100%;
	padding: 0px;
	/* border: red solid 1px;*/
	/*height : 26px;*/
	padding-top: 0px;
	font-weight: bold; 
}

.ddmx td{
	vertical-align: top;
}

.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
	padding: 0px 0px 0px 18px;
    color: white;
    text-decoration: none;
    position: relative;
	text-align: left;
	/*background-image: url('images/sprite_map2.gif');*/
	background-position: 0 0px;
	width: 156px;
	height: 26px;
	line-height: 26px;
	/*margin-bottom: 5px;*/
	/*top:-28px;*/

}

.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
	/*background-image: url('images/sprite_map2.gif');*/
	background-position: -219px 0px;
}

.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
	padding: 0px 0px 0px 25px;
    font: 11px tahoma;
    color: white;
    font-weight: bold;
    text-decoration: none;
    display: block;
    position: relative;
	/*left: -1px;*/
    z-index: 500;
	text-align: left;
	background-image: url('images/sprite_map2.gif');
	background-position: 0 0px;
	width: 156px;
	/*height: 26px;*/
	line-height: 26px;
	/*margin-bottom: 5px;*/

}

.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
	background-image: url('images/sprite_map2.gif');
	background-position: -219px 0px;
}
.ddmx .arrow,
.ddmx .arrow:hover {
    /* padding: 3px 0px 4px 5px;*/
}

/* the arrow image */
.ddmx .item1 img,
.ddmx .item1-active img{
    position: absolute;
    top: 3px;
    right: -10px;
    border: 0;
}
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 7px;
    right: 3px;
    border: 0;
}
.ddmx .section {
    /*background-color: #CDE3FA;
    border: 0px solid #CDE3FA;*/
    position: absolute;
    visibility: hidden;
    z-index: -1;
	margin-top: 5px;
}

.ddmx .bottom,
.ddmx .bottom:hover {
    /*border-bottom: 1px solid #000000;*/
}

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