/*
Content-Type: text/css
*/

#menu{
    position:relative;
    z-index:3000;
    top:0;
    width:160px;
}

#menu .title {

    padding:6px 5px 5px 20px;
    width:133px;
/*
        background:transparent url(../img07/dot.gif) no-repeat scroll 10px 8px;
*/
}


#menu h3{
    font:normal 12px Arial, Helvetica, sans-serif;
    display:block;
    border-width:1px;
    border-style:solid;
    border-color:#ccc #888 #555 #bbb;
    white-space:nowrap;
    margin:0;
    padding:6px 4px;

}

#menu h3{
    color:#fff;
    background:#000;
    text-transform:uppercase;
}

#menu a{
    font:normal 12px Arial, Helvetica, sans-serif;
    display:block;
    border: 1px solid #c7d6e8;
    border-top:none;
    margin:0;
    color:#405b79;
    background-color:#d6e2f0;
    text-decoration:none;
}

#menu a:hover{
    color:#fff;
    background-color:#376297;
    border-left:1px solid #376297;
    border-right:1px solid #376297;
    background-image:none;
}

#menu li:first-child a {
    border-top: 1px solid #c7d6e8;
}

#menu li.live > a {
    color:#405b79;
    background-color:#eee;
    border-left:1px solid #c7d6e8;
    border-right:1px solid #c7d6e8;
}

#menu li.selected > a {
    background-color:#405b79;
    color:#eee;
}

#menu li.selected > a {
    font-weight:bold;
}

#menu li.selected > a:hover,
#menu li.live > a:hover {
    color:#fff;
    background-color:#376297;
}

#menu a:active{
    color:#405b79;
    background-color:#eee;
}

#menu ul{
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

#menu li,
#menu li:hover {
    position:relative;
}

#menu li {
    padding-bottom:1px;
    margin-bottom:-1px;
}

#menu li ul{
    position:absolute;
    z-index:1000;
    top:0;
    left:159px;
    display:none;
}


#menu ul ul,
#menu ul ul ul,
#menu ul li:hover ul ul,
#menu ul li:hover ul ul ul
{display:none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul
{display:block;}


/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
    background:#eee url(/css/images/expand3.gif) no-repeat bottom right;
}

#menu a.x:hover{
    color:#a00;
    background:#ddd;
}

#menu a.x:active{
    color:#060;
    background:#ccc;
}

#menu .first a { color:#fff;height:16px; padding-bottom:5px; width:135px;
        background:#376297 url(../img07/menutop.gif) no-repeat scroll 0 0;
        text-decoration:none; font:12px Arial; color: white; display:block; border:none; }
#menu .first a { color:white;}
#menu .first a:visited { color:white;}
#menu .first a:hover {background-image:none;}

#menu li.members > a { color:#fff;height:16px; padding-bottom:5px; width:135px;
        background:#376297 url(../img07/menutop.gif) no-repeat scroll 0 0;
        text-decoration:none; font:12px Arial; color: white; display:block; border:none; }
#menu li.members > a { color:white;}
#menu li.members > a:visited { color:white;}
#menu li.members > a:hover {background-image:none;}

.menutop a { color:#fff;
    height:16px; padding:6px 5px 5px 20px; width:135px;
    background:#376297 url(../img07/menutop.gif) no-repeat scroll 0 0;
        text-decoration:none; font:12px Arial; color: white; display:block;  }
.menutop a:visited { color:white;  }
.menutop a:hover { background-image:none; color:white; }