body {margin-left: 5%; margin-right: 5%; margin-top: 2%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: LightGray;}

h1 { border-bottom-style: double; border-bottom-color: Navy; font-size: 2 em; text-align: left; color: Navy; background-color: LightGray; padding: .5%;}
h2 { font-size: 1.2em;}
h3,h4,h5,h6 {font-weight: bolder; color: black;}

b {font-size: 1.2em;}

p.results {background-color: gold;}
p.center {text-align: center;}
p.quote {text-align: center; font-style: italic;}
p.ad {background-color: LightGrey;}

a:link { color: blue; text-decoration: none; background: transparent; }  /* for unvisited links */
a:visited { color: blue; text-decoration: none; background: transparent; }
a:hover { color: black; text-decoration: none; background: #FFFF99; } /* when mouse is over link */

div.grey { margin-left: 5%; margin-right: 5%; background-color: #C0C0C0}
div.navy {color: #FFFFFF; background: #001E5A; }
div.white {color: #000000;background-color: #FFFFFF;}
div.box1 {
  background-color: lightgrey;
  text-align: left;
  border: solid;
  border-color: lightsteelblue;
  padding: 1%
}
div.lightgrey {
  background-color: lightgrey;
  text-align: left;
  }
div.box2 {
  background-color: lightsteelblue;
  text-align: left;
  padding: 1%;
}

* {
  box-sizing: border-box;
}
@media only screen and (max-width: 799px) {
	div.grid-container 	{
		display: block;
		width: 100%;
	}
}
@media only screen and (min-width: 800px) {
	div.grid-container {
		display: grid; 
		grid-template-columns: 33% 33% 34%;							
	}
}


hr { border: 1px solid navy;
}

img.floatright {float: right; border: solid; border-width: medium; border-color:green; margin-left: 2%; margin-right: 2%;}

img.floatleft {float: left; border: solid; border-width: medium; border-color: green; margin-left: 2%; margin-right: 2%;}
img.border {border-width: medium; border-color: silver; border-style: solid; margin-left: 2%; margin-right: 2%;}
img.center {display: block; margin-left: auto; margin-right: auto; border: solid; border-width: medium; border-color: silver;}

table,th,td {border: 1px solid black;}
th {text-align: left; padding:5px;}
td {vertical-align: top; padding:5px;}

input[type="number"] {
   width:4em;
}


input[type="number"] {
	background-color: rgba(28,110,164,0.25);
	}
input[type="text"] {background-color: rgba(28,110,164,0.25);}
p.answerDisplay {background-color: rgba(153,204,0,0.54);}