body
{
    margin:0;
    padding:0;
    line-height: 1.5em;
    font: 12px,  'Trebuchet MS' , Arial, Helvetica, sans-serif;
    background: #0068ac url( 'images/bgSite.jpg' ) repeat-x;
}
#sitewrapper
{
    width: 900px; /*Width of main container*/
    margin: 0 auto; /*Center container on page*/
}

#runninghead
{
    height: 90px; /*Height of top section*/
    background: url( 'images/bgRunninghead.jpg' ) no-repeat;
    color: white;
}
    #adpanel
    {
        margin-left:-35px;
        margin-top:-15px;
    }
#runningfooter
{
    clear: left;
    width: 100%;
    height:95px;
    background: black;
    color: #FFF;
    text-align: center;
    padding: 4px 0;
    background: url( 'images/bgRunningfooter.jpg' ) no-repeat;
    color: white;
}
#runningfooterwebsite
{
    clear: left;
    width: 100%;
    height:24px;
    background: black;
    color: #FFF;
    text-align: center;
    padding: 4px 0;
    background: url( 'images/bgRunningfooterwebsite.png' ) no-repeat;
    color: white;
}
    #navibar
    {
        margin-left:-25px;
        margin-top:4px;
    }
#codex
{    
    width: 100%; 
    height: 714px;
    background: #c8dcf4 url( 'images/bgCodex.jpg' ) no-repeat;
}
#codexwebsite
{    
    width: 100%;
    background: url( 'images/bgCodexwebsite.png' ) repeat-y;
}
.gully{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0px 0px; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
}

* html #codex{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #codexwebsite{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}