body {
background-image: url('bkg.png');
text-align: center;
padding: 15px 0;
margin: 0;
}

body, div {
font-family: Verdana, sans-serif;
font-size: 12px;
text-align: left;
vertical-align: top;
}

td {
font-size: 11px;
padding-top: 5px;
vertical-align: middle;
height: 35px;
}

th {
font-size: 14px;
border-bottom: 1px solid black;
}

a, a:visited {
color: blue;
}

a:hover {
color: red;
}

img {
margin: 0 auto;
border: 0;
}

dl.event {
margin: 0;
padding: 0;
}

dl.event dt {
position: relative;
font-weight: bold;
left: 0;
top: 1.18em;
margin-right: 5em;
}

dl.event dd {
margin: 0 0 0 9em;
padding: 0 0 .5em .5em;
}

label {
float: left;
padding-top: .25em;
margin-right: .5em;
width: 125px;
text-align: right;
font-weight: bold;
}

fieldset {
padding: 10px;
background: #efefef;
margin: 10px;
border: 1px solid #777;
}

legend {
font-size: 16px;
font-weight: bold;
}

h1 {
font-size: 21px;
margin: 0;
padding: 0;
}

h2 {
font-size: 21px;
color: #005;
margin-top: 0;
padding-top: 0;
}

h3.title {
font-size: 18px;
color: #00c;
margin-bottom: 0;
}

h4 {
font-size: 14px;
margin-bottom: 0;
padding-bottom: 0;
}

h4.class {
color: #a00;
margin-top: 0;
}

h4.author {
color: #700;
margin-top: 0;
}

h4.approved {
margin-top: 0;
}

div#top {
margin: 0 auto;
width: 748px;
border: 1px solid black;
border-bottom: none;
}

div#logo {
float: left;
width: 135px;
height: 80px;
}

div#navigation {
float: right;
width: 612px;
height: 80px;
border-left: 1px solid black;
}

div#topnav {
border-bottom: 1px solid black;
background: #bbb;
height: 27px;
width: 600px;
padding: 6px;
}

div#bottomnav {
background: #a4a4a4;
height: 20px;
width: 592px;
padding: 10px;
}

div#shakes {
height: 300px;
background: #f7f3e8;
width: 728px;
border: 1px solid black;
margin: 0 auto;
padding: 10px;
}

ul.nav {
list-style-type: none;
display: inline;
padding: 0;
margin: 0;
}

ul.nav li {
display: inline;
margin-right: 15px;
}

ul.nav li a {
color: white;
font-weight: bold;
font-size: 14px;
text-decoration: none;
border: 1px solid #a4a4a4;
}

ul.nav li a:visited {
color: white;
}

ul.nav li a:hover {
color: black;
background: white;
border: 1px solid #777;
}

div#content {
height: 300px;
background: #f7f3e8;
width: 728px;
border: 1px solid black;
margin: 0 auto;
padding: 10px;
}

html>body div#content {
height: auto;
min-height: 300px;
}

div#feature {
float: right;
width: 228px;
background: white;
border: 1px solid black;
margin: 0 0 0 10px;
padding: 5px;
}

div#feature h2 {
color: #007;
font-size: 18px;
font-style: italic;
}

div#footer {
margin: 0 auto;
background: white;
text-align: center;
padding: 5px;
font-size: 10px;
width: 738px;
}

table {
border-collapse: collapse;
}

tr.alternateRow {
background: #eee;
border: 1px solid #777;
}

tr.header {
background: white;
border: 1px solid black;
}

tr.alternateRow {
background-color: #e0e0e0;
}

td.sortedColumn {
background-color: #f0f0f0;
}

th.sortedColumn {
background-color: #f8f4f9;
}

tr.alternateRow td.sortedColumn {
background-color: #d0d0d0;
}