﻿body {
}


.aux_menu
{
    border-style: none;
    border-color: #000099;
    position: relative;
    float: left;
    height: 250px;
    left: 0px;
    z-index: 500;
    top: 0px;
}

.aux_menu .hdr
{
    color: #FFFFCC;
    font-size: 18px;
    font-family: 'Trebuchet MS';
    width: 150px;
    text-align: center;
    padding-top: 10px;
}

/* 1st level block: override default bullets, borders and padding */
.aux_menu ul
{
    background-position: url('../menu/bkgnd_lvl1_auxa.png');
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 160px;
    position: relative;
    background: url('../menu/bkgnd_lvl1_auxa.png');
    background-repeat: no-repeat;
    height: 127px;
    
}

.aux_menu li {
    background:transparent;
    height:25px;
}

/* get rid of the table */
.aux_menu table 
{
    position:absolute; 
    border-collapse:collapse; 
    top:0; 
    left:0; 
    z-index:100; 
    font-size:1em; 
    width:0; 
    height:0;
}

/* style the links */
.aux_menu a, 
.aux_menu a:visited 
{
    font-family:verdana, arial, sans-serif;
    font-size:13px;
    display:block; 
    text-decoration:none;
    height:30px;
    line-height:30px;
    width:153px;
    color:#ddd;
    background:transparent;
    text-align:center;
}

/* style the links */
.inop
{
    font-family: verdana, arial, sans-serif;
    font-size: 13px;
    display: block;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    width: 160px;
    color: #AAAAAA;
    background: transparent;
    text-align: center;
}

/* style the link hover */
* html .aux_menu a:hover 
{
    background: url('../menu/highlight_1b.gif'); 
    position:relative; 
    white-space:nowrap;
}

.aux_menu li:hover 
{
    position:relative;
}

.aux_menu ul li:hover 
{
    position:relative;
}

.aux_menu :hover > a
{
    color: #FFFFCC;
    background: url('../menu/highlight_1b.gif');
}

/* hide 2nd level block, position absolute, invisible while 1st level not in hover mode */
.aux_menu ul ul
{
    border: thin none #FF3399;
    background: url('../menu/bkgnd_lvl2aux_a.png');
    visibility: hidden;
    position: relative;
    left: 155px;
    height: 165px;
    width: 185px;
    text-align: center;
    line-height: 30px;
    margin-top: -35px;
   
}

.aux_menu ul ul.affil_lvl2
{
    background-position: url('../menu/bkgnd_lvl2aux_b.png');
    background: url('../menu/bkgnd_lvl2aux_b.png');
    background-repeat: no-repeat;
    height: 75px;
}

/* 2nd level hyperlinks, normal mode */
.aux_menu ul :hover ul a, .aux_menu ul :hover ul a:visited
{
    border: thin none #00FF00;
    width: 175px;
    margin-right: 10px;
    
}

.aux_menu ul ul li:hover
{
    border: thin none #FF0000;
    position: relative;
    padding-left:5px;
    
}

/* make the second level visible when hover on first level list OR link */
.aux_menu ul li:hover ul, 
.aux_menu ul a:hover ul
{
    visibility: visible;
}

/* style the link hover */
* html .aux_menu ul a:hover ul a:hover
{
    border: thin none #FF0000;
    background: url('../menu/highlight_2a.gif');
    white-space: nowrap;
    position: relative;
    
    
}

.aux_menu ul :hover ul :hover > a
{
    color: #FFFFCC;
    background: url('../menu/highlight_2a.gif');
}

/* keep the third level hidden when you hover on first level list OR link */
.aux_menu ul :hover ul ul{
    background-position: url('../menu/bkgnd_lvl3a.png');
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 183px;
    background: url('../menu/bkgnd_lvl3a.png');
    background-repeat: no-repeat;
    height: 135px;
    width: 195px;
    text-align: center;
    line-height: 30px;
}

/* style the 3rd-level links */
.aux_menu ul :hover ul :hover ul a, 
.aux_menu ul :hover ul :hover ul a:visited 
{
    width:185px;
    height:30px;
}

/* style the link hover */
* html .aux_menu ul a:hover ul a:hover ul a:hover  
{
    background: url('../menu/highlight_3a.gif'); 
    position:relative; 
    white-space:nowrap;
    height:30px;
}

.aux_menu ul :hover ul :hover ul :hover > a
{
    color: #FFFFCC;
    background: url('../menu/highlight_3a.gif');
    height:30px;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.aux_menu ul :hover ul :hover ul ul
{
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 192px;
    height: 125px;
    width: 185px;
    background: url('../menu/bkgnd_lvl4a.png');
    line-height: 30px;
}

/* style the links */
.aux_menu ul :hover ul :hover ul ul a, 
.aux_menu ul :hover ul :hover ul ul a:visited
{
    width: 175px;
    height:30px;
}

.aux_menu ul ul li:hover
{
    position: relative;
    left: -5px;
    
}

/* style the link hover */
* html .aux_menu ul a:hover ul a:hover ul a:hover ul a:hover  
{
    background: url('../menu/highlight_2a.gif'); 
    white-space:nowrap;
}

.aux_menu ul :hover ul :hover ul :hover ul :hover > a
{
    color: #FFFFCC;
    background: url('../menu/highlight_2a.gif');
}

/* make the third level visible when you hover over second level list OR link */
.aux_menu ul :hover ul :hover ul{ 
    visibility:visible;
}

/* make the fourth level visible when you hover over third level list OR link */
.aux_menu ul :hover ul :hover ul :hover ul { 
    visibility:visible;
}
