/* 20250419 */
* {
  box-sizing: border-box;
}

a { color: #006666 }
a:visited { color: #339999 }
a:hover { color: #339999 }
a:active { color: #339999 }
a.faqlink { text-decoration: none }
a.faqlink:hover { text-decoration: underline }

body {
	background-color: #400000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	padding: 40px 32px;
}

h1 { color: #990000; font-size: 1.4em }
h2 { color: #990000; font-size: 1.25em }
h3 { color: #339999; font-size: 1.25em }
h4 { color: #000000; font-size: 1.2em }

img {
	max-width: 100%;
	height: auto;
	border: 0;
}
img.addshadow {
	box-shadow: 1px 1px 2px 1px #E6E6E6;
}
div.outside {
	display: block;
	background-color: #FFFFFF;
	max-width: 1040px;
	margin: auto;
	padding: 16px 40px;
	overflow: auto;
}

/* header */
div.header {
	width: 100%;
	min-height: 92px;
	padding: 12px 16px 12px 16px;
	margin-top: 16px;
	background-color: #CEEAEA;
	border: 1px solid #2D5353;
	border-radius: 3px;
	overflow: auto;
}
.headlogo {
	width: 25%;
	float: left;
	padding: 12px 0px;
}
img.headericon {
	float: right;
	margin: 6px 0px 6px 0px;
}
div.headarea {
	width: 75%;
	float: left;
	text-align: left;
	padding-bottom: 6px;
}
.headtext {
	color: #990000;
	font-size: 2.0em;
	font-weight: bold;
	text-shadow: 2px 2px 2px #93C0C1;
}
.headsubtext {
	color: #006666;
	font-size: 0.9em;
	font-weight: bold;
	text-shadow: 2px 2px 2px #99CCCC;
	padding-top: 4px;
}

/* content */
div.pkrow {
	width: 100%;
	padding: 12px 16px 12px 16px;
	background-color: #FFFFFF;
	font-size: 0.9em; /* matches blog */
	line-height: 1.6;
	overflow: auto;
}

/* general */
.quote { color: #339999; font-style: italic }
.smalltext { font-size: 0.8em }
.tm { font-size: 0.4em; vertical-align: super }
.version { color: #CC6666 }

/* media adjustments */
@media all and (max-width: 940px) {
body {
	padding: 0;
}
div.outside {
	padding: 16px 24px;
}
} /* max-width 940px */

@media all and (max-width: 600px) {
.headlogo {
	display: none;
}
div.headarea {
	width: 100%;
	padding-left: 0;
}
} /* max-width 600px */

@media all and (max-width: 800px) {
	img.smscreens { width: 100% }
}