/* The common body settings. */
body
{
margin:0px;
padding:0px;
text-align:center;
font-size:100%;
}

table
{
/* TODO: Eventually move these to 'table'? Messing up the menu bar if I do it now.
margin-left:auto;
margin-right:auto;
text-align:center;
*/
}

table.main
{
/* TODO: Eventually move these to 'table' and remove redundancies? */
margin-left:auto;
margin-right:auto;
text-align:center;

border-spacing:0px;
padding:20px 10px;
width:800px;
border:0px;
border-collapse:collapse;
background-color:#bbbbff;
}

table.header
{
border:0px;
border-spacing:0px;
border-collapse:collapse;
width:800px;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
padding:0px;
}

img.header
{
border: 4px solid #990100;
}

table.footer
{
width:800px;
margin-right:auto;
margin-left:auto;
text-align:center;
border:2px solid #000033;
padding:0px;
border-spacing:0px;
border-collapse:collapse;
}

/* Used to center an item. */
.center
{
margin-left:auto;
margin-right:auto;
}