.ddmx
{
    FONT: 11px tahoma
}
.ddmx .item1
{
    BORDER-RIGHT: white;
    PADDING-RIGHT: 10px;
    BORDER-TOP: white;
    MARGIN-TOP: 3px;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0px;
    FONT: bold 12px arial;
    BORDER-LEFT: white;
    COLOR: #6377dc;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: white;
    WHITE-SPACE: nowrap;
    POSITION: relative;
    BACKGROUND-COLOR: #e2e2e2;
    TEXT-DECORATION: none
}
.ddmx .item1:hover
{
    PADDING-RIGHT: 10px;
    MARGIN-TOP: 3px;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    BACKGROUND: #002367;
    PADDING-BOTTOM: 0px;
    FONT: bold 12px arial;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
    WHITE-SPACE: nowrap;
    POSITION: relative;
    TEXT-DECORATION: none
}
.ddmx .item1-active
{
    PADDING-RIGHT: 10px;
    MARGIN-TOP: 3px;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    BACKGROUND: #002367;
    PADDING-BOTTOM: 0px;
    FONT: bold 12px arial;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
    WHITE-SPACE: nowrap;
    POSITION: relative;
    TEXT-DECORATION: none
}
.ddmx .item1-active:hover
{
    PADDING-RIGHT: 10px;
    MARGIN-TOP: 3px;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 0px;
    FONT: bold 12px arial;
    COLOR: #6377dc;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: repeat;
    WHITE-SPACE: nowrap;
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
.ddmx .item2
{
	
    
    PADDING-RIGHT: 8px;
    DISPLAY: block;
    PADDING-LEFT: 8px;
    Z-INDEX: 500;
    PADDING-BOTTOM: 4px;
    
   

    FONT: 700 10px Arial;
    COLOR: #002367;
    PADDING-TOP: 3px;
    WHITE-SPACE: nowrap;
    POSITION: relative;
    TEXT-DECORATION: none
}
.ddmx .item2:hover
{
    PADDING-RIGHT: 8px;
    DISPLAY: block;
    PADDING-LEFT: 8px;
    Z-INDEX: 500;
    PADDING-BOTTOM: 4px;
    FONT: bold 10px arial;
    COLOR: #002367;
    PADDING-TOP: 3px;
    WHITE-SPACE: nowrap;
    POSITION: relative;
    BACKGROUND-COLOR: #002367;
    TEXT-DECORATION: none
}
.ddmx .item2-active
{
    PADDING-RIGHT: 8px;
    DISPLAY: block;
    PADDING-LEFT: 8px;
    Z-INDEX: 500;
    PADDING-BOTTOM: 4px;
    FONT: bold 10px arial;
    COLOR: #002367;
    PADDING-TOP: 3px;
    WHITE-SPACE: nowrap;
    POSITION: relative;
    BACKGROUND-COLOR: #002367;
    TEXT-DECORATION: none
}
.ddmx .item2-active:hover
{
    PADDING-RIGHT: 8px;
    DISPLAY: block;
    PADDING-LEFT: 8px;
    Z-INDEX: 500;
    PADDING-BOTTOM: 4px;
    FONT: bold 10px arial;
    COLOR: #002367;
    PADDING-TOP: 3px;
    WHITE-SPACE: nowrap;
    POSITION: relative;
    
    BACKGROUND-COLOR: transparent
}
.ddmx .item2
{
    BACKGROUND: #e2e2e2
}
.ddmx .item2:hover
{
    BACKGROUND: #ffffff
}
.ddmx .item2-active
{
    BACKGROUND: #ffffff
}
.ddmx .item2-active:hover
{
    BACKGROUND: #ffffff
}

.ddmx .arrow
{
    PADDING-RIGHT: 16px;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 3px
}
.ddmx .arrow:hover
{
    PADDING-RIGHT: 16px;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 3px
}
.ddmx .item2 IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    RIGHT: 1px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
    POSITION: absolute;
    TOP: 4px
}
.ddmx .item2-active IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    RIGHT: 1px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
    POSITION: absolute;
    TOP: 4px
}
.ddmx .section
{
   
    Z-INDEX: -1;
    VISIBILITY: hidden;

    POSITION: absolute;
    BACKGROUND-COLOR: #e2e2e2
}

.ddmx .spacer1
{
    FONT-SIZE: 12px;
    Z-INDEX: -1;
    COLOR: white;
    BACKGROUND-COLOR: steelblue
}
.ddmx .spacer2
{
    FONT-SIZE: 12px;
    Z-INDEX: -1;
    COLOR: white;
    BACKGROUND-COLOR: green
}
.ddmx .spacer3
{
    FONT-SIZE: 12px;
    Z-INDEX: -1;
    COLOR: white;
    BACKGROUND-COLOR: red
}
.ddmx .spacer4
{
    FONT-SIZE: 12px;
    Z-INDEX: -1;
    COLOR: white;
    BACKGROUND-COLOR: #9932cc
}
.ddmx .spacer5
{
    FONT-SIZE: 12px;
    Z-INDEX: -1;
    COLOR: white;
    BACKGROUND-COLOR: lightgoldenrodyellow
}

* HTML .ddmx TD
{
    POSITION: relative
  
}