.ddm1 {
    font: 11px verdana;
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
	text-decoration: none;
	display: block;
	position: relative;
	background-image: url(images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-right: 10px;
	padding-left: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.ddm1 .item1 {
	background: #FFFFFF url(images/arrow.jpg) no-repeat left;
	color: #19357F;
	text-align: left;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
	background: #FFFFFF url(images/arrow.jpg) no-repeat left;
	color: #0033CC;
	text-align: left;
}
.ddm1 .item2,
.ddm1 .item2:hover {
	padding: 3px 8px 4px 8px;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	text-align: left;
}
.ddm1 .item2 {
	background: #333333;
	color: #ffffff;
	text-align: left;
}
.ddm1 .item2:hover {
    background: #999999;
    color: #ffffff;
}
.ddm1 .section {
	position: absolute;
	visibility: hidden;
	z-index: -1;
	white-space: nowrap;
	border: 1px solid #0066FF;
}
.ddm1 .left, .ddm1 .left:hover { border-style: solid none solid solid; }
.ddm1 .right, .ddm1 .right:hover { border-style: solid solid solid none; }

* html .ddm1 td { position: relative; } /* ie 5.0 fix */
.ddm1 .item3 {
	background: #88130C;
	color: #FFFFFF;
	text-align: left;
}
.ddm1 .item3:hover {
	color: #ffffff;
	background-color: #88130C;
	padding-right: 20px;
	padding-left: 20px;
}
.ddm1 .item3, .ddm1 .item3:hover {
	padding: 3px 8px 4px 8px;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	text-align: left;
}