*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
HTML, BODY { font-size: 16px; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; height: 100%; }
BODY { color: #E5E4E2; background: #FFFFFF; margin: 0; }
TABLE { font-size: 0.9375rem; }
TD { text-align: left; }
TH { text-align: center; }
H1, H2, H3, H4, H5, H6 { color: #01796F; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: 400; margin: 5px 0 10px; }
H1 { font-size: 1.75rem; }
H2 { font-size: 1.5rem; }
H3 { font-size: 1.375rem; }
H4 { font-size: 1.25rem; }
H5 { font-size: 1.125rem; }
H6 { font-size: 1rem; }
A:link, A:visited, A:active { font-weight: normal; color: #DC143C; text-decoration: underline; }
A:hover { font-weight: normal; color: #D19FE8; }
P { font-size: 0.9375rem; margin: 0 0 15px 0; }
P, UL, OL, LABEL { line-height: 140%; }
P IMG { vertical-align: middle; }
INPUT { width: 100%; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 0.9375rem; background: #F8F8FF; border: 1px solid #777777; border-radius: 3px; padding: 8px; margin: 4px 0 2px; }
INPUT:disabled { background-color: #DEDEDE; opacity: 0.35; filter: Alpha(Opacity=35); }
INPUT:hover, INPUT:focus { background: #FFFFFF; border: 1px solid #F0911D; box-shadow: 0 0 10px #86A9AE; }
TEXTAREA { font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 0.9375rem; background: #F8F8FF; border: 1px solid #777777; border-radius: 3px; padding: 3px; margin: 4px 0 2px; }
TEXTAREA:hover, TEXTAREA:focus { background: #FFFFFF; border: 1px solid #F0911D; box-shadow: 0 0 10px #86A9AE; }
BUTTON { min-width: 100px; color: #FFFFFF; background: #FF7000; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: normal; padding: 8px; cursor: pointer; margin: 4px; border: 1px solid #FF9800; border-radius: 3px; box-shadow: 0px 2px 3px #AAAAAA; }
BUTTON:hover { color: #000000; background: #F5F5F5; box-shadow: 0 0 10px #86A9AE; }
BUTTON:disabled:hover { color: #FFFFFF; background: #2A80B9; box-shadow: none; }
STRONG { font-weight: 600; }
IMG { max-width: 100%; max-height: 100%; border: none; }
UL { list-style-type: square; }
#topbar1 { overflow: hidden; background-color: #3F80E3; position: fixed; top: 0px; width: 100%; height: 230px; color: #FFFFFF; text-align: center; z-index: 300; }
#topbar2 { background-color: #0047AB; position: fixed; top: 230px; width: 100%; height: 50px !important; color: #FFFFFF; z-index: 300; }
#navbar { display: flex; max-width: 1000px; height: 50px; align-items: flex-start; justify-content: center; background-color: #0047AB; color: #FFFFFF; margin: 0 auto; }
#pagebody { width: 100%; background: #FFFFFF; }
#pagecontent { max-width: 1120px; min-height: 500px; color: #000000; padding: 10px; margin: 280px auto 0; }
#footer { width: 100%; font-size: 0.875rem; text-align: center; color: #FFFFFF; background: #0047AB; padding: 15px 0 1px; }
#footer A { color: #FFFF00; }
.nav-links A { color: #FFFFFF; text-decoration: none; }
.menu { display: flex; font-size: 1rem; margin: -7px 0 0; }
.menu LI:hover { background-color: #719DE1; transition: 0.3s ease; }
.menu LI { padding: 5px 25px; list-style: none; }
.services { position: relative; }
.dropdown { background-color: #1456BC; position: absolute; display: none; top: 30px; left: 0; }
.dropdown LI { padding: 5px; width: 190px; border-bottom: 1px solid #007FFF; }
.dropdown LI:hover { background-color: #719DE1; }
.services:hover .dropdown { display: block; }
INPUT[type=checkbox] { display: none; }
.hamburger { display: none; font-size: 1.5rem; user-select: none; }
.album { vertical-align: middle; box-shadow: 0px 2px 3px #AAAAAA; }
.leftpic { float: left; margin: 0px 15px 15px 0px; }
.colcenter { text-align: center; }
.colright { text-align: right; }
.colleft { text-align: left; }
.hlite { color: #8F00FF; }
.linkbar { text-align: center; }
.linkbar A { color: #FFFFFF; background: #FF7000; text-decoration: none; display: inline-block; padding: 5px; margin: 5px; border-radius: 3px; box-shadow: 0 0 10px #AAAAAA; }
.linkbar A:hover { color: #000000; background: #F5F5F5; box-shadow: 0 0 10px #86A9AE; }
.fld150 { width: 150px; }
.noblock A { padding: 10px; display: inline-block; }
.noblock A:hover { background: #DCDCDC; }
.clearall { clear: both; }
@media (max-width: 1100px) {
	#navbar { width: 100%; position: fixed; margin: 0; }
}
@media only screen and (max-width: 768px) and (max-width: 1024px), (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	BODY { font-size: 1.0em; }
	H1 { font-size: 1.6em; }
	H2 { font-size: 1.4em; }
	H3 { font-size: 1.3em; }
	H4 { font-size: 1.2em; }
	H5 { font-size: 1.1em; }
	H6 { font-size: 1em; }
	P { font-size: 1em; }
	INPUT { font-size: 1em; }
	TEXTAREA { font-size: 1em; }
	BUTTON { font-size: 1em; }
	SELECT { font-size: 1em; }
	#topbar1 { height: 150px; }
	#topbar2 { top: 150px; height: 30px !important; }
	#navbar { position: fixed; top: 150px; left: auto; font-size: 1.25em; display: block; }
	#pagecontent { min-height: 200px; padding: 5px; margin-top: 250px; }
	.menu { display: none; position: relative; background-color: #0047AB; right: 0; left: 0; text-align: left; padding: 5px 0 5px; top: -10px; }
	INPUT[type=checkbox]:checked ~ .menu { display: block; }
	.hamburger { display: block; font-size: 2rem; position: relative; top: -20px; }
	.menu LI:hover { background: #3F80E3; }
	.dropdown { position: relative; display: none; top: 5px; left: -25px; background: #3F80E3; }
}
@media only screen and (max-width: 640px) {
	#topbar1 { height: 125px; }
	#topbar2 { height: 125px; }
	#navbar { top: 125px; }
	#pagecontent { margin-top: 180px; }
}
@media only screen and (max-width: 480px) {
	#topbar1 { height: 90px; }
	#topbar2 { top: 90px; }
	#navbar { top: 90px; display: normal; }
	#pagecontent { padding: 5px; margin-top: 140px; }
	P { margin: 10px 0 0; }
	.leftpic { float: none; display: block; margin: 0 auto; }
}