/* 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;
  }

  ol {
    list-style: none;
  }

  blockquote, q {
    quotes: none;
  }

  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  body {
    font-family: arial;
    font-size: 14pt;
    line-height: 1;
    background: url(../img/honeycomb-background3.png);
    margin:0;
    background-color: #FFF5CC;

  }

  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffc266;
    position: fixed;
    top: 0;
    width: 100%;
  }



  h1 {
    text-shadow: 4px 4px 7px green;
  }

  .container {
    width: 90%;
    margin: 0 auto;
    font-family: arial;
    font-size: 20pt;   
; 
  }

  .rotateimg180 {
    -webkit-transform:rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .footer {
    background-color: #ffc266;
    background-position: left top;
    background-repeat: repeat;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  li {
    float: left;
  }

  li a {
    display: block;
    color: #000000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }

  li a:hover:not(.active) {
    background-color:  #e68a00;
  }

  .active {
    background-color: #995c00;
    color: #FFFFFF;
  }