html, body {
height: 100%;
margin:0px;
background-color:#653416;
font-family: a garamond, serif;
font-size:18px;
}

a {text-decoration: none}

.cream_link_text a{ 
line-height:300%;
font-size:18px;
color:#f7f0c7;
font-family: a garamond, serif;
}

.cream_link_text a:hover { 
color:#ccffff;
}

.logo { 
float:right;
}

#header {
background-image:url(images/Overpainting-History-at-Brookwood--Banner-copy-2.jpg); 
background-repeat:no-repeat;
margin:auto;
margin-top:15px;
margin-bottom:0px;
padding:0px 0px 0px 0px; 
height:120px;
width:780px;
}

#content {
border:0px solid #000;
margin:auto;
padding:0px 0px 0px 0px; 
height:800px;
width:780px;
}

#sidebar {
border:0px solid #000;
background-color: #8f6f4d;
padding:20px 0px 0px 20px; 
height:1180px;
width:180px;
line-height:200%;
font-size:18px;
text-align: left;
float:left;
}

#sidebar1 {
border:0px solid #000;
background-color: #8f6f4d;
padding:20px 0px 0px 20px; 
height:800px;
width:180px;
line-height:200%;
font-size:18px: left;
float:left;
}

#main {
border:0px solid #000;
background-color: #FFFFFF;
padding:20px 30px 0px 45px; 
height:1180px;
width:505px;
line-height:180%;
font-size:15px;
color:#653416;
text-align: left;
float:right;
}

#main1 {
border:0px solid #000;
background-color: #FFFFFF;
padding:20px 30px 0px 45px; 
height:800px;
width:505px;
line-height:180%;
font-size:15px;
color:#653416;
text-align: left;
float:right;
}

#footer {
border:0px solid #000;
background-color: #653416;
height:auto;
width:780px;
font-size:12px;
color:#8f6f4d;
text-align: center;
font-family:a garamond, serif;
}