And here is the css:

/* CSS Document */

body {
margin: 0 0 0 0;
padding: 0;
font-size: 14px;
background-color: #FFF;
}

#mainTable {
width: 100%;
height: auto;
margin: 0 auto;
border: 1px solid #ffffff;
/*/*/line-height: 1.5em; /* */
}
#mainTable td {
padding: 20px;/*Pads each table cell in modern browsers*/
}
#maincontent {
background-color: #FFFFCC;
width: 100%;
border: 0px solid #333;
font-size: 14px;
/*/*/font-size: 100%; /* */
}
#sidebar {
width: 120px;
font-size: 12px;
font-type: bold;
/*/*/font-size: 85%; /* */

}
#header {
height: 80px;
background-color: #6699FF;
color: #ffffff;
background-image: url(csst_bg.gif);
}
#footer {
background-color: #333333;
color: #CCCCCC;
background-image: url(csst_bg.gif);
}

td, p, ul {
font-family: Georgia, "Times New Roman", Times, serif;
}
h1:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h2:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h1 { font-size: 160%; }
h2 { font-size: 140%; }

#sidebar a {
/*/*/padding: 4px;
display: block;
margin: 2px;
border: 2px solid #6699FF;
text-decoration: none;
line-height: 1em;
width: 160px; /* */
}
#sidebar a:link, #sidebar a:visited {
color: #000000;
}
#sidebar a:hover, #sidebar a:active {
color: #FFFFFF;
background-color: #6699FF;
border: 2px solid #6699FF;
}
#current a {
color: #FFFFFF !important;
/*/*/background-color: #999999!important;
border: 2px dotted #999 !important; /* */
}
#sidebar ul {
/*/*/padding-left: 1em;
list-style-type: none;
margin-left: 1em; /* */
}

#sidebar li {
/*/*/margin: 0px 0px 6px 0px; /* */
}
#n4shell {
/* Happy hunting. This rule will allow you to create an outer border around the layout table in netscape 4. Wrap the entire table inside a div and assign to the div this id */
border: 1px solid #000;
/*/*/border: 0; /* */
}
.sitetitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: bolder;
color: #FFFFFF;
}
.normaltext {
background-color: #FFFFFF;
width: 75%;
height: auto;
border: 2px solid #6699FF;
font-size: 100%;
padding: 10px;
vertical-align: left;
float: left;





}
.pagetitle {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: normal;
color: #000000;
background-color: #FFFFFF;
padding: 5px;
height: auto;
width: 50%;
border: 2px solid #6699FF;




}
.box1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: normal;
background-color: #FFFFFF;
float: left;
height: auto;
width: 200px;
margin: 10px 10px 10px 30px;
padding: 10px;
border-top: 2px solid #6699FF;
border-right: 2px solid #6699FF;
border-bottom: 2px solid #6699FF;
border-left: 2px solid #6699FF;
line-height: 20px;
position: static;
clip: rect(auto auto 100px auto);








}
.box1Copy {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: normal;
background-color: #FFFFFF;
float: left;
height: auto;
margin: 5px;
padding: 10px;
border: 1px solid #FF9966;
width: 200px;
clear: left;



}
.logobox {
background-color: #6699FF;
height: auto;
width: 100%;
}
.picbox {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
text-decoration: line-through;
margin: 5px;
padding: 5px;
float: right;
height: auto;
width: 150px;
border: 2px solid #6699FF;
}