body, h1, h2, h3, p, li, label, blockquote, legend, a, a:link, a:visited, a:hover, #header, #headerTitle, #headerSubtitle, #content, #copyright, img, .caption, #welcome, .note, .note .header, form {
   margin: 0;
   padding: 0;
   border-width: 0;
}

/* Sans-serif */
body, p, dt, dd, li, label, blockquote, a, #content, #copyright, .note, .note .header, input, select, textarea, .quote {
   font: 100%/1.4 verdana, arial, helvetica, sans-serif;
}

* {
   box-sizing: border-box;
   max-width: 100%;
}

:root {
   scrollbar-color: #9aa6bc #ffffff;
}

html {
   scroll-behavior: smooth;
}

main {
   display: flow-root;
}

img {
   height: auto;
}

/* Label and forms! */
label {
   background-color: #ddf;
   color: black;
   padding: 0.2em 1em 0.35em 0.5em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.9rem;
   font-weight: normal;
}

label:not(.checkbox) {
   background: rgba(0,0,0, 0.1) none;
   color: black;
   font-size: 0.9rem;
   font-variant: small-caps;
   display: inline-block;

   border: 1px solid gray;
   border-bottom: none;
   border-top-right-radius: 1em 2em;
}


label:not(.checkbox)+span {
   font-style: italic;
   font-size: 0.9rem;
}

label:not(.checkbox)+input, label:not(.checkbox)+select, label:not(.checkbox)+textarea, label:not(.checkbox)+div,
label:not(.checkbox)+span+input, label:not(.checkbox)+span+select, label:not(.checkbox)+span+textarea, label:not(.checkbox)+span+div {
   display: block;
   margin: 0 0 0.5em;
   font-size: 1.1rem;
   border: 1px solid #666;
}

label:not(.checkbox)+div, label:not(.checkbox)+span+div {
   background: rgba(0,0,0, 0.1) none;
   border: 1px solid gray;
   padding: 0.5em;
   margin-bottom: 1em;
   border-radius: 0 0.5em 0.5em 0.5em;
}

label.checkbox {
   background: transparent none;
   padding: 0.2em 0;
   display: block;
   cursor: pointer;

   border: 1px solid transparent;
   border-radius: 0.2em;
}

label.checkbox:hover {
   background: rgba(255,255,128, 0.4) none !important;
   border: 1px solid gray;
}

label.checkbox input {
   margin: 0.5em;
}

label.checkbox > * {
   display: table-cell;
   vertical-align: middle;
   padding: 0.15em;
}

input, select {
   max-width: 40em;
}

select {
   display: inline-block;
}

input[type="text"], input[type="email"], textarea {
   font-size: 1.1rem;
}

input:focus, textarea:focus, select:hover {
   background: #ffd none;
   border: 1px solid maroon !important;
}

.block {
   display: block;
   margin: 1em 0;
}

#errorList {
   position: relative;
   margin: 1em 0;
   background: rgba(255,0,0, 0.1);
   border-radius: 0.1em;
   padding: 0.25em 0 0.5em 0.5em;
}

#errorList > div {
   display: table-cell;
   vertical-align: middle;
   padding-right: 0.5em;
}

#errorList ol.hide {
   list-style: none;
   margin: 0;
   padding: 0;
}

#errorList * {
   color: #333;
   background: transparent none;
   font-weight: normal;
   text-decoration: none;
   margin: 0.3em 0;
   border: none;
}

#errorList h2 {
	padding: 0;
	text-shadow: none;
	font-weight: bold;
}

#errorList a:hover, #errorList a:focus {
   text-decoration: underline;
}

.error {
   background: #fdd none;
   box-shadow: inset 0 0 0.1em 0.1em red;
}

.error+input, .error+textarea, .error+select, .error+div, .error+span+input, .error>legend {
   background: #fee none;
   box-shadow: 0 0 0.1em 0.1em #f99;
}

:target {
   background: #ddf;
   box-shadow: 0 0 0.1em 0.1em gray;
}

button, input[type="submit"], a.buttonLink, a.buttonLink:link, a.buttonLink:visited {
   background: #eee linear-gradient(#ccc, #eee, #ccc);

   text-decoration: none;
   text-align: center;
   font-size: 1.2rem;
   line-height: 1.2;
   font-weight: normal;
   font-family: verdana, arial, helvetica, sans-serif;

   margin: 0.2em 0.1em;
   padding: 0.4em;
   min-width: 48px;
   display: inline-block;
   vertical-align: baseline;
   cursor: pointer;

   border: 1px solid gray;
   border-radius: 0.3em;
}

button, input[type="submit"], a.buttonLink, a.buttonLink:link, a.buttonLink:visited, a.buttonLink:hover {
   color: black;
}

button img+div, input[type="submit"] img+div, a.buttonLink img+div {
   font-size: 0.9rem;
   line-height: 1;
}

button.selected, input[type="submit"].selected, a.buttonLink.selected, a.buttonLink.selected, a.buttonLink.selected:link, a.buttonLink.selected:visited, a.buttonLink.selected:hover {
   color: #333;
   font-weight: bold;
   border: 1px solid #444;
   background: #ccf linear-gradient(#bbe, #e0e0ff, #bbe);
}

button.selected:hover, input[type="submit"].selected:hover, a.buttonLink.selected:hover {
   background: #ff8 linear-gradient(#dd8, #ffc, #dd8);
   border: 1px solid black;
   text-decoration: underline;
}

button:hover, input[type="submit"]:hover, a.buttonLink:hover {
   background: #ff8 linear-gradient(#dd8, #ffc, #dd8);
   border: 1px solid black;
   text-decoration: underline;
   box-shadow: 0 0 0.2em black;
}

.go {
   color:#3B7100 !important;
   border:1px outset gray !important;
   background:#F0F0F0 none !important;
   background:url(/css/images/ok-icon.png), #F0F0F0 !important;
}

.go:hover {
   color:#0B3100 !important;
   border:1px outset green !important;
   background:#E0FFE0 none !important;
   background:url(/css/images/ok-icon.png), #E0FFE0 !important;
}

.cancel {
   text-decoration: none !important;
   color:#B3310F !important;
   border:1px outset gray !important;
   background:#F0F0F0 none !important;
   background:url(/css/images/cancel-icon.png), #F0F0F0 !important;
}

.cancel:hover {
   text-decoration: underline !important;
   color:#830100 !important;
   border:1px outset red !important;
   background:#F0F0FF none !important;
   background:url(/css/images/cancel-icon.png), #F0F0FF !important;
}

.preview {
   color:#0F31B3 !important;
   border:1px outset gray !important;
   background:#F0F0F0 none !important;
   background:url(/css/images/preview-icon.png), #F0F0F0 !important;
}

.preview:hover {
   color:#000183 !important;
   border:1px outset blue !important;
   background:#F0F0FF none !important;
   background:url(/css/images/preview-icon.png), #F0F0FF !important;
}

.edit {
   color:#808000 !important;
   border:1px outset #808000 !important;
   background:#fffff0 none !important;
   background:url(/css/images/edit-icon.png), #fffff0 !important;
}

.edit:hover {
   color:#585600 !important;
   border:1px outset #585600 !important;
   background:#ffffd0 none !important;
   background:url(/css/images/edit-icon.png), #ffffd0 !important;
}

.go, .cancel, .preview, .edit {
   display: inline-block !important;
   vertical-align: middle !important;
   font-size: 1.3rem !important;
   font-weight: normal !important;
   padding: 0.5em 0.5em 0.5em 2.25em !important;

   background-position:0.3em 50% !important;
   background-repeat:no-repeat !important;
   background-size:1.5em, 100% !important;
}

.go:hover, .cancel:hover, .preview:hover, .edit:hover {
   background-position:0.2em 50% !important;
   background-repeat:no-repeat !important;
   background-size:2em, 100% !important;
}

a.buttonLink > * { 
   display:inline-block;
   vertical-align:middle;
}

a.buttonLink > div {
   line-height:1.2 !important;
}

select {
   background-color:white; /* Needed for Opera to work correctly */
}

:focus, select:hover {
   background-color:#eef;
}

th {
   vertical-align:top;
   font-weight:bold;
   text-align:left;
}

/* Bold these items */
a, a:link, a:visited, a:hover, #header, #headerSubtitle, .redBold {
   font-weight: bold;
}

/* Non-content background color */
body {
   color:#036;
   background-color:#324;
   clear:both;
}

/**** NEW MENU SETUP!!! *****/
.menu {
   border-bottom: 1px black solid;
   z-index: 101;
   clear: both;
}

.menu ul {
   list-style:none;
   padding:0;
   margin:0;
   z-index:101;
}

.menu, .menu a, .menu a:link, .menu a:visited {
   color: white;
   background: #522921 linear-gradient(#9d7463, #522921, #522921);
   display: block;
   text-align: center;
   width: 100%;
   height: 2em;
   font-weight: bold;
   text-decoration: none;
   font-size: 1rem;
   line-height: 2em;
   text-shadow: 1px 1px 1px black;
}

.menu .highlight, .menu .highlight a, .menu .highlight a:link, .menu .highlight a:visited {
   color:yellow;
   text-shadow:1px 1px 1px black;
   background:#8c5a42 linear-gradient(#c68c7b, #8c5a42, #8c5a42);
}

.menu a:hover, .menu .highlight a:hover {
   color:yellow;
   background:#310031 linear-gradient(#840084, #310031, #310031);
   text-decoration:none;
   outline:1px solid red;
}

.menu li {
   float:left;
   position:relative;
   width:50%;  /* 100% divided by the maximum number of main menu items per line */
   outline:1px solid #888;
}

@media all and (min-width:30em) {
   .menu li {
      width:25%;  /* 100% divided by the maximum number of main menu items */
   }
}

h1, h2, h3 {
   font-family: "Times New Roman", Times, serif;
   font-weight: bold;
   color: #008;
   line-height: 1.1;
}

h1 {
   margin: 0 0 0.3em;
   font-size: 2.5rem;
}

h2 {
   background: #eee linear-gradient(45deg, #ddd, #fff);
   border-bottom: 1px solid #aaa;
   margin: 0 0 0.2em;
   font-size: 2.0rem;
   clear: both;
}

h3 {
   margin: 0 0 0.2em;
   font-size: 1.5rem;
}

p {
   margin: 0 0 1.4em;
}

blockquote {
   padding:0 2em 2em;
}

fieldset {
   padding: 0 1em 1em;
   margin: 0 0 1em;
}

legend {
   font-size: 1rem;
   margin: 0 0 0.9em;
}

a, a:link {
   color: #06a;
   text-decoration: underline;
}

a:visited {
   color: #036;
}

a:hover {
   background-color: #eee;
   text-decoration: underline;
}

.logoJpg, .logoGif {
   width: 74px;
   height: 106px;
   background: transparent url(/css/logo.jpg);
}

.logoGif {
   background: transparent url(/css/logo.gif);
}

#header {
   border-color: black;
   border-style: solid;
   border-width: 1px 0;
   color: #008;
   line-height: 40px;
   font-size: 28px;
   font-family: "Lucida Blackletter", "Harrington", "Tempus Sans ITC", "Monotype Corsiva", "Blackadder ITC", "Mistral", "French Script MT", "Brush Script MT", "Curlz MT", "Bradley Hand ITC", "Times New Roman", serif;
   margin: 5px 0 10px;
   padding: 13px 0 10px;
   text-align: center;
   background: #4e7427 url(/css/titlebar.jpg);
   height: 63px;
}

@media all and (min-width:23em) {
   #header { 
      font-size: 35px;
   }
}

#headerTitle {
   background-color: #edfdff;
   border: 1px black solid;
   padding: 0 10px;
   border-radius: 1em;
   box-shadow: 0.5em 0.25em 0.5em rgba(0,0,0, 0.5);
}

#headerSubtitle {
   line-height: 1em;
   font-size: 1.2rem;
   font-weight: normal;
   font-family: "Times New Roman", Times, serif;
   color: white;
   text-align: center;
   margin: 3px 0 0;
   letter-spacing: 1px;
   word-spacing: 3px;
   display: none;
}

@media all and (min-width:30em) {
   #headerSubtitle { 
      display: block; 
   }
}

#content {
   padding: 0.2em 0.2em 0;
   margin: 0;
   background-color: white;
}

@media all and (min-width:20em) {
   #content { 
      padding: 1em 1em 0; 
   }
}

#copyright {
   padding: 1em;
   text-align: center;
   color: black;
}

ul, ol, ul.paragraph li, ol.paragraph li {
   margin-top: 0;
   margin-bottom: 1.5em;
}

.redBold {
   color: red;
   font-weight: bold;
   margin: 0 0 10px;
}

.caption {
   margin: 5px;
   text-align: center;
   page-break-inside: avoid;
}

.alternateBgColor {
   background-color: #eed;
}

.thinBorder {
   border: 1px black solid;
}