body
{
    margin: 0px;
    padding: 0px;
    background: url(/images/background.jpg) repeat-y; /* left top; */
}

div#container
{
    margin-right: auto;
    margin-left: auto;
    width: 530px;
    color: #404040;
    font-size: 13px;
    font-family: "Segoe UI" , verdana, helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
}
a
{
    color: #32CD32; /* #009900; */
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
    color: #505050;
}

p.fifteen
{
    font-size: 15px;
    font-weight: bold;
    color: #505050;
}
p.bold
{
    font-weight: bold;
    color: #505050;
}

font.quotes
{
    font-weight: bold;
    font-size: 40pt;
}

img
{
    border: none 0px none;
}

ul
{
    list-style-type: disc;
}
div.separator
{
    border-bottom: solid 1px #cccccc;
    margin-top: 10px;
}

#title
{
    width: auto;
    font-size: 20px;
    font-weight: bold; /* text-align: center; */ /*         border-right: solid 3px #ABABAB;     border-bottom: solid 3px #ABABAB; */
    padding-left: 25px;
}

#content
{
    /*         border-left: solid 3px #ABABAB; */
    padding: 5px 130px 5px 25px;
    width: auto; /* height:1000px; */
    background: #FFF; /* F8F8F8; */
}

#footer
{
    width: auto;
    margin-bottom: 30px;
    padding: 30px 80px 5px 25px;
    background: #FFF; /* F8F8F8; */
}

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

#lists
{
    padding: 0;
    margin: 5px 5px 5px 0;
    list-style: none;
    position: relative;
    height: 25px;
    float: left;
    background: url(/images/arrow.gif) no-repeat 45px;
    width: 550px;
    z-index: 500;
}
/* margins for this demonstration only */
#lists li
{
    display: inline;
    float: left;
    height: 25px;
    cursor: default;
}
#lists li a.tl
{
    display: block;
    width: 90px;
    height: 25px;
    text-decoration: none;
    line-height: 20px;
    text-indent: 10px;
    cursor: default;
}

#lists div
{
    display: none;
}

#lists li a:hover
{
    /* text-decoration:underline; */
    white-space: normal;
    background-position: 130px 15px;
}
#lists li:hover > a
{
    /* text-decoration:underline; */
    white-space: normal;
    background-position: 130px 15px;
}

#lists :hover div
{
    display: block;
    width: 548px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 25px;
    border: 1px solid #505050;
    padding-bottom: 10px;
}

#lists :hover div dl
{
    display: inline;
    padding: 0;
    margin: 0 10px 10px 10px;
    float: left;
    width: 250px;
}
#lists :hover div dl dt
{
    width: 250px;
    background: #fff;
    text-indent: 10px;
    margin: 10px 0 10px 0;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
}
#lists :hover div dl dd
{
    width: 250px;
    padding: 0;
    margin: 0;
    text-indent: 10px;
}

#lists :hover div dt a
{
    text-decoration: none;
    cursor: default;
}
#lists :hover div dd a
{
    display: block;
    text-decoration: none;
    line-height: 20px;
}
#lists :hover div dd a:hover
{
    text-decoration: underline;
}

#lists .clear
{
    clear: both;
}