@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body {
   font-family: 'Atkinson Hyperlegible', sans-serif;
}
#closeMenuToggle, #openMenuToggle, #menuItems {
	position: fixed;
	top: 0;
	margin: 0;
	background-color: darkblue;
	color: white;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	cursor: pointer;
}
#closeMenuToggle {
	display: none;
	right: 11em;
	width: 2em;
	height: 2em;
	padding: 0.5em;
}
#openMenuToggle {
	right: 0;
	width: 2em;
	padding: 0.3em;
}
#menuItems {
	display: none;
	right: 0;
	width: 10em;
	height: 2em;
	padding: 0.5em;
}
button {
	margin: 0.1em;
	border: 0;
	padding: 0.2em;
	width: 12em;
	background-color: darkblue;
	color: white;
	text-align: left;
	font-size: 80%;
	font-weight: bold;
}
h1 {
   font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
   font-size: 30px;
}
#header {
   text-align: center;
}
#banner {
   display: block;
   width: 100%;
   max-width: 940px;
   margin-left: auto;
   margin-right: auto;
   border: solid black;
   border-width: 4px 0 38px;
}
#logo-left {
   height: 100px;
   width: 100px;
}
#logo-right {
   height: 100px;
   width: 100px;
}
#sub-header {
   display: flex;
   justify-content: space-around;
   align-items: center;
}
.clear {
   clear: both;
}
h2, h3 {
   color: rgb(0,0,160);
}
label {
   color: blue;
}
select, option, input[type="text"], input[type="password"], input[type="radio"], textarea {
   margin: 0.5em 1em 1.5em 3em;
   border: solid rgb(176,176,255);
   border-width: 0 0 1px 2px;
   padding: 0.5em;
   font-family: 'Atkinson Hyperlegible', sans-serif;
   font-size: 100%;
}
input[type="text"], input[type="password"], textarea {
   width: 75%;
   max-width: 45em;
}
textarea {
   resize: none;
}
#city {
}
#other_chapter {
   width: 3em;
}
#postalcode {
   width: 7em;
}
#phone {
   width: 15em;
   margin-left: 0.5em;
}
#phone_type {
   margin-right: 0;
}
#submit {
   margin: 0.5em 1em 1.5em 3em;
   border: solid rgb(160,160,255);
   border-width: 0 0 3px 3px;
   border-radius: 8px;
   background-color: rgb(0,0,160);
   padding: .75em 1.75em;
   font-family: 'Atkinson Hyperlegible', sans-serif;
   font-size: 120%;
   font-weight: bold;
   color: white;
}
#submit:hover {
   background-color: rgb(64,64,255);
}
#submit:active {
   border-width: 3px 3px 0 0;
}
th, td {
  padding: 0.3em 2em 0.75em 0.3em;
  border: solid rgb(0,0,160);
  border-width: 0 0 1px 0;
  text-align: left;
  vertical-align: top;
}
tr.expired {
  background-color: yellow;
}