﻿/* TWO COLUMN LAYOUT */

body
{
    text-align: center; /* IE6 needs this to center the layout in the browser window */
    font-family: Tahoma;
    font-size: 9pt;
    background-color: #D3D4D5;
}
#main_wrapper
{
    width: 840px; /* widths of columns will change proportionately as this width is changed */
    margin-left: auto; /* centers layout in browser */
    margin-right: auto; /* centers layout in browser */
    text-align: left; /* resets the centering hack for IE6 on the body tag */
}
#header
{
    /*height: 192px;*/
    height: 128px;
    background-image: url( "../images/HeaderBackgroundTop.png" );
}

#menu
{
    /*height: 192px;*/
    height: 64px;
    background-image: url( "../images/HeaderBackgroundBottom.png" );
}
#nav
{
}
#content
{
    top: 0px;
    background-image: url( "../images/MainContent.png" );
}
#footer
{
    clear: both; /* makes the footer sit below whichever column is longest */
    background-image: url( "../images/BottomBelt.png" );
    height: 41px;
}


#footer_copyright
{
    text-align: center;
}


#footer_copyright a:visited
{
    color: #3B3B3B;
}
#footer_copyright a:hover
{
    color: Black;
}

#footer #footer_links
{
    float: right;
    margin: 23px 60px 0px 0px;
}

#footer #footer_inner a
{
    margin-left:5px;
}

#footer #footer_inner a:visited
{
    color: #3B3B3B;
}

#footer #footer_inner a:hover
{
    color: Black;
}

#header_inner, #nav_inner, #content_inner, #promo_inner
{
    overflow: hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
}
#header_inner
{
    height: 192px;
    /*padding:1em 2em;  creates space between the box  and the content */
}
#nav_inner
{
    /*padding:1em .8em;  creates space between the box and the content */
}
#content_inner
{
    padding: 1em; /*padding:0 1em 1em 1.5em;  creates space between the box and the content */
}
#footer_inner
{
    /*padding:.5em 1em; creates space between the box and the content */
    text-align: right;
    padding-top: 10px;
    padding-right: 5px;
}

#header_inner div#logo
{
    margin-top: 30px;
    margin-left: 60px;
}

#header_inner div#header_info
{
    float: right;
    vertical-align: top;
    margin-right: 100px;
    font-weight: bold;
    color: White;
}

#header_inner div#header_info a:visited
{
    color: #3E6B96;
}


#header_inner div#header_info a:hover
{
    color: #FF9600;
}


#header_inner div#header_date
{
    float: right;
    margin-right: 100px;
    margin-top: -30px;
    font-weight: bold;
    color: White;
}

#header_inner div#logged_controls
{
    float: right;
    margin-right: 58px;
    margin-top: -12px;
    font-weight: bold;
    color: White;
}

#header_inner div#stat_counter
{
    float: right;
    margin-right: 100px;
    margin-top: -50px;
}
#header_inner span#stat_counter_text
{
    font-weight: bold;
    color: White;
    float: right;
    margin-right: 160px;
    margin-top: -50px;
}

#header_inner div#header_nav
{
    margin-top: 22px;
}

