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: underline; background: transparent; }  /* for unvisited links */
a:visited { color: purple; text-decoration: underline; background: transparent; } /* for visited links */
a:hover { color: black; text-decoration: underline; background: gold; } /* 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;}
* {
  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: 34% 66%;							
		border-style: none none solid none;
		border-color: white;
		border-size: 3px;
	}
}
div.fields {
  background-color: lightblue;
  text-align: center;
}
div.infobox {
  background-color: lightgrey;
  width: 100%;			  
  text-align: left;
}
fieldset {
  background-color: none;
  border: none;
  font-weight: bold;
}


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: 25%;
}
input[type="text"] {
   width: 90%;
}
input[type="textarea"] {
   width: 90%
}
input.weight {
	width: 5%
}
input.hops {
	width: 15%
}
