.dmx {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 1000px;
}
.dmx .item1,
.dmx .item1-active,
.dmx .item1-active:hover {
	padding: 5px 10px 3px 10px;
	background: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image:url(images/navi.jpg);
	height: 24px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	display: block;
	white-space: nowrap;
	position: relative;
	width: auto;
	border-right:solid 1px rgb(0,0,0);
	font-weight:bold;
	text-align:center;
	}

.dmx .item1:visited {
	color: #FFFFFF;
	}	
	
.dmx .item1:hover {
	padding: 4px 10px 3px 10px;
	background: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image:url(images/navi_hover.jpg);
	height: 24px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:normal;
	display: block;
	white-space: nowrap;
	position: relative;
	width: auto;
	border-right:solid 1px rgb(0,0,0);
	font-weight:bold;
	text-align:center;
	}	
	
	
.dmx .item2 {
	padding: 3px 8px 4px 8px;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	text-decoration: none;
	display: block;
	position: relative;
	z-index: 500;
	background-color:#3E3E3E;
	height: 20px;
	
}

 * html .dmx .item2  { /*IE6 only*/
	 width: 145px;
  }

    
.dmx .item2:hover,
.dmx .item2-active,
.dmx .item2-active:hover {
	padding: 4px 10px 3px 10px;
	background: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image:url(images/navi_hover.jpg);
	height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:normal;
	display: block;
	white-space: nowrap;
	position: relative;
	width: auto;
	font-weight:bold;
	text-align:center;
	}	

.dmx .item2:visited {
	color: #FFFFFF;
	}	


.dmx .item3
 {
	padding: 3px 8px 4px 8px;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7px;
	color:#FFFFFF;
	text-decoration: none;
	display: block;
	position: relative;
	z-index: 500;
	background-image:url(images/navi.jpg);
	height: 20px;
	
}
.dmx .item3:hover,
.dmx .item3-active,
.dmx .item3-active:hover {
	padding: 3px 8px 3px 8px;
	background: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image:url(images/navi_hover.jpg);
	height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:normal;
	display: block;
	white-space: nowrap;
	position: relative;
	width: auto;
	font-weight:bold;
	text-align:center;
	}	


.dmx .arrow,
.dmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.dmx .item2 img,
.dmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.dmx .section {
	border: 0px solid #b8b4ae;
	position:absolute;
	visibility: hidden;
	z-index: -1;

}

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