﻿/*-----------------------------------------------*/
/*        Global Menu - ddmx  (#DF8A89;)         */
/*-----------------------------------------------*/
.ddmx {
 	font-size:10px;
    font-family: verdana, tahoma, arial, san-serif;
    font-weight: bold;
}

/****   Top-level Menu Item   ****/

.ddmx .item1
{
    padding: 2px 10px 3px 10px;
	background: #254b70;  /*top-level menu background */
	border-right: 2px solid #888888;
    color: #ff6600;     /*top-level menu font color */
    text-decoration: none;	
    display: block;
    white-space: nowrap;
    position: relative;
}

.ddmx .item1:hover
{	
    padding: 2px 10px 3px 10px;
	background: #254b70; /*top-level menu background in hover position */
	border-right: 2px solid black;
    color: #666666;    /*top-level menu font color in hover position*/
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}

.ddmx .item1:active
{
    padding: 2px 10px 3px 10px;	
	border-right: 2px solid black;
    color: black;    
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}

.ddmx .item1-active
{
    padding: 2px 10px 3px 10px;
	background: #254b70;
	border-right: 2px solid black;
    color: black;    
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}

.ddmx .item1-active:hover 
{
    padding: 2px 10px 3px 10px;
	border-right: 2px solid black;
	color: black;  	
  	background: #254b70;   /*top-level menu background in hover position */
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
} 

/***   Drop-Down Menu Item  */

.ddmx .section {
    border: 2px solid #999999;
    background: #254b70; /*second-level menu background */
    position: absolute;
    visibility: hidden;
    z-index: -1;
}
.ddmx .item2
{
    padding: 3px 8px 4px 8px;
	font-size:10px;
    font-family: verdana, tahoma, arial, san-serif;
    color: black;
    
    background: #ffffff; /*second-level menu item background */
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .item2:visited
{
  /*  color: #666666; */
    color: #666666; /*font for second-level item*/
    background: #ffffff; 
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}

.ddmx .item2:hover
{
    padding: 3px 8px 4px 8px;  
   background: #cccccc; /*second-level menu background in hover position */    
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}

.ddmx .item2-active
{
    padding: 3px 8px 4px 8px;
 /*   font: 11px tahoma; */
    color: #666666;
  /* background: #ffffff; */  
      background: #E9B796; 
    
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}

.ddmx .item2-active:hover {
    padding: 3px 8px 4px 8px;
 /*   font: 11px tahoma; */
    color: #666666;
    background: #333333;  /*second-level menu background in hover position */
        text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}

/****  Arrows and Images  ****/

.ddmx .arrow
{
    padding: 3px 16px 4px 8px;
}
.ddmx .arrow:hover 
{
    padding: 3px 16px 4px 8px;
}
.ddmx .item1 img
{
   
}
.ddmx .item2 img
{
    position: absolute;
    top: -10px;
    right: 1px;
    border: 0px none;
}
.ddmx .item2-active img
{
    position: absolute;
    top: 0px;
    right: 1px;
    border: 0px none;
}
* html .ddmx td { position: relative; } /* ie 5.0 fix */