body{font: 76% arial,sans-serif}

p{margin:0 10px 10px}

a{display:inline-block;
  padding:2px;
  text-decoration:none}

#container
  {width: 95%;
  margin: 10px auto;
  background-color: #FFF;
  color: #333;
  border: 1px solid gray;
  line-height: 150%;}

div#header
  {background: #FFF;
  color: #ddd;
  border-bottom: 1px solid gray;}

div#content
  {margin-left:70px;
  margin-right:70px;
  margin-top:20px;
  padding:25px; 
  background:#ffffff;}

div#navigation
  {background:#Fff;
  padding:5px;
  float:right;
  width:50px;
  margin:10px}

div#extra
  {background:#ffffff; 
  padding:5px;
  float:left;
  width:50px;
  margin:10px;}
 
div#footer
  {background:#fff;
  color: #369;
  border-top: 1px solid gray;
  clear:both;
  width:100%;}

div#footer p
  {margin:0;
  padding:.5em;}

ul#navlist
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
background-color: #036;
}

ul#navlist li { display: inline; }

ul#navlist li a
{
float: left;
width: 6.9em;
color: #fff;
background-color: #036;
padding: 0.2em 0.8em;
text-decoration: none;
border-right: 1px solid #fff;
}

ul#navlist li a:hover
{
background-color: #369;
color: #fff;
}