body {
padding: 20px;
font: normal 8pt verdana, tahoma, geneva, helvetica, arial, sans-serif;
color: #000000;
background: #e5e5e5;
}

a:link {
color: #004000;
background: #c3cdc3;
text-decoration: underline;
font: bold 8pt verdana, tahoma, geneva, helvetica, arial, sans-serif;
}

a:visited {
color: #004000;
background: #c3cdc3;
text-decoration: none;
font: bold 8pt verdana, tahoma, geneva, helvetica, arial, sans-serif;
}

a:hover {
color: #c3cdc3;
background: #004000;
text-decoration: none;
font: bold 8pt verdana, tahoma, geneva, helvetica, arial, sans-serif;
}

a:active {
color: #c3cdc3;
background: #004000;
text-decoration: none;
font: bold 8pt verdana, tahoma, geneva, helvetica, arial, sans-serif;
}

img.thumb {
width: 100px;
height: 100px;
border: solid 1px #000000;
}

table.fof {
width: 600px;
height: 600px;
font: normal 8pt verdana, tahoma, geneva, helvetica, arial, sans-serif;
}

td.main {
width: 200px;
height: 200px;
color: #000000;
background: #c3cdc3;
vertical-align: middle;
padding: 2px;
text-align: center;
border: solid 1px #000000;

}

td.nav {
width: 200px;
height: 200px;
color: #000000;
background: #d3ded3;
vertical-align: middle;
padding: 2px;
text-align: center;
border: solid 1px #000000;
}

td.blank {
width: 200px;
height: 200px;
color: #9f7fb7;
background: #614078;
vertical-align: middle;
text-align: center;
border-bottom: solid 1px #9f7fb7;
border-right: solid 1px #9f7fb7;
border-top: solid 1px #9f7fb7;
border-left: solid 1px #9f7fb7;
}

td.tut {
width: 320px;
color: #402747;
background: #9070a8;
vertical-align: middle;
padding: 5px;
text-align: normal;
border-top: solid 1px #9f7fb7;
border-left: solid 1px #9f7fb7;
border-bottom: solid 1px #451953;
border-right: solid 1px #451953;
}