html { background-color:#f3f1ef }
body {
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, sans-serif; /* baskervill and freight */
	background-color:#f3f1ef;
}
select, input, textarea {
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
}

a { color:#005eb8; text-decoration:none }
a:hover { text-decoration:underline }

h1 { font-size:40px; color:white; padding:0px 0 40px 0; font-weight:normal; text-align:center; font-family:'Times New Roman', Times, serif }
h2 { font-size:24px; color:#313131; margin:12px 0 12px 0; font-weight:normal; font-family:'Times New Roman', Times, serif }
h3 { font-size:20px; color:#313131; margin:10px 0 1px 0 }

li { margin:0; padding:3px 0; line-height:1.3em }

p { margin:0; padding:5px 0; line-height:1.4em }

#wrap { margin:0px auto; width:1100px; position:relative; padding:0; color:#313131 }

#header { background-color:#313131 }
#header > div { margin:0 auto; width:1100px; position:relative }
#header #switch { position:absolute; width:100%; top:20px; left:0; text-align:right }

#logo { padding-top:10px }
#logo img { width:auto; height:100px }

#footer { clear:both; background-color:#d7d2cc; border-top:1px solid #e1ded8; margin-top:25px }
#footer > div { margin:0 auto; padding:10px 0; width:1100px; position:relative }
#footer a { text-decoration:none; color:black }
#footer #icons { clear:left; padding:30px 0 10px 0; text-align:center }
#footer #legal { text-align:center; font-size:12px; padding-top:15px; }

@media (max-width: 1099px) {
	#header > div { width:96% }
	#wrap { width:96% }
	#footer > div { width:96% }
	#footer ul { padding-left:25px }
}
@media (max-width: 420px) {
	#header > div { padding-top:5px }
	#logo img { height:80px }
}

#listMenu { padding-bottom:10px }
#listMenu a, #lowerPageMenu a { cursor:pointer }
#lowerPageMenu { padding:10px 0 }
#listTable { width: 100% }
#listTable tr:nth-child(even) { background-color:#e0e0e0 }
#listTable th { padding:10px 0 0 5px; border-bottom:1px solid #ccc; text-align:left }
#listTable th a { text-decoration:none; cursor:pointer }
#listTable th a span { color:black }
#listTable tbody td a { display:block; padding:8px; text-decoration:none; color:#222; font-size:16px; min-height:100%; height:100% }
#listTable tbody tr:hover { background-color:#e0e0ff }
#formTable td, .formTable td { padding:3px 0px }
#formTable td:first-child, .formTable td:first-child { width:140px }
#finePrint { font-style:italic; font-size:14px; }
.field { width:300px; padding:5px; }
.error { color:red; font-weight:bold }
span.inset { margin-left:-64px; cursor:pointer }

.fieldset > div { padding:5px 0 }
.fieldset > div::after { content:""; display:block; clear:both } /* clearfix */
.fieldset > div > label { display:block; float:left; width:15%; padding-top:5px; }
.fieldset > div > div { float:left; width:80% }
@media (max-width: 750px) {
	.fieldset > div > div > span { display:block }
}
@media (max-width: 550px) {
	.fieldset > div { padding:10px 0 } 
	.fieldset > div > label { display:block; width:96% }
	.fieldset > div > div { display:block; width:96% }
	.field { width: 96% }
}

.dataTable { border-collapse:collapse; }
.dataTable td { border:1px solid #d0d0d0; padding:5px }
.dataTable th { padding:5px; text-align:left }

button, .button, .actionButton {
	background-color:#005eb8;
	color:white; 
	margin:0;
	border:none;
	padding:10px 15px; 
	font-size:18px;
	line-height:1em; 
	cursor:pointer;
}
.button:hover, .actionButton:hover { color:white; text-decoration:none }

.answers label { display:block; padding:4px 0 4px 26px; text-indent:-26px }