body 
{
   background-color: #cceeff;
}

div
{
   background-color: #ffffff;
   margin: 2em 2em 2em 2em;
   padding: 0em 1em 1em 1em;
   border: 1pt #000000 solid
}

div.image
{
   background-color: #cceeff;
   margin: 0 0 0 0;
   padding: 1em 1em 1em 1em;   
}

h1
{
   text-align: center;
}
   
div.story div.image p { font: Arial; margin: 5 0 0 0; text-indent: 0; }
div.story div.image p:first-letter { font-size: 1em; }

div.image img
{
   width: 100%;
   border: thin #000000 solid;
}

/* Story formatting */

div.story p
{
   text-indent: 1.5em;
}

div.story p:first-letter
{
   font-size: 1.5em;
}

div.story span.date
{
   color: grey;
}

/* Menu configuration */

div.menu
{
   background-color: #ffffff;
   margin: 0em 2em 0em 2em;
   padding: 0em 1em 1em 1em;
   border: 1pt #000000 solid
}

div.menu p
{
   margin: 5 0 5 0; 
}

div.menu p.leftmenu
{
   text-align: left;
   width: 20em;
   float: left;
}

div.menu p.rightmenu
{
   text-align: right;
   float: right;
   width: 20em;
}

div.menu p.centremenu
{
   text-align: center;
}

table
{
   width: 100%;
}

/* Decoration for the title page */

#contents p
{
   margin: 5 0 5 0;
}

#contents h1
{
   background: url('HeaderBackground.jpg');
   height: 80;
   color: black;
   font-size: 60;
}