/* ================================================================ 
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-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu 
{
    height:37px; 
    position:absolute; 
    z-index: 20000;
    font-family: Arial, Sans-Serif;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
{
    padding:0;
    margin:0;
    list-style-type:none;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li 
{
    float:left;
    /*width:148px;*/
    position:relative;
    margin-left: 0px;
    /*border: dotted 1px white;*/
}
/* style the links for the top level */
.menu a, .menu a:visited 
{
    display:block;
    font-size:12pt;
    text-decoration:none; 
    color:#cccccc; 
    /*width:140px; */
    height:37px; 
    padding: 0px 5px;
    line-height:37px; 
    font-weight:bold;
    z-index: 20000;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul 
{
    visibility:hidden;
    position:absolute;
    /*z-index:100;*/
    /*height:0;*/
    top:37px;
    left:0; 
    /*width:125px;*/
}


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

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited 
{
    background:#303030; 
    color:white; 
    height:13px;
    line-height:1em; 
    padding:5px 5px; 
    /*width:113px;*/
    /*border-color: White;
    border-style: solid;
    border-width: 1px 1px 1px 1px;*/
    font-size: 10pt;
    font-weight: normal;
}

/* style the top level hover */
.menu a:hover
{
    background:transparent;
    color:#c63f1f; 
}
.menu ul ul a:hover
{
    background:#303030;
    color:#c63f1f; 
}
.menu :hover > a, .menu ul ul :hover > a 
{
    color:#c63f1f; 
}

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