﻿html, body
{
    height: 100%;
    text-align: center;
}
body
{
    min-width: 640px;
    background-color: #ffffff;    
}
#content, #sub-section, #footer
{
    overflow: hidden;
    display: inline-block;
}
#menu
{
    padding-left: 6px;    
    text-align: left;
    width: 240px;
    height: 365px;
    background-color: #dfd6bd;
    border: solid 3px white;    
}

#menuContainer
{
    width: 256px; 
    float: left; 
    padding-left: 10px; 
    padding-right: 10px; 
    padding-bottom: 10px;
    background-color: transparent;
}

#news
{
    padding-left: 6px;
    text-align: left;
    width: 240px;
    min-height: 100px;
    background-color: #dfd6bd;
    border: solid 3px white;
}

#menu, #content, #contentDiv, #sub-section, #footerLeft, #footerRight, #news
{
    float: left;
}
#content
{
    width: 679px;
    min-height: 560px;
    background: #dfd6bd url(..images/Mockup-rev02_04.jpg) no-repeat;
}
#sub-section
{
    width: 20px;
    background-color: #ffffff;
}
#footer
{
    clear: left;
    background: #777777 url(..images/Mockup-rev02_07.jpg) no-repeat;
    width: 100%;
}
#siteContainer
{
    width: 955px;
    height: 100%;
    min-height: 100%;
    margin: 0px auto;
    padding: 0px;
    text-align: left;
    border-left: solid 1px #333;
    border-right: solid 1px #333;
    background: #dfd6bd url(../images/Mockup-rev02_05.jpg) repeat-y;
}
#pageContainer
{
    width: 100%;
    min-height: 100%;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    position: relative;
}
#titleLeft
{
    float: left;
    width: 276px;
    height: 155px;
    background: #ff0000 url(../images/Mockup-rev02_01.jpg) no-repeat;
}

#titleRight
{
    float: right;
    width: 679px;
    height: 155px;
    background: #ff0000 url(../images/Mockup-rev02_02.jpg) no-repeat;
}
#menuNav
{
    position: relative;
    clear: both;
    width: 276px;
    height: 547px;
    background-color: transparent;
}

#contentDiv
{
    width: 655px;
    background-color: #dfd6bd;
    border: solid 3px white;
    padding-left: 5px;
    padding-right: 5px;    
}

#footerLeft
{
    width: 0px;
    height: 65px;
    float: left;
    display: none;
    background: #777777;
    text-align: center;
}

#footerRight
{
    width: 955px;
    height: 63px;
    float: left;
    border-top: solid 1px #333;
    background: #ff0000 url(../images/Mockup-rev02_07.jpg) no-repeat;
}
/* ----------------------------
    Administration Layout
   ---------------------------- */
#adm-header, #adm-menu, #adm-content, #adm-footer
{
    overflow: hidden;
    display: inline-block;
}
/* safari and opera need this */#adm-header, #adm-footer
{
    width: 100%;
}
#adm-menu, #adm-content
{
    float: left;
}
#adm-header
{
    background: #282F39;
    padding-top: 5px;
}
#adm-menu
{
    width: 15%;
    background: #282F39;
    height: 100%;
    min-height: 500px;
}
#adm-content
{
    width: 85%;
    /*padding: 15px;*/
    background: #fff;
    min-height: 500px;
}
#adm-menu-content 
{
    background: #282F39;
    height: 100%;
    min-height: 500px;
}
#adm-footer
{
    clear: left;
    background: #d7350f;
    padding: 5px 0px;
}
#adm-siteContainer
{
    height: 100%;
    min-height: 100%;
    margin: 0px auto;
    padding: 0px;
    text-align: left;
}
#adm-pageContainer
{
    width: 100%;
    min-height: 100%;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    position: relative;
}
