/* Reset */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body {
      height: 100%;
      margin: 0;
      padding: 0;
    color: #333; 
    font: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
    }
    #map {
      height: 60%;
    }
    #header {
      background-color: #cc0000;
      padding: 0.6em 0 0 0.6em;
      color: white;
        width: 100%; margin: 0 auto; position: relative;  border-bottom: 1px solid #ddd; margin-bottom: 20px;
    }
#header a:link, #header a:visited { background-color:transparent; }
    

#info {
      padding: 1em;
      margin: auto;
    display:block;
    background-color: #EAE7E1;
    }
    ul {
      list-style: none !important;
      margin: 0;
      padding: 0;
    }
    li {
      float: left;
    list-style: none !important;
    }
    a:visited, a:link {
      color: #cc0000;
      text-decoration: none;
    margin:0;
      background-color: white;
      color: #cc0000;
      padding: 0.4em;
      font-weight: bold;
    }
    a:hover {
      color: white !important;
      background-color: #cc0000;


    }
    blockquote {
      background: #f9f9f9;
      border-left: 10px solid #ccc;
      margin: 1.5em 10px;
      padding: 0.5em 10px;
      quotes: "\201C""\201D""\2018""\2019";
    }
    blockquote:before {
      color: #ccc;
      content: open-quote;
      font-size: 4em;
      line-height: 0.1em;
      margin-right: 0.25em;
      vertical-align: -0.4em;
    }
    blockquote p {
      display: inline;
    }