body { margin-left: 10%; margin-right: 10%; }
body { 
      background: url(Haircuts/background.jpg) white;
      color: black;
    }
body { font-family: Verdana, sans-serif; }
 h1 { margin-left: -8%;}
 h2,h3,h4,h5,h6 { margin-left: -4%; }
 h1,h2 { font-family: Garamond, "Times New Roman", serif; }
  :link { color: rgb(0, 0, 153) }  /* for unvisited links */
  :visited { color: rgb(153, 0, 153) } /* for visited links */
  :active { color: rgb(255, 0, 102) } /* when link is clicked */
  :hover { color: rgb(0, 96, 255) } /* when mouse is over link */
A:link {color: #0000ff; text-decoration: none}
A:hover {color: #6666CC; text-decoration : underline}
A:active {color: #CC0000; text-decoration: none}
A:visited {color: #CC6633; text-decoration: none}
div.box { border: solid; border-width: thin; width: 100% ; padding: 0.5em }
.bg_light {
        background-color : #FFFFAA;
        color: #000000;
}
.bg_dark {
        background-color : #000066;
        color: #FFFFFF;
}