/* ================================================================
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/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu
{
    font-family: arial, sans-serif;
    font-weight:bold;
    width:800px;
    height: 22px;
    font-size:12px;
    z-index:100;
    clear: both;
    background: url('../images/menu-line.gif') repeat-x bottom left;
}
.menu ul li {

}
.menu ul li a, .menu ul li a:visited
{
    display:block;
    text-decoration:none;
    width:104px;  
    text-align:center; 
    font-size:12px;
    overflow:hidden;
    padding:3px;
    color: #535356;
    border-bottom: 1px solid #98A7C8;
    margin: auto 1px;
}

.menu ul
{
    padding:0; 
    margin:0; 
    list-style: none;
    width: 800px;
    display: block;
    height: 22px;
    /* background: url('../images/menu-gradient.jpg') no-repeat bottom right;  */
}

.menu ul li
{
    float:left; 
    position:relative;
}

.menu ul li ul
{
    display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a
{
    color: #191919;
    background-color: #F1F3FA;
    border: 1px solid #CCCCCC;
    background: url('../images/menu-button.jpg') repeat-x center left;
    padding: 2px 2px 1px 2px;
}

.menu ul li:hover ul
{
    display:block; 
    position:absolute; 
    top:21px;
    left:0; 
    width:112px;
}

.menu ul li:hover ul li a, .menu .home:hover ul li a
{
    font-size:11px;
    display:block;
    padding: 3px 2px;
    color: #535356;
    background: #FFFFFF;
    border: 1px solid #98A7C8;
    border-top: none;
    width:104px; 
}

.menu ul li:hover ul li a:hover
{
    background:#F1F3FA;
    color:#191919;
}
.menu .home a, .menu .home a:link , .menu .home a:active, .menu .home a:hover, .menu .home a:visited {
    border: none;
    border-bottom: 1px solid #465F9E;
    background: url('../images/menu-down.jpg') repeat-x top left #465F9E;
    color: #98A7C8;
    padding: 4px;
    margin:0px;
}