body
{
margin:0;
padding:0;
background-color:#000066;
}
table.nav
{
font-family:sans-serif;
color:#FFF;
font-weight:bold;
letter-spacing:2px;
}
table.nav td
{
padding:4px;
}
table.nav td a
{
padding:6px;
text-decoration:none;
color:#CCF;
}
table.nav td a:hover
{
text-decoration:underline;
}
table.content td
{
padding:25px;
color:#DDDDFF;
font-family:sans-serif;
font-size:16pt;
text-align:center;
}
table.content td span
{
color:#ff9900;
font-family:cursive;
padding:10px;
}
table.content td span.name
{
color:#ff9900;
font-family:cursive;
padding:3px;
}
table.content td span.name:hover
{
color:#ff9900;
font-family:cursive;
padding:3px;
cursor:auto;
}
table.content td span:hover
{
cursor:pointer;
}
table.content td a:link
{
color:#ff9900;
text-decoration:none;
}
table.content td a:hover
{
color:#ff9900;
text-decoration:underline;
}
table.content td a:visited
{
color:#ff9900;
text-decoration:none;
}
table.content td a:visited:hover
{
color:#ff9900;
text-decoration:underline;
}
table.form td
{
padding:3px;
color:#DDDDFF;
font-family:sans-serif;
font-size:16pt;
}
table.form input
{
background-color:#DDDDFF;
color:#333;
border:solid 1px #000;
}
table.form textarea
{
background-color:#DDDDFF;
color:#333;
border:solid 1px #000;
}

#how div
{
opacity:0;
filter:alpha(opacity=0);
position:relative;
text-align:center;
font-family:cursive;
font-size:14pt;
height:100%;
width:100%;
}

td.footer
{
font-family:cursive;
font-size:10pt;
margin-bottom:-10px;
color:#333;
}