/* ================================================================
 This copyright notice must be untouched at all times.
 
 The original version of this stylesheet and the associated (x)html
 is available at http://www.cssplay.co.uk/menus/final_drop.html
 Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
 This stylesheet and the associated (x)html may be modified in any
 way to fit your requirements.
 =================================================================== */
#dropnav {
    width: 760px;
    height: 40px;
    font-size: 0.85em;
    position: relative;
    z-index: 100;
    background: url(menu.png);
}
/* hack to correct IE5.5 faulty box model */
* html #dropnav {
    width: 760px;
    w\idth:759px;
}

/* remove all the bullets, borders and padding from the default list styling */
#dropnav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#dropnav ul ul {
    width: 120px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#dropnav li {
    float: left;
    position: relative;
    text-align: center;
}
/* style the links for the top level */
#dropnav a, #dropnav a:visited {
    display: block;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    color: #D1D3D7;
    height: 35px;
    background: url(menu.png);
    line-height: 15px;
    padding: 5px 20px 0px 20px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #dropnav a, * html #dropnav a:visited {
    width: 1px;
    white-space: nowrap;
    line-height: 25px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#dropnav ul ul {
    visibility: hidden;
    position: absolute;
    height: 0;
    top: 40px;
    left: 0;
    width: 120px;
}
/* another hack for IE5.5 */
* html #dropnav ul ul {
    top: 40px;
    t\op: 41px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#dropnav table {
    position: absolute;
    top: -1px;
    left: 0;
    border-collapse: collapse;;
}
/* style the second level links */
#dropnav ul ul a, #dropnav ul ul a:visited {
    background: url(menu.png);
    color: #D1D3D7;
    height: 15px;
    line-height: 1em;
    padding: 5px 10px;
    width: 150px;
    text-align: left;
}
/* yet another hack for IE5.5 */
* html #dropnav ul ul a, * html #dropnav ul ul a:visited {
    width: 150px;
    w\idth: 150px;
}

/* style the top level hover */
#dropnav a:hover, #dropnav ul ul a:hover, #dropnav li a#selected {
    color: #484E56;
    border: 0;
    background: url(menu_hover.png);
}

#dropnav :hover > a, #dropnav ul ul :hover > a {
    color: #484E56;
    background: url(menu_hover.png);
}
/* make the second level visible when hover on first level list OR link */
#dropnav ul li:hover ul, #dropnav ul a:hover ul {
    visibility: visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#dropnav ul:hover ul ul {
    visibility: hidden;
}
/* make the third level visible when you hover over second level list OR link */
#dropnav ul:hover ul:hover ul {
    visibility: visible;
}