/* style.css - a simple style sheet */
body {
  margin-left: 10%; margin-right: 10%;
  color: black; background: #3366ff;
}

  body { margin-left: 10%; margin-right: 10%; }
  h1 { margin-center: -8%;}
  h2,h3,h4,h5,h6 { margin-left: -1%; }

 h1 { font-size: 250%; }
  h2 { font-size: 200%; }
  h3 { font-size: 150%; }
  h4 { font-size: 125%; }
  h5 { font-size: 100%; }

  
body { font-family: "comic sans ms;, "Arial", sans-serif"; }
h1,h2,h3,h4,h5,p,ul { font-family: "comic sans ms", "Arial", serif; }
pre { font-family: monospace; }

div.box { border: solid; border-width: thin; width: 100% }

div.color {
    background: rgb(204,204,255);
    padding: 0.5em;
    border: none;
  }
  
  div.colorgreen {
    background: #99ccff;
    padding: 0.5em;
    border: none;
  }

div.colororange {
    background: #ff9933;
    padding: 0.5em;
    border: none;
  }

div.colornewhaven {
    background: #990033;
    padding: 0.5em;
    border: none;
  }

div.colorgolforange {
    background: #ff6633;
    padding: 0.5em;
    border: none;
  }

  div.colorgolf {
    background: #ffcc66;
    padding: 0.5em;
    border: none;
  }

li {
list-style-type: none;
line-height: 150%;
list-style-type: disc;
}

    :link { color: rgb(0, 0, 153) }  /* for unvisited links */
  :visited { color: rgb(153, 0, 153) } /* for visited links */
  a:active { color: rgb(255, 0, 102) } /* when link is clicked */
  a:hover { color: rgb(0, 96, 255) } /* when mouse is over link */