body 
{
    background: #ffffff;
}

body, td, th, textarea, input, select, h2, h3, h4, h5, h6 
{
    font-family: arial, helvetica, sans-serif;
}

#overlay
{
    display: none;
}

#header
{

    font-size: xx-large;
    font-weight: bold;
    color: #ffffff;
    padding: .3em;
}


#header-text
{
    background-color: #000099;
    padding-left: 1em;
}

#header a
{
    color: #ffffff; 
    text-decoration: none; 
}

#header a:hover
{
    text-decoration: underline; 
}

#footer
{
    text-align: center;   
}

#footer a
{
    color: #393733;
    text-decoration: none;   
}

#footer a:hover
{
    text-decoration: underline; 
}

#left-nav
{
    position: absolute;
    left: 1em;
    width: 11em;
}

#bookmarker
{
    text-align: center;
    margin: 1em;
}

#right-nav
{
    position: absolute;
    right: 1em;
    width: 11em;
}

#content
{
    color: #393733;
    margin: 0 12em 0 14em;
    border-left: 1px dotted #000;
    border-right: 1px dotted #000;
    padding: 0 1em 1em;
}

#content a
{
    color: #393733;
    text-decoration: none;
    font-weight: bolder;
}

#content a:hover
{
    text-decoration: underline; 
}

.form-group
{
    clear: both;
}

.form-group-left
{
    float: left;
    padding-left: 1em;
}

.form-group-right
{
    float: right;
    padding-right: 1em;
}

.rtop,.rbottom
{

    display: none;
}

.rtop,.rbottom
{

    display:block;
}

.rtop *,.rbottom *
{

    display:block;height: 1px;
    overflow: hidden;
}
    
.r1
{

    margin: 0 5px;
}

.r2
{

    margin: 0 3px;
}

.r3
{

    margin: 0 2px;
}

.r4
{

    margin: 0 1px;
    height: 2px;
}

.rs1
{

    margin: 0 2px;
}

.rs2
{
    margin: 0 1px;
}