* {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

html, body
{
  font-size: 11px;
  background-color: rgb(0, 0, 153);
}

div
{
  text-align:left;
  position:relative;
}

div.spacer
{
  clear:both;
}

#outer
{
  width:775px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.6em;
  background-color: rgb(0, 0, 153);
  margin:0 auto;
}

#header /*Don't set a width, it makes the header and contents unaligned.*/
{
  height: 146px;
  background-repeat:no-repeat;
  background-position:bottom center;
  background-image:url('../pictures/header.jpg');
  margin:0 auto;
}

#footer
{
  height:75px;
  background-repeat:no-repeat;
  background-position:top center;
  background-image:url('../pictures/footer.jpg');
  margin:0 auto;
  font-size:11px;
  line-height:20px;
  font-weight:bold;
  text-align:center;
  padding-top:5px;
}

#footer a
  {
   color:rgb(255, 255, 255);
   text-decoration:none;
  }
  
#footer a:focus, #footer a:hover, #footer a:active
  {
    color:rgb(0, 0, 131);
    text-decoration:underline;
  }

#contents
{
  background-repeat:repeat-y;
  background-image:url('../pictures/background.jpg'); 
  background-position:top center;
  margin:0 auto;
  clear:both;
}

#contents li
{
  margin-left: 40px;
  margin-bottom:15px;
}

#menu
{
  display:block;
  background:transparent url('../pictures/background.jpg') repeat-y top center;
  line-height:1.8em;
  padding: 0 26px 0 24px;
  line-height:1.8em;
}

#menu ul
{
  font-size:9px;
  list-style:none;
  background:#fff;
  display:block;
}

#menu ul li
{
  float:left;
  width:105px;
  background:rgb(211, 40, 40);
  border-right:1px black solid;
  border-top:1px black solid;
  border-bottom:1px black solid;
  list-style:none;
  display:block;
}

#menu #home
{
  width:88px;
  display:block;
  background-color:rgb(211, 40, 40);
  border-right:1px black solid;
  border-top:1px black solid;
  border-bottom:1px black solid;
  border-left:0px black solid; 
}

#menu #last
{
  width:106px;
  display:block;
  background-color:rgb(211, 40, 40);
  border-right:0px black solid;
  border-top:1px black solid;
  border-bottom:1px black solid;
  border-left:0px black solid; 
}

#menu a
{
  display:block;
  color:black;
  text-decoration:none;
  text-align:center;
}

#menu a:focus, #menu a:hover, #menu a:active
{
  text-decoration:underline;
  background-color:rgb(186, 204, 204);
}

#text
{
  padding:0px 45px 7px 35px;
  margin:0 auto;
}

a
  {
    color:rgb(0, 0, 131);
    font-weight:bold;
    text-decoration:underline;
  }
  
a:focus, a:hover, a:active
  {
    color:rgb(211, 40, 40);
    text-decoration:underline;
  }

img
  {
    border:0;
  }

p
{
  margin-bottom:1em;
  margin-top:1em;
}

h2, h3, h4, h5, h6
  {
    line-height:1.2em;
    margin-top:1.3em;
    margin-bottom:1em;
  }

h1
  {
    font-size:x-large;
    text-align:center;
    line-height:1.2em;
    margin-bottom:1em;
  }
  
h2
  {
    font-size:large;
    text-align:center;
  }
  
h3
  {
    font-size:small;
    text-align:center;
  }
  
h4
  {
    font-size:x-small;
    text-align:center;
  }
  
h5
  {
    font-size:xx-small;
    text-align:center;
  }