/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   */

   /* HTML5 display-role reset for older browsers */
   article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
    display: block;
  }
  body {
    line-height: 1.1;

  }
  ol, ul {
    list-style: none;
    margin: 10;
    padding:10;
    overflow: hidden;
    background-color: rgb(218,172,4);
  }
  li {
  float: left;
  border-right:1px solid #bbb;
  }

  li:last-child {
  border-right: none;
  }

  li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  }
  
  li a:hover:not(.active) {
  background-color: rgb(255,201,2);
  }
  
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  td, th {
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    margin: 5px;
    vertical-align: center;
    }

  p.ex1 {
  display: inline-block;
  width: 300px;
  border: 2px rgb(278,145,24);
  outline-style: solid;
  outline-color: rgb(278,145,24);
  }

  p.ex2 {
  display: inline-block;
  width: 400px;
  border: 2px rgb(278,145,24);
  outline-style: solid;
  outline-color: rgb(278,145,24);
  }
  p.ex3 {
  display: inline-block;
  width: 600px;
  border: 2px rgb(278,145,24);
  outline-style: solid;
  outline-color: rgb(278,145,24);
  }

  a {
    text-decoration: none;
    display: inline-block;
    padding: 6px 14px;
  }

  a:hover {
    background-color: rgb(255,201,2);
    color: navy;
  }

  caption { 
  display: table-caption;
  text-align: center;
  color: rgb(178,145,24);
  font-size: 150%;
  padding: 4px;
}
/*=========================================
    Main Styles
    =========================================*/
    body {
      font-family: Verdana;
      font-style: bold;
      background-image: url("http://www.geocities.ws/paprzy/img/3d-floor-design_wash_2.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;  
    }
        
    .active {
      background-color: rgb(46,49,149);
    }

    .footer {
      text-align: center;
    }
        
    .drop-box{
      box-shadow: 10px 10px 15px rgba(50,50,50,.3);
    }

    #main{
      font-weight: 600;
      color: rgb(25,25,112);
    }

    .center-18{
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 18%;
    }

    .center{
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 25%;
    }
    .goldText {
    color: rgb(278,145,24);
    }

    .shadow{
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
    }

    .button {
      background-color: rgb(218,172,4);
      border: none;
      color: white;
      padding: 15px 25px;
      text-align: center;
      font-size: 16px;
      cursor: pointer;
    }

    .button:hover {
      background-color: rgb(255,201,2);
    }

    .previous {
      background-color: rgb(218,172,4);
      color: navy;
    }

    .next {
      background-color: rgb(218,172,4);
      color: navy;
    }