/* The entire website body */
#website
{
    width: 990px;
    margin: 9px auto 0 auto;
}

/* Website Containers */
#website #header,
#website #mainBody
{
    overflow: hidden;
}

/* Generic Columns - Left columns are always 243px, while right columns are 747px */
.leftColumn
{
    float: left;
    width: 243px;
}

.rightColumn
{
    float: left;
    width: 747px;
}

#website #mainBody .leftColumn
{
    min-height: 700px;
}

.leftColumn #leftHeader
{
    float: left; 
    display: inline;
    padding: 29px 5px 21px 25px; 
    height: 363px;
    background-image: url(../../Media/Images/Layout/Main/leftcolumn-header.jpg);
    background-repeat: no-repeat;
    background-position: left top; 
}


/* Left Panel (Used on both Home and Main Master page */
.leftColumn #leftPanel
{
    position: relative;
    display: block;
    width: 243px;
    float: left; 
    background-image: url(../../Media/Images/Layout/Main/leftpanel-background.jpg);
    background-repeat: repeat-y;
    background-position: left top;
    overflow: hidden;
    clear: both;
}

.leftColumn #leftPanel .header
{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 243px;
    height: 138px;
    background-image: url(../../Media/Images/Layout/Main/leftpanel-header.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

.leftColumn #leftPanel .content
{
    position: relative;
    z-index: 1000;
    padding: 55px 20px 25px 25px;
    min-height: 300px;
    clear: both;
    display: block;
}
* html .leftColumn #leftPanel .content { height: 300px; }

.leftColumn #leftPanel .footer
{
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 243px;
    height: 47px;
    background-image: url(../../Media/Images/Layout/Main/leftpanel-footer.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    clear: both;
}


#website #mainBody .rightColumn
{
    position: relative;
    float: left;
    width: 718px;
    min-height: 530px;
    padding: 276px 24px 38px 5px;
    background-image: url(../../Media/Images/Layout/Main/rightcolumn-background.jpg);
    background-repeat: repeat-y;
    background-position: left top;
}
* html #website #mainBody .rightColumn { height: 522px; }

.rightColumn #rightHeader
{
    position: absolute;
    top: 0;
    left: 0;
    width: 747px;
    height: 474px;
    padding: 77px 0 0 0;
    background-image: url(../../Media/Images/Layout/Main/rightcolumn-header.jpg);
    background-repeat: no-repeat;
    background-position: left top;   
}

.rightColumn .content
{
    position: relative;
    padding: 0 55px 0 24px;
    z-index: 1000;
}

.rightColumn .footer
{
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 747px;
    height: 48px;
    background-image: url(../../Media/Images/Layout/Main/rightcolumn-footer.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    clear: both;
}

#website #footer
{
    clear: both;
    font-size: 10px;
    color: #FFFFFF;
    text-align: right;
    margin: 5px 12px 15px 0;
}

#website #footer a
{
    font-weight: bold;
    color: #FFFFFF;
}