body {
  background-color: #007680;
  background-image: url("teal-smooth-dark.png");
  background-repeat: repeat;
  font-family: Verdana;
  
}

ul {
  list-style: none;
  padding: 0px;
  font-size: small;
}

a:link {
  color: #336;
}
a:visited {
  color: #444;
}

/* Main body section */
.section {
  color: #111;
  background-color: #bbb;
  border: thick solid #aaa;
  border-radius: 10px;
  margin: 10px;
  padding-left: 10px;
  padding-right: 10px;
  float: right;
  font-family: serif;
}

/* Navigation sidebar */
.sidebar {
  color: #222;
  background-color: #aaa;
  border: thick solid #999;
  border-radius: 10px;
  margin: 10px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}

.sidebar-title {
  font-variant: small-caps;
}

/* Page header */
.header {
  color: #fff;
  background-color: #999;
  border: thick solid #888;
  border-radius: 10px;
  margin: 10px;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: x-large;
  font-variant: small-caps;
}

/* Page footer */
.footer {
  color: #fff;
  background-color: #888;
  border: thick solid #777;
  border-radius: 10px;
  margin: 10px;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: small;
  font-variant: small-caps;
  clear: both;
}