body
{
    margin:0px auto 0px auto;
    color: rgb(88, 77, 77);
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
       letter-spacing: 0;
    line-height: 1.5em;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    width:700px;

}

.head
{
        height:2em;
        border-bottom:1px black solid;
}

.head a
{
        color:inherit;
        text-decoration:none;
}

.head .logo
{
        height:2em;
        border:none;
        float:left;
        margin-top:-0.25em;
}

.head ul
{
        display:block;
        text-align:center;
        vertical-align:middle;
        margin-top:1em;
}

.head li
{
        display:inline;
        padding-left:2em;
}

.head li.current
{
        font-weight:800;
}

h1.title
{
        text-align:center;
}

.foot
{
        opacity:0.5;
        font-size:0.7em;
        clear:both;
        margin-top:1em;
}

@media screen and (max-width: 800px)
{
        body
        {
                width:auto;        
        }
}

@media screen and (max-width: 480px)
{
        body
        {
                font-size: inherit;
        }
}