@media screen
{
    /*================================
    	Setup
    ==================================*/
    /* stripes on the right. */
    html
    {
        background: transparent url(../SiteImages/bgSiteRight.jpg) repeat-y top right;
        height: 100%;
        min-height: 100%;
    }
    /* stripes on the left. */
    body
    {
        margin: 0;
        background: transparent url(../SiteImages/bgSiteLeft.jpg) repeat-y; /*height:100%; 	min-height:100%;*/
    }
    #SiteContainer
    {
        min-width: 800px;
        text-align: left;
        margin: 0 63px;
        overflow: visible;
        background: #fff;
    }

    #RLBLogo
    {
        width: 223px;
        height: 258px;
        float: left;
    }

    #HeaderContainer
    {
        margin-left: 223px;
        height: 258px;
        background: #E4EEF2 url(../SiteImages/bgHeader.jpg) repeat-x;
    }
    #Header
    {
        height: 183px;
        width: 90%;
        background: transparent url(../SiteImages/RLBWebsite_02.jpg) no-repeat;
        text-align: right;
        padding: 75px 0px 0px 0px;
    }
    #Navigation
    {
        width: 100%;
        height: 44px;
        clear: both;
        background: #ccc url(../SiteImages/bgNavigation.jpg) repeat-x;
        border-top: solid 1px #fff;
    }
    #ContentContainer
    {
        background: #fff url(../SiteImages/bgFadeLeft.jpg) no-repeat bottom left;
    }
    #Content
    {
        overflow: visible; /**/
        min-height: 500px;
        padding: 10px 10px;
        background: transparent url(../SiteImages/bgFadeRight.jpg) no-repeat bottom right;
        float: none;
    }
    #ContentLeft
    {
        width: 60%;
        float: left;
    }
    #ContentRight
    {
        width: 37%;
        float: right;
    }
    #FooterContainer
    {
        width: 100%;
        border-top: solid 4px #646464;
        clear: both;
    }
    #Footer
    {
        margin-top: 1px;
        border-top: solid 1px #006595;
        height: 60px;
        padding: 30px 10px 0px 10px;
        background: #EFEFEF; /*background: transparent url(../SiteImages/bgFadeLeft.jpg) no-repeat top left;*/
    }
    .ClearDiv
    {
        width: 100%;
        clear: both;
        height: 40px;
    }
    /*================================
        CSS for the box
    ==================================*/
    /* Insert the custom corners and borders for browsers with JavaScript on */
    .cb
    {
        /*position:relative;  gain control of stacking order (z-index). */
        width: auto;
        min-width: 140px; /*margin:10px 10px 10px 10px;*/
        padding: 0px; /*z-index:3;  This allows the content to overlap */
    }
    /* Rules for the top corners and border */
    .bt
    {
        background: transparent url(../SiteImages/box.gif) no-repeat 100% 0; /**/
        margin: 0 0 0 17px;
        height: 17px;
    }
    .bt div
    {
        height: 17px;
        width: 17px; /*position:relative; 	position:absolute; 	top: 0; 	left: 0; 	left:-17px;*/
        margin-left: -17px;
        background: #333;
        background: transparent url(../SiteImages/box.gif) no-repeat 0 0; /**/ /*z-index:-1;*/
    }

    /* Rules for the bottom corners and border */
    .bb
    {
        background: transparent url(../SiteImages/box.gif) no-repeat 100% 100%;
        margin: 0 0 0 17px;
        height: 17px;
    }
    .bb div
    {
        height: 17px;
        width: 17px;
        /*position: relative;*/
        margin-left: -17px;
        background: transparent url(../SiteImages/box.gif) no-repeat 0 100%;
    }

    /* Insert the left border */
    .i1
    {
        padding: 0 0 0 12px;
        background: transparent url(../SiteImages/borders.gif) repeat-y 0 0;
    }
    /* Insert the right border */
    .i2
    {
        padding: 0 12px 0 0;
        background: transparent url(../SiteImages/borders.gif) repeat-y 100% 0;
    }
    /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. 
    */
    .i3
    {
        /**/background: #fff;
        border: 1px solid #fff;
        border-width: 1px 0px;
        padding: 0px 10px;
    }

    /* ----------------------------
        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: #1B2429;
        padding-top: 5px;
        color: White;
        font-size: .9em;
    }
    #adm-header h1 
    {
        color: #fff;
        }
    #adm-menu
    {
        width: 20%;
        background: #282F39;
        height: 100%;
        min-height: 500px;
    }
    #adm-content
    {
        width: 75%;
        padding: 15px;
        background: #fff;
        min-height: 500px;
    }
    #adm-content ul 
    {
        list-style-image: none;
        }
    #adm-menu-content
    {
        background: #282F39;
        height: 100%;
        min-height: 500px;
    }
    #adm-footer
    {
        clear: left;
        background: #006495;
        padding: 5px 0px;
        color: White;
        font-size: .7em;
    }
    #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;
    }
}
@media print
{
    /*================================
    	Setup
    ==================================*/
    /* stripes on the right. */
    html
    {
        background: none;
        height: 100%;
        min-height: 100%;
    }

    body
    {
        margin: 0;
        background: none; 
    }
    #SiteContainer
    {
        width: 100%;
        text-align: left;
        overflow: visible;
        background: #fff;
    }

    #RLBLogo
    {
        display:none;
    }

    #HeaderContainer
    {
        display:none;
    }
    #Header
    {
        display:none;
    }
    #Navigation
    {
        display:none;
    }
    #ContentContainer
    {
        background: none;
    }
    #Content
    {
        background: none;
    }
    #ContentLeft
    {
        width: 60%;
        float: left;
    }
    #ContentRight
    {
        width: 37%;
        float: right;
    }
    #FooterContainer
    {
        width: 100%;
        border-top: solid 4px #646464;
        clear: both;
    }
    #Footer
    {
        margin-top: 1px;
        border-top: solid 1px #006595;
        height: 60px;
        padding: 30px 10px 0px 10px;
    }
    .ClearDiv
    {
        width: 100%;
        clear: both;
        height: 40px;
    }
}