/* styles common to all pages */
/* imported font definition must be at the beginning */
@import url(css-rockwell.css);

/* for the titles */
.rockwell {font-family: 'rockwell_regular',monospace;font-size:120%;line-height:0.9;}
.rockwellb {font-family: 'rockwell_bold',monospace;font-size:120%;line-height:0.9}
.rockwellxb {font-family: 'rockwell_extra_bold',monospace;font-size:120%;line-height:0.9}

html {background-color:#049;color:black;padding:0;margin:0;	font-size:calc(11px + 1vw * 4 / 9);
		line-height: 1.2; /*no units; fix differences between browsers*/
		box-sizing: border-box;
 }
*, *:before, *:after {
  box-sizing: inherit;
}

@media (max-width:300px) {html {font-size:12px;}}
@media (min-width:900px) {html {font-size:16px;}}

body {max-width:1000px;min-height: 100vh;background-color:white;
		color:black;border:0.3rem solid black;border-radius:0.5rem;
		padding:0;margin:auto;}
p,table,td,th,caption {font-size:1rem;}

#header {text-align:center;border-bottom:0.3rem solid black;width:100%;
		background-color:transparent;padding:0.2rem 0 0 0;}
#header img {max-height:145px;width:auto;height:14vw;}

#main-wrapper {padding:0 1.5rem;}

#page-title {font-size:2.5rem;margin:1rem auto;text-align:center; font-family:rockwell_bold;}

.gapbox-vertical {background-color:white;min-width:1.5rem;height:100%;}
.gapbox-horizontal {background-color:white;min-height:1.5rem;width:100%;}
.textbox {background-color:#def;color:black;padding:1rem;border:solid thin black;}


/*imgbox {}*/
img {background-color: white;max-width:100%;height:auto;}
.padded {padding:1rem;}
.fillet {border:solid thin black;}
.legend {width:100%;font-size:90%;}

.clear {clear:both;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.justify {text-align:justify;}

.f-left {float:left;margin:0 0.5rem;}
.f-right {float:right;margin:0 0.5rem;}

.bold {font-weight:bold}
.larger {font-size:larger;}
.smaller {font-size:smaller;}
a:link,a:visited,a:hover,a:active {text-decoration: none;color:blue;}