body { 
  font-family: verdana, arial, helvetica, sans-serif; 
	background-color:#669966;
}

.whole {
  background-color:#fff;
  	margin-right : auto;
  	margin-left : auto;
	width: 760px;
}

.main {
  padding: 40px 5%;
}	

h1 { margin:0;
	   padding: 5px;
		 color:#666633;
		 font-family: 'comic sans MS', sans-serif;
		 font-size: 2.0em;}
.heading {
  text-align: center;
	background-color: #fff;
	padding: 0;
	margin: 0;
	height:120px;
}

.navigation ul {
	padding: 0;
	margin: 0;
	color: #fff;
	background-color:#cccc99;
	float: left;
	width: 100%;
}
.navigation ul li { display: inline; }
.navigation ul li a {
  padding: .25em 1em;
  background-color:#cccc99;
  color: #000;
  text-decoration: none;
  float: left;
  border-right: solid 1px #fff;
}

.navigation ul li a:hover {
	color: #fff;
	background-color: #999966;
}
li#youarehere a {
  background-color:#cccc66;
}

.footer {
 color: #fff;
 background-color: #999966;
 
}

pre { 
font-family: verdana, arial, sans-serif;
background-color:#eec;
border:1px solid #ddd;
padding:5px;
 }