body {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
margin-top: 20px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background: #F4F7E7 url(img/content-gradient.png) repeat-x scroll 0 0px;
}

a {
color: #27638C;
}

a:active, a:hover, a:visited {
color: #606060;
}

div.wrapper {
text-align: left;

margin-left:auto;
margin-right:auto;
width: 800px;
}

div.header {
float: top;
text-align: center;
}

div.header p {
font-size: 24px;
font-weight: bold;
}

div.navigation {
border: 1px solid #666666;
float: top;
font-weight: bold;
display: block;
padding: 10px;
width: auto;
text-align: center;

background-color: #F4F7E7;
}

div.content {
border: 1px solid #666666;
padding: 4px;
width: auto;
margin-top: 10px;
text-align: center;

background-color: #F4F7E7;
}

hr {
width: 100%;
color: #808080;
}

div.content ul {
text-align: left;
line-height: 16px;
}

table.spottable, table.uploadspot, table.editinfo, table.login {
font-size: 12px;
margin-left: auto;
margin-right: auto;
border: 1px solid #888888;
}

table.uploadspot, table.editinfo, table.login {
font-weight: bold;
}

td {
padding: 4px;
/*border: 1px solid #888888;*/
}

td.weekheader, td.weekbox, td.yearheader, td.yearbox, td.removeheader, td.removebox {
text-align: center;
}

td.removeheader, td.removebox {
background-color: #cccccc;
color: #000000;
}

td.spotheader, td.weekheader, td.yearheader, td.removeheader {
font-weight: bold;
}