#navBar {
	height: 22px;
	width: 100%;
    background: #336699;
	border-top: 1px solid #FFFFFF;
}

.ddmx {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.ddmx .navbar_h {
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
	position: relative;
	text-transform: uppercase;
 } 
.ddmx .navbar_h:hover,
.ddmx .navbar_h-active,
.ddmx .navbar_h-active:hover {
    padding: 3px 10px 3px 10px; 
    color: #FF9900;
	text-transform: uppercase;
	text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx .navbar_u {
	padding: 3px 8px 4px 8px;
	background: #f5f5f5;
	width: 100%;
	color: #003366; 
	display: block;
	white-space: nowrap;
	position: relative;
	z-index: 500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}


.ddmx .navbar_u:hover,
.ddmx .navbar_u-active {
	padding: 3px 8px 4px 8px;
	background: #f5f5f5;
	color: #FF9900; 
	width: 100%;
	display: block;
	white-space: nowrap;
	position: relative;
	z-index: 500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.ddmx .navbar_u-active:hover {
	color: #FF9900;
}
 
.ddmx .navbar_u:hover,
.ddmx .navbar_u-active,
.ddmx .navbar_u-active:hover {
    background: #ffffff;
	width: 100%;
}
.ddmx .arrow,
.ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.ddmx .navbar_u img,
.ddmx .navbar_u-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .section {
    border: 1px solid #e5e5e5;
	background: #f5f5f5;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

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