
<style type="text/css">

body { }
body { margin-left: 05%; margin-right: 10%; }
body { color: black; background: rgb(245,251,250); }

em { font-style: italic; font-weight: bold; }
strong { text-transform: uppercase;  font-weight: bold; }

h1 { font-size: 225%; }
h2 { font-size: 180%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; }

body { font-family: Arial, sans-serif; }
h1,h2 { font-family: Garamond, "Times New Roman", serif; }

pre { font-family: monospace; }

h1,h2,h3,h4,h5,p,ul { font-family: sans-serif; }

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

div.colorBox {
    background: rgb(248,253,250);
    padding: 0.5em;
    border: solid;
    border-width: thin;
    width: 100%
}
div.color {
    background: rgb(241,241,244);
    padding: 0.5em;
    border: none;
}


 :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 */


</style>
