body
{
background-color: #3333cc;
font-family: arial;
color: #ffffff;
}
a, a:visited
{
color:  #ffffff;
text-decoration: none;
font-style: italic;
}

/* divisions */
#wrapper
{
width: 98%;
text-align: center;
}
#main
{
width: 40em;
margin: 10em auto 0 auto;

}
/* classes */
.clear_center
{
clear: both;
margin: 1em auto 1em auto;
text-align: center;
}
.half
{
width: 16em;
float: left;
margin: 1em;
font-size: .8em;
}
.whole
{
width: 100%;
clear: both;
}
.button
{
width: 98%;
padding: 1em;
color: #ffffff;
background-color: #000000;
font-style: italic;
}
/* lists */

ul
{

}

li
{
padding: 0;
margin: 0;
text-align: left;
}
ul.nav
{

width: 40em;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.nav li
{
width: 16em;
padding: 0;
margin: 0 1em 0 1em;
float: left;
font-size: .75em;
background-color: #ffffff;
font-color: #3333cc;
}

ul.nav li a
{

color: #3333cc;

}
ul.sideways
{
list-style-type: none;

}
ul.sideways li
{
width: 10em;
height: 4em;


padding: 0;
margin: 0 2px 0 2px;

float: left;
}