*{
  margin: 0; padding: 0;
}
#wrapper{
  margin: 0 auto;
  width: 960px;
}
.header {
  background-color: #008B8B;
  padding: 20px;
}
.header h1{
  color: rgb(252, 252, 245);
}
.header p{
  color: bisque;
}
.mainmenu ul{
  list-style-type: none;
  background-color: #FFB6C1;
  border-bottom: 1px solid #993c4a;
  width: 960px;
  height: 38px;
}
.mainmenu ul li{
  float: left;
  border-right: 1px solid #993c4a;
  border-left: 1px solid #5a242c;
 

}
.mainmenu ul li:last-child{
  border-right: none;
}
.mainmenu ul a{
  text-decoration: none;
  background-color: 	#FFB6C1;
  padding: 10px 20px;
  display: block;
  float: left;
  color: black;
  transition: .5s all ease;
  
}
.mainmenu ul a:hover{
  background-color: #E9967A;
  color: white;
}

.maincontent  {
  padding: 20px;
  background:#e9b4b4;
  overflow: hidden;
}
  
.box{
  float: left;
}
.box.content{
  width: 65%;
  text-align: justify;
  padding: 20px;
  
}
.box.content img{
  width: 400px;
  
}
.box.content figure{
  width: 400px;
  display: block;
  margin: 0 auto;
  padding: 10px;
  background: #d44b4b;
}
.box.content figcaption{
  text-align: center;
  color: aliceblue;
  font-weight: 800;
  font-size:32px;
}
.box.content p{
  line-height: 20px;
  margin-top: 10px;
}
.box.sidebar{
width: 20%;
float: right;
color: rgb(8, 8, 8);


  
}
#menubar li a{
text-decoration: none;
color:1A2A80;
font-size: 18px;
font-weight: 800;
display: block;
padding: 5px;
}
.footer{
  background-color: #008B8B;
  width: 100%
}
.footer h2{
  text-align: center;
  padding: 10px;
}