html body {
 background-color: #E8F1FC;
 color: black;
 height: 100%;
 overflow: auto;
}
html>body #columnright {
 height: auto;
 min-height: 500px;
}
html>body #columnleft {
 margin-top: 0px;
}
#container {
 width: 700px;
 position: absolute;
 left: 50%;
 margin-left: -350px;
}
#content {
 background: #EFEBD7 url(bg.gif);
 color: black;
 width: 700px;
 position: absolute;
 left: 50%;
 margin-left: -350px;
}
#header {
 background: #EFEBD7 url(header.gif);
 color: black;
 height: 110px;
}
#columnleft {
 margin-top: 20px;
 width: 105px;
 float: left;
 margin-left: 1em;
 font-size: 1.25em;
}
#columnleft a {
 text-decoration: none;
}
#columnright {
 width: 550px;
 float: right;
 border-left: 2px solid navy;
 padding-right: 20px;
 height: 500px;
}
#footer {
 clear: both;
 background: #EFEBD7 url(footer.gif);
 height: 80px;
 color: black;
 text-align: center;
}
#news {
 border: 1px;
 border-style: dashed;
 background-color: #F5F5F5;
 width: 250px;
 color: #800000;
 font-size: 1.25em;
 margin-left: 126px;
}
#columnleft a:link {
 background-color: #EFEBD7;
 color: navy;
}
#columnleft a:hover {
 background-color: #EFEBD7;
 color: #B22222;
}
#columnleft ul {
 list-style-type: none;
 padding-left: 0;
 margin-left: 0;
}
#history {
 width: 525px;
 padding-left: 12px;
}
#headernav {
 position: absolute;
 top: 85px;
 left: 508px;
}