body
  {
  background: url('../images/white.jpg') repeat;
  font-family:Verdana, Arial;
  }

#main
  {
  background: url('../images/white.jpg') repeat;
  }


  * {
    box-sizing: border-box;
    }

  .menu {
    float: left;
    font-family:Verdana, Arial;
    width: 20%;
    text-align: center;
    }

  .menu a {
    background-color: #eeeeee;
    font-family:Verdana, Arial;
    font-size:1em;
    padding: 8px;
    margin-top: 5px;
    display: block;
    width: 100%;
    color: black;
    }

  .main {
    float: left;
    font-family:Verdana, Arial;
    font-size:1em;
    width: 60%;
    padding: 0 10px;
    }

  .main2 {
    float: left;
    font-family:Verdana, Arial;
    font-size:1em;
    width: 80%;
    padding: 5px 5px 0 5px;
    }

  .main3 {
    float: left;
    font-family:Verdana, Arial;
    font-size:1em;
    width: 40%;
    padding: 5px 5px 0 5px;
    }

  .center {
    float: left;
    font-family:Verdana, Arial;
    font-size:1em;
    width: 60%;
    padding: 5px 5px 0 5px;
    }

  .center2 {
    float: left;
    font-family:Verdana, Arial;
    font-size:1em;
    width: 40%;
    padding: 5px 5px 0 5px;
    }

  @media only screen and (max-width: 620px) {
    /* For mobile phones: */
    .menu, .main, .right {
    width: 100%;
    }

  }

  /* unvisited link */
  a:link {
    text-decoration: none;
    }

  /* visited link */
  a:visited {
    text-decoration: none;
    }

  /* mouse over link */
  a:hover {
    text-decoration: none;
    color: red;
    }

  /* selected link */
  a:active {
    text-decoration: none;
    }