/***** General stuff. *****/

body
{
    _width: expression(document.body.clientWidth < 962? "960px" : "100%");
    min-width: 960px;
    min-height: 100.01%;
    font-size: 13px;
    line-height: 140%;
    text-align: center;
    background-color: #BFD3EB;
    background-image: url('/images/layout/page_bg.jpg');
    background-position: left top;
    background-repeat: repeat-x;
}

div.left, div.right
{
    margin: 0px 0px;
    padding: 0px 0px;
}

/***** The wrapper (tables, ugh) *****/

table#wrapper
{
    width: 960px;
    height: 100%;
    margin: 0px Auto;
    background-image: url('/images/layout/content_bg.jpg');
    background-color: #EBE4C8;
}

table#wrapper>td
{
    text-align: left;
}

/***** The top menu. *****/

td#topmenu
{
    height: 32px;
    font-size: 12px;
    line-height: 30px;
    color: #FFFFFF;
    background-image: url('/images/layout/topmenu_bg.jpg');
}

td#topmenu div.left a
{
    padding-left: 10px;
}

td#topmenu div.right a
{
    padding-right: 10px;
}

td#topmenu a, td#topmenu a:visited
{
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

td#topmenu a:hover
{
    text-decoration: underline;
}

/***** The header pictures. *****/

td#header
{
    height: 203px;
    background-image: url('/images/layout/header_bg.jpg');
}

/***** The content area and sidebar. *****/

td#content_outer
{
    height: auto;
    vertical-align: top;
}

div#sidebar
{
    float: left;
    width: 200px;
    margin: 0px 0px 0px 10px;
}

div#content
{
    float: right;
    width: 720px;
    margin: 0px 10px 0px 0px;
}

/***** The footer. *****/

td#footer
{
    height: 85px;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    background-image: url('/images/layout/footer_bg.jpg');
}

td#footer div.left
{
    width: 40%;
    padding-top: 30px;
    padding-left: 10px;
    text-align: left;
}

td#footer div.right
{
    width: 40%;
    padding-top: 30px;
    padding-right: 10px;
    text-align: right;
}

td#footer div.right img
{
    float: right;
    margin-left: 10px;
}

td#footer a, div#footer a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}

td#footer a:hover
{
    text-decoration: underline;
}

/***** *****/
