.ddmx {
    font: 12pt arial;
}
.ddmx .item1:hover{
    font: bold 12pt arial;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    cursor: hand;
; overflow: hidden; clip:  rect(   )
}
.ddmx .item2:hover{
    font: bold 12px arial;
    color: #164A72;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    text-align: right;
    z-index: 500;
    width: 230px;
    padding: 3px 10px 0px;
    height: 25px;
    border: 2px #FFFFFF solid; border-top: 0px
}

.ddmx .item2 {
    background: #164A72;
}

.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    background: #B8CBDC;
    height: 25px;
}

.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top:0px;
    right: 0px;
    left: 0px;
    border: 0;
}


	/* Section for DIV */


.ddmx .section {
    border: 0px #436F8C solid;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    font-size: 12pt;
    margin-right: 100px
}
.ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}


* html .ddmx td { position: relative; } /* ie 5.0 fix */
.ddmx .item2-active { 
    font: bold 12px arial;
    color: #999999;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    text-align: right;
    z-index: 500;
    width: 230px;
    padding: 3px 10px 0px;
    height: 20px;
    border: 2px solid #FFFFFF; border-top: 0px
 } 
.ddmx .item2-active:hover  { 
    font: bold 12px arial;
    color: #CCCCCC;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    text-align: right;
    z-index: 500;
    width: 230px;
    padding: 3px 10px 0px;
    height: 20px;
    border: 2px #FFFFFF solid; border-top: 0px
 } 


	/* Item 1 */


.ddmx .item1 { 
    font: bold 12pt arial;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    cursor: hand;
; overflow: hidden; clip:  rect(   )
 } 
.ddmx .item1-active { 
    font: bold 12pt arial;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    cursor: hand;
; overflow: hidden; clip:  rect(   )
 } 
.ddmx .item1-active:hover  { 
    font: bold 12pt arial;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    cursor: hand;
; overflow: hidden; clip:  rect(   )
 } 


	/* Item 2 */


.ddmx .item2 { 
    font: bold 12px arial;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    text-align: right;
    z-index: 500;
    width: 230px;
    padding: 3px 10px 0px;
    height: 25px;
    border: 2px #FFFFFF solid; border-top: 0px
; overflow: hidden; clip:  rect(   )
 } 







.ddmx .arrow { overflow: hidden ; clip:  rect(   )}
.ddmx .arrow:hover  { overflow: hidden ; clip:  rect(   )}







.ddmx .arrow { 
    padding: 3px 16px 4px 8px;
 }