/* 20220922 */
* {
  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: #2D5353;
	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;
}
img.lefticon {
	float: left;
	margin: 4px 10px 0px 0px;
}
img.toright { float: right; margin-left: 24px }
img.textimage {
	vertical-align: middle;
	margin-right: 8px;
}
img.fullscreens { width: 100% } /* compresses largest screens */
ol.sublist { list-style-type: lower-alpha }

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;
}
div.buttonline {
	float: right;
	padding: 10px 0px 10px 0px;
}

/* content */
div.mainrow {
	float: left;
	width: 100%;
	/* clear: both */
}
div.maincontent {
	width: 74%;
	float: right;
	font-size: 0.9em; /* matches blog */
	line-height: 1.6;
}
div.contentblock {
	padding-bottom: 12px;
	border-bottom: 4px double #EDEDED;
}
div.maincontent div.contentblock:last-child {
	border-bottom: 0;
}
div.contentblock p {
	padding-top: 8px; /* 10 in blog */
}

/* left column */
div.leftcol {
	width: 26%;
	float: left;
	color: #808080;
	font-size: 0.8em;
	line-height: 2;
	padding: 16px 48px 0px 0px;
}
ul.sidemenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #EDEDED;
}
ul.subsidemenu {
	font-size: 0.85em;
	list-style-type: none;
	padding-left: 20px;	/* default: 40px */
}
li.menuitem a {
	display: block;
	color: #006666;
	text-decoration: none;
	padding: 6px 6px 6px 8px;
	border-bottom: 1px solid #EDEDED;
}
li.menuitem a:hover {
	background: #ECF8F8;
}
li.curgroup {
	background-color: #CEEAEA;
}
li.curmark {
	font-weight: bold;
	border-left: 5px solid #006666;
}
li.noncurmark {
	border-left: 5px solid #FFFFFF;
}

div.leftpanel {
	font-size: inherit;
	color: #006666;
	padding-bottom: 20px;
	padding-top: 20px;
}
.leftpanel a {
	text-decoration: none
}
.leftpanel a:hover {
	text-decoration: underline
}

input.searchform {
	font-family: inherit;
	font-size: inherit;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	margin-bottom: 4px;
}
input[type=submit].searchform {
	padding: 6px 14px;
	margin-bottom: 0;
}
input[type=text].searchform {
	width: 100%;
	padding: 6px 6px;
	margin-top: 6px;
}

/* footer */
div.footer {
	width: 100%;
	float: left;
	padding: 12px 0 0 0;
	border-top: 1px solid #EDEDED;
	font-size: 0.7em;
}
.footer a {
	text-decoration: none
}
.footer a:hover {
	text-decoration: underline
}

/* forms */
.cform {
	font-family: inherit;
	font-size: inherit;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	padding: 8px 8px;
}
input[type=reset].cform {
	margin-left: 24px;
}
input[type=text].cform {
	width: 100%;
	margin: 8px 0px;
}
textarea.cform {
	width: 100%;
	height: 150px;
	margin: 8px 0px 12px 0px;
	resize: none;
}
label.cformlabel {
	font-weight: bold;
}
.formnotice {
	color: #FF0000;
	font-size: 0.85em;
	padding-left: 20px;
}
.hwebsite {
	color: #C0C0C0;
	display: none;
}

/* boxes */
.blockbox {
	display: block;
	border: 1px solid #99CCCC;
	border-radius: 3px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0px 16px 2px 16px
}
div.blockbox p {
	padding-top: 0;
}
.shadebox {
	background-color: #E9E9ED; /* matches buttons */
	border-color: #CCCCCC;
}
.notebox {
	background-color: #FFFFDD;
	border-color: #000000;
}
.panelbox {
	padding: 0;
	margin-top: 30px;
}
.panel {
	margin: 1px;
	padding: 0px 16px 2px 16px;
}
.panelheader {
	font-weight: bold;
	background-color: #E2F2F2;
	border-radius: 3px;
	padding: 2px 16px 4px 16px
}

table.pricetable {
	border: 1px solid #000000;
	border-radius: 3px;
	border-spacing: 0;
}
td,th.pricecell {
	background-color: #FFFFCC;
	padding: 8px 20px;
}

/* general */
.attribution {
	color: #339999;
	font-style: italic;
	line-height: 150%;
	text-align: right
}
.addspace1 { margin-top: 8px; }
.addspace2 { margin-top: 24px; }
.date { color: #339999 }
.faq-q { color: #CC6666; font-weight: bold; font-size: 1.25em }
.imptext { color: #990000; font-weight: bold }
.navarrows { color: #990000 }
.quote { color: #339999; font-style: italic }
.smalltext { font-size: 0.8em }
.subheader { color: #000000; font-size: 0.75em }
.tm { font-size: 0.4em; vertical-align: super }

/* media adjustments */
@media all and (min-width: 801px) {
	img.rightvariable { float: right; margin-left: 12px }
}

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

} /* max-width 940px */

@media all and (max-width: 600px) {
div.maincontent {
	width: 100%;
	float: left;
}
div.leftcol {
	width: 100%;
	padding-right: 48px; /* back to normal */
	margin-top: 24px;
}

.headlogo {
	display: none;
}
div.headarea {
	width: 100%;
	padding-left: 0;
}
div.footer {
	font-size: 0.8em;
}

.hideable { display: none; }
} /* max-width 600px */

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