/* style.css - a simple style sheet */

body {
     margin-left: 10%; 
     margin-right: 10%;
     color: black; 
     background: white;
     font-family: sans-serif; 
}

P {
  font-family: sans-serif; 
}

h1 { 
   margin-left: +6%;
   margin-top: 1em;
   margin-bottom: 1em;
   font-family: sans-serif;
}

h2,h3,h4,h5,h6 { 
	       margin-left: +4%;
	       margin-top: 0em; 
	       margin-bottom: 0em;
	       font-family: sans-serif;
}

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

div.color {
	  background: rgb(204,204,255);
	  padding: 0.3em;
	  border: none;
	  width: 100%;
}

div.table {
	  margin-left: -4%;
	  font-family: sans-serif;
	  background: white;
	  border-width: 2em;
	  border-color: white;
}

div.th {
       font-family: sans-serif; 
       background: #CCCC99;
}

div.td {
       font-family: sans-serif;
       background: #66CCCC;
       font-size: 75%;
}

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

</style>