/* default styling */
body
{
    padding: 0px;
    margin: 0px;
    border: 0px;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    color: Black;
    background: #380000;
}
.floater
{
    float: left;
}

#layout
{
    /*width: 997px;*/
    width: 1000px;
    margin: 0px auto;
}
#shading
{
    width: 26px;
    height: 300px;
    background: url(../../gui/shading.jpg) no-repeat top right;
}
#headercell
{
    height: 150px;
    width: 837px;
    background: White url(../../gui/header.jpg);
    background-repeat: no-repeat;
}
#left-sidebar
{
    background: #660000;
    vertical-align: top;
}
#left-sidebar-footer
{
    background: #660000 url(../../gui/left-sidebar-footer.jpg) no-repeat bottom left;
    width: 158px;
    height: 56px;
}
#login-box
{
    width: 158px;
    height: 107px;
    background: #CCB385;
    border-bottom: solid 1px White;
}
#content-body
{
    background: White url(../../gui/body.jpg) no-repeat;
    vertical-align: top;
    padding: 15px;
    height: 500px;
}
#content-body-footer
{
    background: White url(../../gui/body-footer.jpg) no-repeat bottom right;
    width: 679px;
    height: 56px;
    vertical-align: top;
}
.right-sidebar /* a class because it's used twice */
{
    background: url(../../gui/right-sidebar.jpg) repeat-y;
}
.right-sidebar img.company
{
    margin: 3px 0px;
}
#right-sidebar-footer
{
    background: url(../../gui/right-sidebar-footer.jpg);
    height: 15px;
}