body {margin-left: 5%; margin-right: 5%; margin-top: 2%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; }
h1 {border-width: medium; border-color: gold; border-style: solid; font-size: 1.5em; text-align: left; color: white; background-color: darkblue; padding: .5%}
h2 { font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4,h5,h6 {font-size: 1.0em; color: black;}

b {font-size: 1.0em;}

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

a:link {color: blue; text-decoration: none; background: transparent; }  /* for unvisited links */
a:hover { color: black; background: yellow; } /* 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.srm3 {background:#F6F513; color:#000000;}
div.srm10 {background:#BF813A; color:#000000;}
div.srm40 {background:#030403; color:#ffffff;}
div.grid-container {
  display: grid;
  grid-template-columns: 30% 70%;
}
div.fields {
  background-color: lightblue;
  text-align: center;
  padding: 1%
}
div.infobox {
  background-color: lightgrey;
  padding: 1%
}

hr { color: gold; background: transparent;}

img.floatright {float: right; border: solid; border-width: medium; border-color: silver; 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; border-collapse: collapse;}
th {text-align: left; padding:5px;}
td {vertical-align: top; padding:5px;}

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

@media screen and (min-width: 600px) {
	.grid-container 
	{
		display: grid;
		grid-template-columns: 50% 50%;
	}
}
