﻿body 
{
    text-align: center;
    background: url(../images/background-tile.gif) top center repeat-y;
    font-size: 62.5%;
}

#Container
{
    width: 700px;
    margin: 0 auto;
    text-align: left;
}

#Header
{
    width: 700px;
}

.HeaderImage
{
    background: url(../images/header.jpg) top left no-repeat;
    text-indent: -9000px;
    width: 700px;
    height: 90px;
    display: block;
}

#Navigation
{
    background: #663333 url(../images/navigation-bottom.gif) bottom left repeat-x;
    list-style: none;
    color: #fff;
    padding: 3px;
    font-family: Arial, Sans-Serif;
    text-transform: uppercase;
    font-size: 120%;
    border-top: 1px solid #855c5c;
    padding: 6px 0 6px 0;
}

    #Navigation a
    {
        background: url(../images/navigation-dots.gif) top right repeat-y;
        padding: 0 12px 0 8px;
    }
    
    #Navigation .Last { background: none; }
    
    #Navigation li
    {
        display: inline;
    }
    
    #Navigation li a:link { color: #fff; text-decoration: none; }
    #Navigation li a:visited { color: #fff; text-decoration: none; }
    #Navigation li a:active { color: #fff; text-decoration: none; }
    #Navigation li a:hover { color: #fff; text-decoration: underline; }
    
    .BottomBar 
    {
        background: url(../images/navigation-bottombar.gif) top left repeat-x;
        height: 14px;
    }
    
#Content
{
    margin-top: 3px;
    background: #fff;
    border: 3px solid #f4f1e0;
    padding: 7px;
}

    #Content p 
    {
        font-size: 120%;
        font-family: Georgia;
        padding: 2px 3px 8px 3px;
        line-height: 1.5em;
    }
    
    #Content h3 
    {
        background: url(../images/dotted-border-bottom.gif) bottom left repeat-x;
        font-size: 220%;
        color: #663333;
        margin: 5px 3px 5px 3px;        
    }
    
    #Content h4 
    {
        font-size: 160%;
        color: #663333;
        margin: 5px 3px 15px 3px;
        font-weight: bold;
        border-bottom: 1px solid #663333;
        
    }
    
    #Content h5 
    {
        font-size: 140%;
        color: #663333;
        margin: 5px 3px 5px 3px;
        text-decoration: underline;
    }
    
    #Content ul
    {
        margin: 5px 0 10px 35px;
        font-size: 120%;
        font-family: Georgia;
    }
    
        #Content ul li
        {
            list-style-type: disc;
            padding: 5px 0 5px 0;
        }
        
    
    #Content p
    {
        text-align: justify;
    }
    
.BreadCrumbs
{
    font-size: 110%;
    color: #8c8c82;
    text-transform: uppercase;
    font-family: Arial, Sans-Serif;
    margin-left: 3px;
    margin-bottom: 5px;
    display: block;
}
    
    .BreadCrumbs a:link { color: #8c8c82; text-decoration: none; }
    .BreadCrumbs a:visited { color: #8c8c82; text-decoration: none; }
    .BreadCrumbs a:active { color: #8c8c82; text-decoration: none; }
    .BreadCrumbs a:hover { color: #8c8c82; text-decoration: underline; }
    
#Footer
{
    padding: 5px;
    font-family: Arial, Sans-Serif;
    font-size: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #8c8c82;
}

    #Footer p { text-align: center; }

    .FooterLinks { text-align: center; padding-bottom: 5px; }
    
    .FooterLinks li
    {
        display: inline;
        text-align: center;
    }
    
    .FooterLinks a { padding: 0 5px 0 4px; }
    
    .FooterLinks a:link { color: #8c8c82; text-decoration: none; }
    .FooterLinks a:visited { color: #8c8c82; text-decoration: none; }
    .FooterLinks a:active { color: #8c8c82; text-decoration: none; }
    .FooterLinks a:hover { color: #8c8c82; text-decoration: underline; }
