body {
margin:10px;
padding:0;
font-family:'Times New Roman', serif;
font-size:1.1em;
color:#993300;
background-color:#FCF0C9;
background-image:url(background.jpg);
text-align:center;
}

.mainframe {
max-width:50em;
margin-left:auto;
margin-right:auto;
}

a:link, a:visited, a:active {
color:#d82800;
text-decoration:none;
display:block;
}

.topnav a:link, .topnav a:visited, .topnav a:active {
display:inline;
font-weight:bold;
margin:0 1em 2em 1em;
padding:0 0.3em;
}

a:hover {color:#000098;text-decoration:none;}

.topnav a:hover {color:#000098;text-decoration:none;background-color:#ffcc00;}

h1 {
font-size:140%;
font-weight:bold;
color:#CC3300;
margin-top:2em;
}

h2 {
font-size:120%;
font-weight:bold;
color:#e06030;
margin-top:1em;
}

h3 {
font-size:110%;
font-weight:bold;
color:#ff6633;
margin:2em 0;
border-bottom:solid 1px #ff6633;
text-align:right;
}

img {border:none;}

.imageleft {
float:left;
width:auto;
border:none;
margin-right:3em;
margin-bottom:1em;
}

.imageright {
float:right;
width:auto;
border:none;
margin-left:3em;
margin-bottom:1em;
}

.imagerightlarge {
float:right;
width:320px;
border:none;
margin-left:10px;
margin-bottom:1em;
clear:right;
}

form {
background-color:#FFCC99;
margin:5%;
padding:2em;
border: thin inset #cc0000;
}

table {background-color:#cc0000;}

tr {margin:1px;background-color:#FFCC99;}

td {padding:0.5em;}

.comment {
color:#330000;
background-color:#ffcccc;
margin:2em;
padding:2em;
border:inset medium #cc0000;
}

hr {margin-top:2em;margin-bottom:2em;}