body{

background-color:ffffdd;

}
.ddmx {
font-size: 13px;
}
.ddmx .item1,
.ddmx .item1:hover,

.ddmx .item1-active,
.ddmx .item1-active:hover {
	padding: 0px 0px 0px 0px;
	font: 12px arial;
	font-weight: bold;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	position: relative;
	color: #ffffff;
	z-index: 1500;
	color: black;
}
.ddmx .item2,
.ddmx .item2:hover,

.ddmx .item2-active,
.ddmx .item2-active:hover {
	padding: 3px 8px 4px 8px;
	font: 12px arial;
	color: black;
	font-weight: bold;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	position: relative;
	z-index: 1000;
	border-width:0px;
	border-style:solid;
}
.ddmx .item2:visited,
.ddmx .item2 {
border-color: #FFFFFF;
z-index: 1000;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
color: greylight;
border-color: #FFFFFF;
z-index: 1000;
}

/* This is a comment */

.ddmx .item3,
.ddmx .item3:hover,

.ddmx .item3-active,
.ddmx .item3-active:hover {
z-index: 1000;
padding: 3px 8px 4px 8px;
font: 12px arial;
color: #ffffff;
font-weight: bold;
text-decoration: none;
display: block;
white-space: nowrap;
position: relative;
z-index: 500;
border-width:1px;
border-style:solid;

}
.ddmx .item3:visited,
.ddmx .item3 {
z-index: 1000;
color: #ffffff;
border-color: #FFFFFF;
}
.ddmx .item3:hover,
.ddmx .item3-active,
.ddmx .item3-active:hover {
color: #ffffff;
border-color: #FFFFFF;
}


/* This is a comment */



.ddmx .arrow,
.ddmx .arrow:hover {
padding: 3px 16px 4px 8px;
z-index: 1000;
}
.ddmx .item2 img,
.ddmx .item2-active img{
position: absolute;
top: 4px;
right: 1px;
border: 0;
z-index: 1000;
}
/* This is a comment */

.ddmx .item3 img,
.ddmx .item3-active img{
position: absolute;
top: 4px;
right: 1px;
border: 0;
z-index: 1000;
}

/* This is a comment */


.ddmx .section {
border: 0px solid #50788F;
position: absolute;
visibility: hidden;
z-index: -1;
z-index: 1000;
}

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