* {margin:0; padding:0;}

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

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

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

#header {
width: 870px;
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:16px;
height:1270px;
margin:auto;
background-color: #663200;
color: white;
border-style: solid;
border-width: 4px;
border-color: #D7C697;
float:left;
position: absolute;
top: 114px; left: 0px;
text-align:center;
}

#rightSideBar {
width:16px;
height:1270px;
margin:auto;
background-color: #663200;
color: #D7C697;
border-style: solid;
border-width: 4px;
border-color: #D7C697;
float:right;
position: absolute;
top: 114px; left: 854px;
text-align:center;
font: arial; 
font-family: Arial; 
font-size: 10px; 
font-weight: bold;
}

#mainContent {
width:640px;
height:850px;
margin:auto;
padding: 15px;
position: absolute;
top: 120px; left: 103px;
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: 48px;
float: none;
}

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