html { background-color: #BDC2B4; background-image: linear-gradient(to bottom, #7F837C 0%, #A2A49A 25%, #BDC2B4 100%); }
body { font-family: Verdana, Geneva, sans-serif; font-size:16px; color: #333; position: relative; max-width:920px; margin: 0 auto; padding: 0; }
#banner { background-color: #7B002B; color: white; overflow: hidden; position: relative; }
#banner .skiplink { width: 0; height: 0; overflow: hidden; position: absolute; left: -1000px; color: #BDC2B4; }
#mobiletopmenu { background-color: white; padding: .6em 3%; }
#bannersrch input[type=submit] { font-size: large; padding: 0 .3em; font-size: 1.5em; font-weight: bold; letter-spacing: .1em; }
#footer { border-top: 1px solid #FDFAE1; color: #333; text-align: center; margin-top: 2em; font-size: .9em; }
#footer a, #footer a:visited { color: #333; text-decoration: none; font-style: italic; }
#footer a:hover { color: #7B002B; }
#logo { text-align:center; line-height: 0; }
#main p { line-height: 1.4; }
#navicon { margin: 0; float: right; }
#navicon a { text-decoration: none; color: white; font-weight: bold; transform: scale(1.25,1);  font-size: large; background-color: #BDC2B4; border: 1px solid gray; border-radius: .2em; }
#navicon a:hover { color: #333; background-color: #A2A49A; }
#topmenu { display: none; background: #BDC2B4; padding: .5em 3%; }
#topmenu ul { padding:0; margin:0; }
#topmenu li { display: block; margin: 0 .2em .3em 0; }
#topmenu a, #topmenu a:visited { display: block; padding: .75em 2.5em; text-decoration: none; background-color: #BDC2B4; color: #FDFAE1; font-weight: bold; border: 1px solid gray; font-size: .9rem; width: auto; }
#topmenu a:hover, #topmenu a:visited:hover { background-color: #A2A49A; color: #333; }
#topmenu a.current, #topmenu a.current:hover, #topmenu a.current:visited { cursor: default; background-color: #A2A49A; color: #333; }

.ckboxes { width: 80%; }
.ckboxes label { display: block; text-align:left; padding-left: 2em; text-indent: -1.4em;}
.column2 { background-color: #7B002B; color: white; text-align: center;}
.column2 .columntxt { padding: .5em; font-family: Arial, sans-serif; letter-spacing: .01em; }
.column2 .columntxt p { margin-bottom: 0; }
.column2 .columnimg { padding: 0; line-height: 0; text-align:center; }
.cite { text-align: right; font-size: .75em; }
.dontshowtousers { display: none; }
.errmsg { color: #7B002B; font-style: italic; }
.fineprint { font-size: .9em; }
.formlabel { width: 25%; font-size: .9em; padding-right: .5em; text-align: right; vertical-align: top; }
.formtbl { width:96%; margin: 0 auto; border-collapse: collapse; border: none; }
.contactform input[type="submit"] { cursor: pointer; border: 1px solid gray; padding: .4em 2em; background-color: #A2A49A; color: #FDFAE1; font-weight: bold; text-align: center; letter-spacing: .05em; font-size: 1.2em; }
.contactform input[type="submit"]:hover { background-color: #7F837C; }
.formtbl input[type="text"], textarea { width: 90%; font-family: Verdana, sans-serif; font-size: .9rem; }
.formtbl input[type="radio"], input[type="checkbox"] { cursor: pointer; }
.formtbl label { font-size: .9rem; }
.formtbl td { padding-bottom: .8em; vertical-align:top; }
.goRight { float: right; margin: 0 0 1em 1em; }
.putCenter { text-align:center; }
.reqd { color: #7B002B; font-weight: bold; font-size: 1.3em; }
.txt { padding: 0 3%; }
.xtraspace p { margin-bottom: 4em; }

h1 { color: white; font-family: 'PT Serif', serif; text-align: center; font-size: 1.2rem; line-height: 1.1; margin: 0; font-weight: normal; display: grid; align-content: center; padding: 1.5rem 0;}
img { width: 100%; height: auto; border: none; }

/* Tablet Layout: 640px to 768px. Inherits styles from: Phone Layout. */
@media (min-width: 640px) {
#logo { float: left; width: 375px; text-align: left; }
.column2 .columntxt { text-align: left; }
.formtbl input[type="text"], textarea { width: 80%; }
h1 { margin-left: 367px; font-size: 1.5em; height: 123px; padding: 0; }
}
/* Small Desktop Layout: 768px to 1024px.  Inherits styles from: and Tablet Layout. */
@media (min-width: 768px) {
#mobiletopmenu { display: none; }
#topmenu { display: block; background: none; width: 100%; margin: 0; text-align:center; padding: 0; }
#topmenu a, #topmenu a:visited { white-space:nowrap; }
#topmenu li { display: inline-block; margin: 0; width: 20%; text-align:center; }
.column2 { text-align: unset; display: table-row; }
.column2 .column { display: table-cell; vertical-align: middle; }
.column2>.column { width: 367px; }
.column2 .columntxt { padding: 0 1% .5em; }
.column2 .columnimg { text-align:right; width: calc(99.3% - 367px); }
}
/* Large Desktop Layout: 1024px to 1280px. Inherits styles from: Small Desktop Layout. */
@media (min-width: 1024px) {
#logo { float: left; width: 367px; }
}