body
{ 
background-color: #997fb3;
text-align: center;
scrollbar-face-color: #997fb3; 
scrollbar-shadow-color: #997fb3; 
scrollbar-highlight-color: #e8d5fb; 
scrollbar-3dlight-color: #e8d5fb; 
scrollbar-darkshadow-color: #6d37a3; 
scrollbar-track-color: #B8BDC2; 
scrollbar-arrow-color: #000000;
}

p
{
padding: 10px;
text-align: center
}

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

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

.plain
{
padding: 40px;
background-color:#e8d5fb;
color:#6d37a3
}


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

#content
{
  width: 80%;
}

#sidebar
{
background-color:#e8d5fb;
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;
}

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

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

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: #6d37a3}
a:visited { color: #6a5acd}
a:active { color: #9932cc}
a:hover { background-color: #ffffff}

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;
}

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

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