.header {
     width: 1200px;
     padding: 0px;
     background: lightyellow;
}

.navigation {
     float: left;
	 width: 340px;
     padding: 0px;
     background: lightblue;
}

.main {
     float: left;
	 width: 760px;
     padding: 20px;
     background: lightyellow;
}
.footer {
	 clear: left;
	 width: 1200px;
     padding: 0px;
     background: lightyellow;
}
.myClass1 {
  width: 100%;
  font-weight: lighter;
  text-align: left;
  font-size: 20px;
  color: black;
  font-family: Caladea;
}
.myClass2 {
  width: 100%;
  font-weight: lighter;
  text-align: left;
  font-size: 25px;
  color: black;
  font-family: Arial Rounded MT Bold;
}
.myClass3 {
  width: 100%;
  font-weight: lighter;
  text-align: left;
  font-size: 22px;
  color: black;
  font-family: Arial;
}
#background {
  background-color: lightyellow;
  }
a {
  color: black;
  font-family: Arial;
  text-align: left;
  font-size: 20px;
   width: 100%;
  font-weight: lighter;
  }
  
ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 340px;
}

li h3 {
  font: bold 1.0em/1.5 Helvetica, Verdana, sans-serif;
}

li img {
  float: left;
  margin: 0 15px 0 0;
  width: 5em;
}

li p {
  font: 100 0.75em/1.5 Georgia, Times New Roman, serif;
}

li {
  padding: 10px;
  overflow: auto;
}

li:hover {
  background: #F1F3F4;
  cursor: pointer;
}