html, body, #container {  
width:100%;
margin:0; 
padding:0;
height:100%;
min-height:100%;
font-family:Georgia,"Times New Roman",serif;
color:#f0f0d0;
background:#300 url(https://www.buildinghistory.org/images/wood.jpg);
}

#content { 
float:right;
width:82%;
padding:1em; 
text-align:justify; 
line-height:120%;
color: #300; 
margin: 0; 
background: #f0f0d0 url(https://www.buildinghistory.org/images/bground.gif);
}

#footer {  
font-size: smaller; 
text-align: center; 
clear: both;
margin: 0; 
width: 100%;
padding: 0.3em 0;
}

#footer a, #header a, #nav a  {
color: #f0f0d0;
text-decoration: none;
}

#footer a:hover, #header a:hover, #nav a:hover {
color: #300;
background-color: #f0f0d0;
text-decoration: none;
}

#header {  
margin: 0; 
padding: 0.5em 
}

#header span {display: none}

#nav {  
width:13%;
padding:0.2em;
float:left;
margin: 0; 
text-align: right; 
}

#nav a {  
text-decoration: none;
}

#nav img {
margin: 6px;
border: 0;  
}

#nav ul {  
list-style-type: none; 
margin: 0;
padding: 0px 10px 10px 0px;
font-size: 0.8em; 
line-height: 150%; 
}

#styleswitch {
float: left;
margin: 0;
padding: 0;
}

#styleswitch li {
margin: 0;
padding: 0;
list-style-type: none;
}

#styleswitch ul {
margin: 0;
padding: 0;
list-style-type: none;
}

a:active,a:link {color: #f03;}

a:visited {color: #c03;}

a#startcontent  {display: none}

blockquote {font-size: 0.9em;}

h1 {
margin: 0;
padding: 0;
font-size: 1.6em;
font-variant: small-caps;
text-align: center;
}

h2 {
font-size: 1.4em;
font-weight: bold;
color: #f0f0d0;
background: #a3844a url(https://www.buildinghistory.org/images/marble.jpg);
padding-top: 0.25em;   
padding-bottom: 0.25em;
}

h3 {
font-size: 1.2em;
color: #300;
text-decoration: underline overline;
}

h4 {
font-size: 1em;
font-weight: bold;
}

ul {
list-style-type: circle;
}

div.spacer { clear: both }

#alphabar ul {
display: inline;
list-style-type: none;
}

#alphabar li {
display: inline;
padding-right: 0.5em;
}

#nav h1 {
margin: 0;
padding: 5px 10px 0;
font-size: 0.9em;
color: #f0f0d0;
background: #a3844a url(https://www.buildinghistory.org/images/marble.jpg);
font-weight: bold;
line-height: normal;
}

#topnav {
text-align: center;
}

#topnav ul {
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
text-align: center;
}

#topnav li {
padding: 1em;
list-style-type: none;
display: inline;
}

#townrank table {
width: 100%;
border: none;
}

#townrank caption {
color:#f0f0d0;
background: #a3844a url(https://www.buildinghistory.org/images/marble.jpg);
font-size:1.2em;
padding:5px;
text-align:center;
}

#townrank td,th {
border: none;
text-align:left;
}   

#townrank thead th {
font-weight: bold;
}

#rank {
width: 4%;
font-weight: bold;
}

.center {  
text-align: center; 
}

.center img {
margin: 5px; 
border: 0; 
}

.left {  
float: left; 
margin: 6px; 
border: 0;
text-align: center;  
}

.right {  
float: right;
margin: 6px 6px; 
border: 0; 
text-align: center; 
}

.box {
border: double #a3844a;
margin: 1em 2em;
padding: 5px 10px;
}

.Magalotti img {
width: 140px;
border: none;
}

.rightbox {
margin: 0.5em;
background-color: #300;
text-align: center;
float: right;
}

.rightbox p {
padding: 3px;
font-size: smaller;
font-style: italic;
line-height: 100%;
color: #f0f0d0;
}

.center {
text-align: center;  
}

.thumbnail {  
float: left; 
height: 180px;
margin: 6px; 
border: 0;
font-size: smaller;
font-style: italic;
line-height: 100%;
text-align: center;  
}

.highlight {
font-weight: bold;
color: #996633;
}