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:330px;
  margin-right:190px;
  margin-top:10px;
  padding:25px; 
  background:#ffffff;
  border-right:1px solid gray;
  border-left:1px solid gray;}

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

div#extra
  {background:#ffffff; 
  padding:5px;
  float:left;
  width:300px;
  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 1em;
text-decoration: none;
border-right: 1px solid #fff;
}

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