/** 
This handles the basic layout of all the screens.  Styles specific to a
certain page or control will not be included here.
**/

html
{
    /* Force vertical scroll */
    min-height: 100%;
    margin-bottom: 1px;
    padding-bottom: 1px;
}

body
{
    background-color: #999;
}

div#layoutContainer
{
    position: relative;
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border: 1px #000 solid;
}
div#layoutHeader
{
    float: left;
    width: 990px;
    color: #fff;
    background-color: #000;
    text-align: center;
}
div#layoutContent
{
    float: left;
    width: 790px;
    background-color: #fff;
    color: #000;
    min-height: 500px;
}
div#layoutContentWrapper
{
    float: left;
}
div#layoutNavigation
{
    clear: both;
    float: left;
    width: 200px;
    color: #000;
    background-color: #fff;
}
div#layoutExtra
{
    background-color: #fff;
    clear: both;
}

div#layoutFooter
{
    clear: both;
    float: left;
    width: 990px;
    text-align: right;
    color: #fff;
    background-color: #000;
}

div.layoutPaddingDiv
{
    padding: 8px;
}