body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #444;
  img style="border:1px solid black"
}

/*
 * Formatting the header area
 */

header {
  background-color: #777;
  height: 37px;
  width: 100%;
  opacity: 0.95;
  margin-top:  -42px;
  margin-bottom: 10px;
  position: fixed;
}

header h1.logo {
  margin: 0;
  margin-left: 5%;
  margin-top: 1px;
  font-size: 1.7em;
  color: #fff;
  float: left;
}

header h1.logo a {
  color: #fff;
  text-decoration: none;
}

header h1.logo:hover {
  color: #333;
  text-decoration: none;
}

header h1.logo:hover a {
  color: #333;
  text-decoration: none;
}

/*
 * Centering the body content
 */

@media only screen and (max-device-width: 480px) {
    .topcontainer {
      width: 98%  !important;
      margin: 0 auto !important;
      position: fixed !important;
    }
    .container {
      padding: 80px 0 0 0 !important;
      width: 98% !important;
      margin: 0 auto !important;
      font-size:  22px !important;
    }
    .container2 {
      padding: 10px 0 0 0 !important;
      width: 98% !important;
      margin: 0 auto !important;
      font-size:  22px !important;
    }
    div.home2 {
      margin-top: 10px !important;
      margin-bottom: 10px !important;
    }
    
    header {
      background-color: #777 !important;
      height: 70px !important;
      width: 100% !important;
      opacity: 1 !important;
      margin-top: 0px !important;
      margin-bottom: 10px !important;
      position: fixed !important;
    }
    header h1.logo {
      margin: 14px 0 0 14px !important;
      font-size: 2em !important;
      color: #fff !important;
      float: left !important;
    }
    .caption {
      max-width: 100% !important;
      margin-left: 5% !important;
      margin-right: 5% !important;
    }
    
    .menu {
      float: right !important;
      margin-top: 16px !important;
    }
    .menu li + li {
      margin-left: 35px !important;
      margin-right: 10px !important;
    }
    .menu li a {
      color: #fff !important;
      text-decoration: none !important;
      font-size: 1.8em !important;
    }
    
    div.navigation em {
      text-decoration: none !important;
      font-size: 1.8em !important;
      color: #A0A0A0 !important;
      font-style: normal !important;
    }
    
    div.navigation a {
      text-decoration: none !important;
      font-size: 1.8em !important;
    }
    
    table.style1 {
      width: 95% !important;
    }
}

.topcontainer{
  width: 95%;
  margin: 0 auto;
  position: fixed;
}

.container, .container2 {
  width: 83%;
  margin: 42px auto;
}

.container img, .container2 img {
  width: auto;
  height: auto;
}

.caption {
  max-width: 76%;
  margin-left: 12%;
  margin-right: 12%;
}

div.visit, div.home, div.home2, div.about, div.doc {
  padding: 10px 10px 30px 15px;
  background-color: #E6E6FA;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

div.home2 {
  margin-top: 20px;
  margin-bottom: 20px;
}

div.home, div.home2, div.about { background-color: #E6E6FA; }

div.visit h1 {
  font-size: 1.5em;
}

div.navigation em {
  text-decoration: none;
  font-size: 1.3em;
  color: #A0A0A0;
  font-style: normal;
}

div.navigation a {
  text-decoration: none;
  font-size: 1.3em;
}

h2 {
  font-size: 3em;
  margin-top: 40px;
  text-align: center;
  letter-spacing: -2px;
}

h3 {
  font-size: 1.7em;
  font-weight: 100;
  margin-top: 30px;
  text-align: center;
  letter-spacing: -1px;
  color: #999;
}

.menu {
  float: right;
  margin-top: 8px;
}

.menu li {
  display: inline;
}

.menu li a:hover {
  color: #333;
}

.menu li + li {
  margin-left: 35px;
  margin-right: 10px;
}

.menu li a {
  color: #fff;
  text-decoration: none;
}

table {
    border-collapse: collapse;
}

table.style1 {
    width: 80%;
    background: #ddd;
}

table.style1 th, td {
    padding: 2px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border: 0px solid #000;
}

table.style1 tr:nth-child(even) {background-color: #f2f2f2}
table.style1 tr:hover {background-color: #ccc}

.blank_row
{
    height: 10px;
}
