body
{ 
background-color:#678FA7;
}

#header
{
text-align: center;
position: auto;
  clear: both;
}

#content
{
  width: 80%;
}

#sidebar
{
width: 18%;
float: left;
text-align: left
}

#footer
{
  clear: both;
border: dashed thin #000000;
background-color:#ffffff;
color: #000000;
text-align: center;
position: auto;
font-size: x-small;
}

p
{
text-align: left;
}

.title
{
padding: 10px;
background-color:#7f99b3;
text-align: right
}

.note
{
background-color:#678FA7;
color:#ffffff;
width:50%
}

.menu
{
padding: 10px;
background-color:#376da3;
font-size: small;
text-align: left
}

.plain
{
background-color:#85ADC5;
color:#ffffff;
padding: 2%;	
}

.copyright
{
border: dashed thin #000000;
background-color:#ffffff;
color: #000000;
text-align: center;
position: auto;
font-size: x-small;
}

.image
{
padding: 5px auto;
width: 75%;
text-align: center;
float: none;
}

.whisper { font-style: italic; font-size: x-small}

em { font-style: italic; font-weight: bold; }
strong { font-weight: bold; }

.borders {
border: medium double #000000
}

.left
{
background-color:#85ADC5;
float: left
}

div.clearer {clear: left; line-height: 0; height: 0;}

img.left
{
background-color:#85ADC5;
float: left
}

img.right
{
background-color:#85ADC5;
float: right
}

h1 {text-align: center;
font-size: 150%}
h2 {text-align: center;
font-size: 130%}
h3 {text-align: center;
font-size: 120%}

a:link { color: #ccffff}
a:visited { color: #ccccff}
a:active { color: #9932cc}
a:hover { background-color: #ffccff}

table {
padding: 5px;
border: 3px
}
td {
text-align: center;
font-weight: bold;
}

.girl {
text-align: center;
font-weight: bold;
background-color: #ff99cc
}

.boy {
text-align: center;
font-weight: bold;
background-color: #6699ff
}

.head {
text-align: center;
font-weight: bold;
color: #99ccff
}

.image
{
padding: 5px auto;
width: 50%;
text-align: center;
float: none;
}