body {
  background: #0c5a72;
  color: white;
  font-family: sans-serif;
  font-size: 14px;
  }
  
center {
  text-align: center;
  }
  
  
/*Contains everything*/
.wrapper {
  /*1600 - 1000 = 600
  1050 - 200 = 850
  850 - 200 = 650
  650 - 10 - 10 - 10 = 620*/
  width: 1150px;
  background: #12282f;
  margin: 0 auto;
  top: 0;
  margin-top: -10px;
  border-left: 0px solid #12282f;
  border-right: 0px solid #12282f;  
  margin-bottom: -10px;
  }
  
/*Contains main and sidebar divs*/
.wrapper-2 {
  position: relative;
}
  
.header, .footer {
  height: 200px;
  overflow: hidden;
  border-bottom: 5px solid #12282f;
  background: linear-gradient(rgb(0,0,0,0.1),rgb(0,0,0,0.1)), url("/img/river.gif"); /*This is the image in the header and footer. Replace it with your own!*/
  background-size:cover;
  }
  
.footer {
  height: 50px;
  }
  
.header img, .footer img {
  width: 1140px;
  display: inline-block;
  opacity: 0.9;
  border: 5px solid #12282f;
  }
  
.header img {
  border-top: 0px;
  }
  
/*Big title at the top of the page.*/  
.title {
  padding: 10px;
  padding-left: 20px;
  padding-top: 5px;
  font-weight: bold;
  font-size: 30px;
  }

/*Container for top row of links.*/
.links {
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 5px;
  }
  
/*Div style for individual links.*/
.link {
  text-align: center;
  display: inline-block;
  list-style-type: none;
  float: none;
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
  margin-right: 10px;
  margin-left: 10px;
  border: 0px solid red;
  }
  
.link a {
  color: white;
  text-decoration: none;
  }

.sidebar-left, .main, .sidebar-right {
  background: #e2dcc1;
  color: #12282f;
  border-top: 5px solid #187b9b;
  border-bottom: 5px solid #187b9b;
  }

.sidebar-left { 
  width: 180px;
  padding: 0px 10px 10px 10px;
  margin-left: 10px;
  display: inline-block;
  top: 0;
  position: absolute;
  }
  
.main {
  display: inline-block;
  margin-left: 220px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  width: 690px;
  }
  
.sidebar-right {
  width: 180px;
  padding: 10px;
  padding-top: 0px;
  margin-right: 10px;
  display: inline-block;
  top: 0;
  position: absolute;
  margin-left: 10px;
  }
  
/*Uses special styling to give the illusion of ending the current box and starting a new one.*/
hr {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 5px solid #187b9b;
  border-bottom: 5px solid #187b9b;
  background: #12282f;
  height: 20px;
  margin-left: -11px;
  border-left: 1px solid #12282f;
  border-right: 1px solid #12282f;
  }