body {
    background: #b9b299 url(../png/pat.png) top left repeat;
}

#box1 {
  margin-top: 10px; 
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 10px;
  border: 2px solid #406060;
  background: #A0A0A0;
  box-shadow: 10px 10px 15px #D0D0D0;
}

#box2 {
  border-radius: 10px;
  border: 2px solid #FFffff;
  background: #A0A0A0;
  padding: 15px; 
}

#box3 {
  border-radius: 10px;
  border: 2px solid #FFffff;
  background: #F0F0F0;
  padding: 10px; 
  height: 685px;  
  box-shadow: 1px 1px 5px #222;
}

#menu {
  border-radius: 10px;
  border: 2px solid #888;
  background: #C0D0D0;
  padding: 15px; 
  float:left;
  height: 655px; 
  width:155px;
  box-shadow: 1px 1px 5px #222;
  font-family: Arial,sans-serif;
}

#content {
  border-radius: 10px;
  border: 2px solid #888;
  background: #C0D0D0;
  padding: 15px; 
  float:right;
  height: 655px; 
  width:calc(100vw - 360px);
  box-shadow: 1px 1px 5px #222;
  font-family: Arial,sans-serif;
}

#header1 {
    margin-top: 10px; 
    margin-bottom: 20px; 
    font-family: Arial,sans-serif;
    font-size: 45px;
    text-shadow: 2px 2px 2px #555;
    line-height: 1;
}

#clear{clear:both;}

#footer {
  border-radius: 10px;
  margin-top: 5px; 
  margin-left: 20px;
  margin-right: 20px;
  background: #C0D0D0;
  border: 1px solid #406060;
  box-shadow: 10px 10px 15px #D0D0D0;
  padding-left: 10px; 
  height: 40px;  
  font-family: Arial,sans-serif;
  font-size: 12px;
  text-decoration:none;
}

a, a.visited {
  font-size: 12px;
  text-decoration:underline;
  color:#101040;
}