* 
{
 padding: 0;
 
margin: 0;

}

body 
{
 
background-color: #ff99ff;
 
font-family: Arial, Helvetica, sans-serif;
 
font-size: 12px;
 
color: #000000;
 
letter-spacing: 1px;
 
line-height: 15px;
 
margin: 0;
 
float: 
justified;

}

h1 
{
color: #3E0058;

text-align: center;

font-size: 18pt;

}
#wrapper 
{
 
width: 790px;
 
margin: 0 auto;

}

#header 
{
 
margin: 5px;
 
height: 130px;
 
width: 100%;

}

#navigation 
{
   
list-style: none;
   
margin: 0; 
padding: 0;

}

#navigation li 
{
   
float: left;
   
padding: 2px;
   
text-align: 
center;
}

#navigation li a 
{
   
display: block;
   
background: #ffccff;
   
width: 136px;
   
color: #1E1D7D;
   
padding: 3px 0;

}

#navigation li a:hover 
{
   
background: #4857C0;
   
color: #FFD425;

}

a
{
color: #3301AA; 
}

a:visited 
{ 
color: #FF3801; 
}

a:hover { color: #8746BB; }
a:active { color: #01BFB5;
}
#centercolumn {
 background-color: #FFFFFF;
 border: 1px solid #000;
 margin: 0 5px 5px 5px;
 display: inline; /* IE Hack */
 padding: 4px;
 width: 87%;
 float: left;
 min-height: 200px;
}
* html #centercolumn {height:200px} /* IE Min-Height Hack */

.floatleft {
float: left;
padding: 3px;
}
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}
img.pic
{
border: 0px ; }
#footer {
 background-color: #ffccff;
 margin: 0 5px 5px 5px;
 display: inline; /* IE Hack */
 padding: 4px;
 float: left;
 width: 87%;
}
p.center {
text-align: center;
}
p.right {
text-align: right;
}
table.center {
margin-left:auto; margin-right:auto;
}
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}