body {
  padding-top: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  body {
    padding-top: 120px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  body {
    padding-top: 90px;
  }
}

#dropdown li.headerlink {
  width: auto;
  float: left;
  text-align: center;
}

#dropdown li.headerlink ul {
  display: none;
  text-align: left;
  position: absolute;
  padding: 5px;
  z-index: 2;
}

#dropdown li.headerlink:hover ul {
  display: block;
  width: auto;
}

#dropdown li.headerlink:hover ul li {
  padding: 5px;
  margin: 1px;
  float: none;
  display: block;
}

#header, #footer {
    clear: both;
}

#footer {
    border-top: 2px solid #AAAAAA;
    margin-top: 20px;
    padding: 10px 0;
}