/********************************************************************************************************************/

.headline {clear:left; padding-top:20px;}
.main_nav_menu
{
    border-style: none;
    border-color: #00FF00;
    position: relative;
    z-index: 500;
    float: left;
    height: 280px;
}

.main_nav_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 */
.main_nav_menu ul
{
    background-position: url('../menu/bkgnd_lvl1a.gif');
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 172px;
    position: relative;
    background: url('../menu/bkgnd_lvl1a.gif');
    background-repeat: no-repeat;
    height: 280px;
}

.main_nav_menu li {
    background:transparent;
    height:25px;
}

/* get rid of the table */
.main_nav_menu table 
{
    position:absolute; 
    border-collapse:collapse; 
    top:0; 
    left:0; 
    z-index:100; 
    font-size:1em; 
    width:0; 
    height:0;
}

/* style the links */
.main_nav_menu a, 
.main_nav_menu a:visited 
{
    font-family:verdana, arial, sans-serif;
    font-size:13px;
    display:block; 
    text-decoration:none;
    height:30px;
    line-height:30px;
    width:165px;
    color:#ddd;
    background:transparent;
    text-align:center;
}

/* style the links */
/*.inop
{
    border: thin solid #99CCFF;
    font-family: verdana, arial, sans-serif;
    font-size: 13px;
    display: block;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    width: 165px;
    color: #AAAAAA;
    background: transparent;
    text-align: center;
}*/

/* style the link hover */
* html .main_nav_menu a:hover 
{
    background: url('../menu/highlight_1a.gif'); 
    position:relative; 
    white-space:nowrap;
}

.main_nav_menu li:hover 
{
    position:relative;
}

.main_nav_menu ul li:hover 
{
    position:relative;
}

.main_nav_menu :hover > a
{
    color: #FFFFCC;
    background: url('../menu/highlight_1a.gif');
}

/* hide 2nd level block, position absolute, invisible while 1st level not in hover mode */
.main_nav_menu ul ul
{
    border: thin none #FF00FF;
    background-position: url('../menu/bkgnd_lvl2a.png');
    visibility: hidden;
    position: absolute;
    margin-top: -32px;
    left: 165px;
    background: url('../menu/bkgnd_lvl2a.png');
    background-repeat: no-repeat;
    height: 200px;
    width: 185px;
    text-align: center;
    line-height: 30px;
}

/* 2nd level hyperlinks, normal mode */
.main_nav_menu ul :hover ul a, .main_nav_menu ul :hover ul a:visited
{
    border: thin none #FFFF00;
    width: 173px;
    margin-right: 10px;
}

/* style the links */
.main_nav_menu ul :hover ul .inop
{
    border: thin none #00FF00;
    font-family: verdana, arial, sans-serif;
    font-size: 13px;
    display: block;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    width: 173px;
    color: #AAAAAA;
    background: transparent;
    text-align: center;
    padding-left:0px;
    margin-right: 7px;
}

/* style the links */
.main_nav_menu ul :hover ul .inop:hover
{
    border: thin none #0000FF;
    margin-left:7px;
    
}

.main_nav_menu ul ul li:hover 
{
    position: relative;
    padding-left:5px;
}

/* make the second level visible when hover on first level list OR link */
.main_nav_menu ul li:hover ul, .main_nav_menu ul a:hover ul
{
    visibility: visible;
}

/* style the link hover */
* html .main_nav_menu ul a:hover ul a:hover
{
    background: url('../menu/highlight_2a.gif');
    white-space: nowrap;
    position: relative;
}

.main_nav_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 */
.main_nav_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: 145px;
    width: 195px;
    text-align: center;
    line-height: 30px;
}

/* style the 3rd-level links */
.main_nav_menu ul :hover ul :hover ul a, 
.main_nav_menu ul :hover ul :hover ul a:visited 
{
    width:185px;
    height:30px;
}

/* style the link hover */
* html .main_nav_menu ul a:hover ul a:hover ul a:hover  
{
    background: url('../menu/highlight_3a.gif'); 
    position:relative; 
    white-space:nowrap;
    height:30px;
}

.main_nav_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 */
.main_nav_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 */
.main_nav_menu ul :hover ul :hover ul ul a, 
.main_nav_menu ul :hover ul :hover ul ul a:visited
{
    width: 175px;
    height:30px;
}

.main_nav_menu ul ul li:hover
{
    position: relative;
    left: -5px;
    
}

/* style the link hover */
* html .main_nav_menu ul a:hover ul a:hover ul a:hover ul a:hover  
{
    background: url('../menu/highlight_2a.gif'); 
    white-space:nowrap;
}

.main_nav_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 */
.main_nav_menu ul :hover ul :hover ul{ 
    visibility:visible;
}

/* make the fourth level visible when you hover over third level list OR link */
.main_nav_menu ul :hover ul :hover ul :hover ul { 
    visibility:visible;
}