/* Set colors for the CSS drop-down menus */
/* Separating the color customization into another file
/* should make things less confusing when re-using the
/* CSS drop-down in other projects. */

/***************************************************************************/
/* COLORS
/* dark blue:  #26445E
/* light blue: #5E7D99
/***************************************************************************/


 /*================= STYLES FOR THE MASTHEAD & CONTROLS ==================*/

.menuminwidth0
{       
    background-color: #5E7D99;
    border-top: 1px solid white;
    /*border-bottom: 1px solid #26445E;        /* give us a black border underneath */
}

* html .menuminwidth1
{
    border-left: 560px solid #fff;    /* CSS box-model borders are a fixed size */
    background-color: #5E7D99;
}

* html .menuminwidth2
{
    background-color: #5E7D99;
}

 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu
{
    /*
    border-top: 1px solid white;
    border-bottom: 1px solid #26445E;        /* give us a black border underneath */
    
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li a,
.menu ul li a:visited
{
    /* unselected top-level menu items */
    padding: 0px 5px 0px 5px;       /* adjust padding to reposition the    */
                                    /* top-level menu items and the spaces */
                                    /* between them                        */
    color: #DDD;
    background-color: #5E7D99;
}

.menu ul li:hover a,
.menu ul li a:hover
{
    /* selected top-level menu items */
    border-top: 0px solid #000;    /* these 2 lines create the push-in illusion */
    background-color: #666;
    color: white;
    text-decoration: none;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul
{
    /* 2nd level drop-down box */
    color: black;              /* this sets the unselected-text color */
    background: black;         /* this sets our menu's effective "border" color */
    font-size: 12px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a
{
    /* 2nd level unselected items */
    color: #000;               /* this sets the unselected drop-down text color */
    background: #F5F5DC;       /* this sets the drop-down menu background color */
    width: 13.5em;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover
{
    /* 2nd level selected item */
    color: black;
    background: #d8d8d8;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover
{
    /* 2nd level un+selected items */
    width: 8.08333em;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a
{
    /* 3rd level unselected items */
    width: 14em;
    background: #d8d8d8;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover
{
    /* level3 selected items */
    width: 14em;
    background: white;
}