ul#tabs { list-style-type: none; margin: 10px 0 0 0; padding: 0 0 0.3em 0; text-align: center;}
ul#tabs li { display: inline; }
ul#tabs li a { color: #000; background-color: #fff; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a.selected { color: #fff; background-color: #f66; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { padding: 0.5em; background-color: #fff; }
div.tabContent.hide { display: none; }

#wrapper { width: 100%; left: 0; height: 2.5em;}
#wrapper h3 { font-size: 1.0em; text-align: center; background-color: #f66; color: #fff; padding: 0px 5px; margin-top: 5px;}
#wrapper > div { border-top: 0px; border-bottom: 0px; width: 100%; height: 40px; padding: 5px 0px; overflow: hidden; }
#wrapper > div.first { border-bottom: none;  }
#wrapper dl { display: block; margin: 0; }
#wrapper dt, #wrapper dd { display: block; float: left; margin: 0px; padding: 0px 5px;}
#wrapper dd { color: #333; margin-right: 50px; margin-top: 5px;}

.hero-section {

  background-size: cover;
  height: 40vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-section .hero-section-text {
  color: #fefefe;
  text-shadow: 1px 1px 2px #0a0a0a;
}

a:link {
  color: black;
}

/* visited link */
a:visited {
  color: black;
}

/* mouse over link */
a:hover {
  color: red;
}

/* selected link */
a:active {
  color: red;
}