* {margin:0; padding:0;}

html {
    scrollbar-base-color: #D7C697;
}

body {
margin:0; 
padding:0; 
background-image: url('cremeBackground.jpg');
}

#wrapper {
width: 855px;
height: 1180px;
margin: 4px auto;
position: relative;
background-image: url('cremeBackground.jpg');
top: 0px;
left: 0px;
}

#header {
width: 850px;
height: 110px;
margin:auto;
background-color: #663200;
color: white;
border-style: solid;
border-width: 4px;
border-color: #D7C697;
position: absolute;
top: 0px; left: 0px;
}

#leftSideBar {
width:136px;
height:760px;
margin:auto;
background-color: #663200;
color: white;
border-style: solid;
border-width: 4px;
border-color: #D7C697;
float:left;
position: absolute;
top: 120px; left: 0px;
text-align:center;
}

#rightSideBar {
width:8px;
height:760px;
margin:auto;
background-color: #663200;
color: #D7C697;
border-style: solid;
border-width: 2px;
border-color: #D7C697;
float:right;
position: absolute;
top: 120px; left: 846px;
text-align:center;
font: arial; 
font-family: Arial; 
font-size: 10px; 
font-weight: bold;
}

#mainContent {
width:640px;
height:750px;
margin:auto;
padding: 15px;
position: absolute;
top: 120px; left: 153px;
float: none;
}

#mainContent2 {
width:640px;
height:3000px;
margin:auto;
padding: 15px;
position: absolute;
top: 120px; left: 153px;
float: none;
}

#mainContent3 {
width:640px;
height:850px;
margin:auto;
padding: 15px;
position: absolute;
top: 120px; left: 153px;
float: none;
}

#footer {
width: 640px;
height: 30px;
margin:auto;
position: absolute;
top:860px; 
left:170px;
text-align: center;
clear: both;
}