#header, #footer, #navigation {
  border: 1px solid;
  padding: 0;
  margin: 0;
}  

body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	background-color: #FFFFFF;
	width: 800px;
}

#navigation {
	color:#212219;
	font-weight: normal;
	width: 800px;
	background-color: #B4C3AB;
	padding-top: 10px;
}

#navigation a {
	text-decoration: none;
	color: #212219;
	font-size:medium;
	background-color: #B4C3AB;
	font-weight: bold;
}

#navigation a:visited {
  color: #212219;
}

#navigation a:hover {
  color: #FFFFFF;
}

#navigation li {
  list-style-type: none;
  display: inline;
  padding-left:24px;
}  

#normal {
  padding-left:24px;
}
  
#normal li {
  list-style-type: none;
}

#inline {
  padding-left:24px;
  font-family:"Courier New", Courier, monospace;
}
  
#header {
  background-color:#212219;
  font-size:x-small;
  font-weight: normal;
  width: 800px;
}
    
#footer {
  background-color:#B4C3AB; 
  color:#212219;
  font-size:x-small;
  font-weight: normal;
  width: 800px;
  line-height: 1%;
  padding-top: 10px;
  padding-bottom: 10px;
}