/* ================================================================ 
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.
=================================================================== */



/* Wrapper */
.menu {
    border-bottom:1px solid #000;
    margin: 0 0 6px 0;
    padding: 0 0 3px 0;
    position: relative; 
    z-index: 100;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
    padding: 0;
    position: absolute; 
    top: 0; 
    left: 0; 
    border-collapse: collapse;;
}








/* 1st Tier */
.menu ul {
    padding: 0;
    margin: 0;
    list-style-type:none;
}

.menu ul li {
    padding: 0;
    margin: 0;
    float:left;
    position:relative;
    text-transform:uppercase; 
    /*border: solid thin red;*/
}

.menu ul li.drop {
    background: url(../images/arrow-down-grey.gif) no-repeat right;
}

.menu ul li a:link, 
.menu ul li a:visited {
    padding: 4px 16px;
    display:block;    
    font-weight:bold;
    text-decoration: none;
}

.menu ul li a:hover {
    background: none;
    color: #999;
}







/* 2nd Tier */

.menu ul ul {
    padding:0;
    margin:0;
    /*height:0;*/
    left:0; 
    position:absolute;
    top:23px;
    visibility:hidden;
}


/* another hack for IE5.5 */
* html .menu ul ul {
    padding:0;
    margin:0;
    top:23px;
    t\op:24px;
}

.menu ul ul li{
    padding:0;
    margin:0;
}

.menu ul ul li a:link, 
.menu ul ul li a:visited {
    background-color: #ddd;
    color:#000; 
    padding:5px 10px; 
    width:128px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, 
* html .menu ul ul a:visited {
    width:150px;
    w\idth:128px;
}

.menu ul ul li a:hover {
    color:#000; 
    background-color: #aaa;
}

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

.menu ul ul li.drop *{
    background: #ddd url(../images/arrow-right-grey.png) no-repeat right;
}







/* 3rd Tier */

/* position the third level flyout menu */
.menu ul ul ul{
    left:148px; 
    top:-1px; 
    width:148px;
}

.menu ul ul ul a:link, 
.menu ul ul ul a:visited {
    background:#e2dfa8;
}

.menu ul ul ul a:hover {
    background:#b2ab9b;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
    visibility:hidden;
}

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