﻿body
{
    font-family: SegoeUI,Tahoma,Arial,helv,sans;
}

#head-container
{
    background-position: #CCFFFF;
    color: #D8CFBA;
    background-image: url('../images/Bluegradiant.gif');
    background-repeat: repeat-x;
}

#header
{
    background-position: #99FFCC;
    margin: 0 auto;
    width: 860px;
    padding: 20px;
}

#header h1
{
    margin: 0;
    font-family: Copperplate Gothic Bold,SegoeUI,Tahoma,Arial,helv,sans;

}

#header h3
{
    margin: 0;
    font-family: SegoeUI,Tahoma,Arial,helv,sans;

}


#navigation-container
{
    background-position: #0033CC;
    float: left;
    width: 100%;
    color: #000;
    background-color: #D8CFBA;
}

#navigation
{
    margin: 0 auto;
    width: 900px;
}

#navigation ul
{
    margin: 0;
    padding: 0;
}

#navigation ul li
{
    list-style-type: none;
    display: inline;
}

#navigation li a
{
    display: block;
    float: left;
    padding: 5px 10px;
    color: #000;
    text-decoration: none;
    border-right: 1px solid #fff;
}

#navigation li a:hover
{
    background-position: #FFCC00;
    background: #B8B8E3;
}

#content-container
{
    background-position: #FFFFCC;
    float: left;
    width: 100%;
    color: #000;
    background-image: url('../images/TaupeGradiant.gif');
    background-repeat: repeat-x;
}

#content-container2
{
    margin: 0 auto;
    width: 900px;
}

#content-container3
{
    float: left;
    width: 900px;
    background: #FFF;
}

#aside
{
    clear: left;
    float: left;
    width: 240px;
    padding: 20px 0;
    margin: 0 0 0 30px;
    display: inline;
}

#content h2
{
    margin: 0;
}

#content
{
    float: right;
    width: 560px;
    padding: 20px 0;
    margin: 0 20px 0 0;
    display: inline;
}

#aside h3
{
    margin: 0;
}

#footer-container
{
    background-position: #000099;
    clear: left;
    color: #fff;
    background: #000099;
    font-size: x-small;
}

#footer
{
    margin: 0 auto;
    width: 900px;
    text-align: right;
    padding: 5px;
    height: 1%;
}

#contentFullWidth
{
    float: right;
    width: 900px;
    padding: 20px 0;
    margin: 0 20px 0 0;
    display: inline;
}

