html, body, div, span, object, p, table, h1, h2, h3, blockquote, a, em, img, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, tbody, tr, th, td, embed, menu, nav, output {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}

/* default text size, etc for mobile */

html, body {
font-family: var(--font-body);
line-height: 1.5;
font-size:16px;
margin-left: auto;margin-right:auto;
}

body {
background:
  radial-gradient(1200px 600px at 20% 10%, #fbf5ea, transparent 60%),
  radial-gradient(1000px 500px at 80% 20%, rgba(255,255,255,0.25), transparent 60%),
  linear-gradient(180deg, #f2e6d3, #e7d7bd);
color: #2d3a4a;
}

body::before {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
opacity: 0.12;
background-image:
  repeating-linear-gradient(
    0deg,
    rgba(0,0,0,0.035) 0px,
    rgba(0,0,0,0.035) 1px,
    transparent 1px,
    transparent 4px
  ),
  repeating-linear-gradient(
    90deg,
    rgba(0,0,0,0.025) 0px,
    rgba(0,0,0,0.025) 1px,
    transparent 1px,
    transparent 7px
  );
mix-blend-mode: multiply;
}

body::after {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
opacity: 0.08;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'><rect width='120' height='120' fill='none'/><circle cx='12' cy='18' r='1' fill='%23000'/><circle cx='44' cy='26' r='1' fill='%23000'/><circle cx='78' cy='14' r='1' fill='%23000'/><circle cx='96' cy='38' r='1' fill='%23000'/><circle cx='20' cy='52' r='1' fill='%23000'/><circle cx='62' cy='58' r='1' fill='%23000'/><circle cx='104' cy='64' r='1' fill='%23000'/><circle cx='32' cy='74' r='1' fill='%23000'/><circle cx='70' cy='86' r='1' fill='%23000'/><circle cx='14' cy='98' r='1' fill='%23000'/><circle cx='52' cy='104' r='1' fill='%23000'/><circle cx='92' cy='108' r='1' fill='%23000'/></svg>");
mix-blend-mode: multiply;
}
img {max-width:100%;}

\ninput, select, textarea, button { font-family: var(--font-ui); }\n/* top padding-space and AD SIZE for top, middle and bottom google ad */
/* June2020 */

.googadtop {text-align:center;padding-bottom:0.3em;padding-top:0.4em;} 


/* code to force smaller top google ads on smartphones - July2021 */

.tpgoog {margin-left:auto;margin-right:auto;width:100%;height:100px;}

@media (min-width:500px)
{.tpgoog {margin-left:auto;margin-right:auto;width:100%;height:60px;}}

@media (min-width:750px)
{.tpgoog {margin-left:auto;margin-right:auto;width:100%;height:90px;}}

/* end of force smaller ads */


.googadbott {padding-top:1.2em;padding-bottom:2em;text-align:center;}

.bottgoog {width:336px;height:280px;margin-left:auto;margin-right:auto;}

.googpermbl {padding-top:.8em;padding-bottom:.8em;margin-left:auto;margin-right:auto;text-align:center;}
.googpermbl:empty {display:none;}
.googadtop,
.googpermbl,
.googadbott,
.googmidban,
.mblrecgog,
.bottgoog {
display:none !important;
}
.premain {display: contents;}
.postmain {display: contents;}

.googmidban {padding-top:1em;padding-bottom:1em;margin-left:auto;margin-right:auto;text-align:center;}

.mblrecgog {width:336px;height:280px;margin-left: auto;margin-right:auto;}


/* old smaller size logo before july 2023 */
/* .respimg {display:block;width:116px;height:25px;padding-top:4px;} */

.rspimg {width:133px;height:29px;vertical-align:bottom;}
.respimg {display:block;width:116px;height:25px;padding-top:4px;}



/* entire top search form */
.cntsrch {text-align:center;padding-bottom:0.7em;}

.header-center {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
padding: 6px 0;
}

.header-center .cntsrch {
padding-bottom: 0;
}

.header-logo {
display: inline-flex;
align-items: center;
}

/* top of page navigation */

.topnav {width:100%; background-color: #eadfc8;overflow:hidden;}

.topnav #myLinks {
 display: none;}
 
.topnav a {
color: black;
padding: 10px 0 10px 0;
text-decoration: none;
font-size:16px;
display:block;
text-align:center;
font-weight: bold;
}

.clear {clear:right;}

.menuicon {
float: right;
vertical-align:top;
padding-right:10px;
padding-bottom:3px;
width:33px; 
height:33px;
}

.linkcolor {background-color:white;}
.brdbott {border-bottom: 1px solid black;}

.sinput {
border: 1px solid #c9b8a3; 
border-image: none; 
width:220px; 
height:32px;
display: inline-block;
font-size:17px;}

.sbuttn {
display: inline-block;
-webkit-appearance: none;
vertical-align: middle;
border-left: none;}
.search-inline-message {
font-size:0.85em;
color:#8b4a2b;
margin-top:6px;
text-align:center;
min-height:1em;
}


.btnav {width:100%; background-color: #e2cfb1;padding-top:1.5em;border-top:1px solid #c9b8a3;color:#2d3a4a;}
.bottnav {text-align: center;font-size:1em;padding-bottom:0.9em;}
.bottnav a {color:#2b4f67;}
.bottnav a:hover {color:#2d3a4a;text-decoration: underline;}
.bottsitelk {font-size:0.9em;padding-top:1em;padding-bottom:2em;text-align:center;color:#2d3a4a;}

.main {padding-top:0.6em;padding-left:5%; padding-right:5%;}

.subqcntr {font-size:1em; font-weight: bold;padding-top:0.1em;text-align:center;}

div.refcenter {text-align:center;padding-bottom:1em;}
.addstdy {font-size:1em;font-weight: bold;text-align:center;padding-top:0.3em;padding-bottom:0.5em;}
.bottrefdiv {font-size:1em;padding-bottom:1em;text-align:center;}
.bottreflst {font-size:1em;padding-bottom:1.5em;text-align:center;}
.socialmed {text-align: center;padding-bottom:1em;}


/* initial breadcrumb setting */

.crumbs {width:100%; padding-top:3px;padding-bottom:7px;background-color:#e8f2f8;overflow:hidden;margin-top:4px;margin-bottom:5px;}

/* initial crumb text bigger for small screens    */
.crumblist {
padding-left:5px;
font-size:0.9em;
padding-top:.5em;
}
.crumbinline  {display:inline;}
a.undrlne:link  {text-decoration: underline}
.delimiter {font-weight: bold;}

/* initial breadcrumb end */


/* link defaults */
A:link {color: #2d3a4a; text-decoration: none}
A:hover {color: #2d3a4a; text-decoration: underline}
A:active {color: #2d3a4a; text-decoration: none}
A:visited {color: #2d3a4a; text-decoration: none}

button, input[type="submit"], input[type="button"], input[type="image"] {
  font-family: var(--font-ui);
  background: #e7d7bd;
  color: #2d3a4a;
  border: 1px solid #c9b8a3;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="image"]:hover {
  background: #dcc9ab;
}

input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], textarea, select {
  font-family: var(--font-ui);
  background: #fbf5ea;
  color: #2d3a4a;
  border: 1px solid #c9b8a3;
}

input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
  outline: none;
  border-color: #b59c86;
  box-shadow: 0 0 0 2px rgba(181, 156, 134, 0.2);
}

/* h1, h2 headers */
/* added line height to all h2 for better headings-03222025 */

H1 {font-size:1.3em; font-weight:bold;padding-top:0.5em;text-align:center;line-height:1.2;}
H2 {font-size:1.2em;font-weight:bold;line-height:1.2;}
H3 {font-size:1.1em;font-weight:bold;padding-top:0.5em;line-height:1.2;}

.undad {font-size:1.2em; font-weight: bold;padding-top:1.1em;}
H2.undadcnt {font-size:1.2em; font-weight: bold;padding-top:1em;text-align: center;padding-bottom:0.5em;line-height:1.2;}
H2.sechead {font-size:1.2em; font-weight: bold;text-align:center;padding-bottom:0.5em;padding-top:0.2em;line-height:1.2;}
H2.sechdtop {font-size:1.2em; font-weight: bold;text-align:center;padding-bottom:0.5em;line-height:1.2;}
H2.topsp {font-size:1.2em; font-weight: bold;padding-top:1em;line-height:1.2;}
H2.topxsp {font-size:1.2em; font-weight: bold;padding-top:.8em;text-align:center;line-height:1.2;}
H2.midbold {font-size:1.2em; font-weight: bold;text-align: center;line-height:1.2;}
H2.midbldpd {font-size:1.2em; font-weight: bold;text-align: center;padding-bottom:0.5em;line-height:1.2;}

/* for divs and p */

div.cntrbld {text-align:center; font-weight: bold;}
div.bld {font-weight: bold;}
div.refcntrhd {text-align:center; font-weight: bold;padding-bottom:1em;}

div.centered {text-align:center;}
div.rghtsm {text-align: right; font-size:0.9em;}
div.cntersml {text-align:center;font-size:0.9em;margin:0.5em 0;}
div.seriestbl {text-align:center;font-size:1em;margin:0.5em 0;}
div.sertbl {text-align: center;margin-top:0.3em;margin-bottom:0.5em}
.seriesm {text-align:center;font-size:0.9em;padding-bottom:0.5em;}


div.justfy {text-align:justify;margin:1em 0;}
div.justsm {text-align:justify;font-size:0.9em;}
div.cntrsm {text-align:center; font-size:0.7em;}
div.justnomrg {text-align:justify;}
div.cntbldmrg {text-align:center; font-weight: bold;padding-bottom:0.7em;}

p {margin:1em 0;}
p.bld {font-weight: bold; margin:1em 0;}
p.centered, td.centered, th.centered, h2.centered {text-align: center;}
p.justfy {text-align:justify;margin:1em 0;}
p.cntrbld {text-align: center;font-weight: bold; margin:1em 0;}
p.cntsm {text-align: center;font-size:0.9em;margin:1em 0;}
p.cntsmlr {text-align: center;font-size:0.8em;margin:1em 0;}
p.justsm {text-align:justify;margin:1em 0;font-size:0.9em;}
p.small {margin:1em 0;font-size:0.9em;}
p.smlr {margin:1em 0;font-size:0.8em;}
p.cntrbldsm {text-align: center;font-size:0.9em; font-weight: bold;margin:1em 0;}
p.smcntmrgn {text-align: center;font-size:1em;margin:0 0 1.5em 0;}
p.midbdsmg {font-size:1em; font-weight: bold;text-align: center;padding-bottom:0.2em;}

p.sechead {font-size:1.1em; font-weight: bold;text-align: center;margin:0.7em 0;}


/* for tables */

table {vertical-align: top;}
table, th, td {border-color: #c9b8a3;}

table.seriesref {margin-left:auto;margin-right:auto;text-align:center;width:360px;}

td {vertical-align:top;}
td.td34 {vertical-align:middle;text-align:center;width:34%;}

table.center {margin-left:auto;margin-right:auto;}
.main100 {margin-left: auto;margin-right:auto;width:100%;border-spacing:0;}
.main100cnt {margin-left: auto;margin-right:auto;width:100%;border-spacing:0;text-align: center;}
table.centrall85{margin-left: auto;margin-right:auto;text-align: center;width:85%;}
td.center {text-align: center;}

td.half {width:50%;}
td.third {width:33%;}
td.quarter {width:25%;}
td.forty {width:40%;}
td.fifth {width:20%;}
table.centrall95 {margin-left: auto;margin-right:auto;text-align: center;width:95%;}

td.thirty {width:30%;}
td.tenth {width:10%;text-align: center;}
table.center100 {margin-left: auto;margin-right:auto;text-align: center;width:100%;font-size:0.9em;}

td.halfpd {width:50%;padding-bottom:0.5em;}
td.thirdpd {width:33%;padding-bottom:0.5em;}
td.halfpd1 {width:50%;padding-bottom:1em;}
td.fullpd {width:100%;padding-bottom:0.5em;}


/* RAW text sizes and spacing */

.cntr {text-align:center;}

.padtop {font-size:1em;padding-top:0.5em; }
.sublst {font-size:1em;text-align:center;padding-bottom:0.7em; }
.sublstbd {font-size:1em;text-align:center;font-weight: bold;padding-bottom:0.7em; }
.sublst1em {font-size:1em;text-align:center;padding-bottom:1em; }
.sublst15em {font-size:1em;text-align:center;padding-bottom:1.5em; }
.sublst1lf {font-size:1em;padding-bottom:1em; }

.bldmgn {font-size:1em;font-weight:bold;padding-bottom:0.3em;}
.extmgn {font-size:1em;padding-bottom:0.3em;}

.cntbld9 {font-size:0.9em;text-align:center;font-weight:bold;}
.cntrsmlr {font-size:0.7em;text-align: center;}
.cntrsmtext {font-size:0.9em;text-align: center;}
.cntrtx8bld {font-size:0.8em;text-align: center;font-weight: bold;}
.cntrtxpt9 {font-size:0.9em;text-align: center;}
.onlybld {font-weight: bold;}
.pixtxt {font-size:0.9em;text-align: center;margin:0em;}
.pixtxtbld {font-size:0.9em;text-align: center;margin:0em;font-weight: bold;}
.txtpt9bld {font-size:0.9em;font-weight: bold;}
.txtszpt9 {font-size:0.9em;}

.tblist {font-size:1em; text-align:center;font-weight: bold;padding-bottom:0.5em; }
.tblistsm {font-size:0.9em; text-align:center;padding-bottom:1em; }

.cnt15mrgn {text-align:center;font-size:1em;margin:1.5em 0 1.5em 0;}

/* for grey colored AD word */
.greytxt8 {font-size:0.8em;color: grey;}

.pixmgn {text-align:center;padding-top:0.7em;padding-bottom:0.7em;}
.cntbldbotmg {text-align:center; font-weight: bold;padding-bottom:0.5em;}

blockquote {
padding-right:2em;
padding-left:2em;
}

.ulindent {padding-left:2em;}
.olindent {padding-left:2em;}


/* test to improve page views */
.bottrefdiv {font-size:1.1em;padding-bottom:1em;text-align:center;}


/* BREAKPOINT - at least 480px to 640 - smartphones */
/* Make H1,H2 only a little smaller for bigger screens */
/* added line height for h2 on 03222025 */

@media (min-width:480px) {
html, body {
font-family: var(--font-body);
line-height:1.4;
font-size:16px;
}

.bottrefdiv {font-size:1em;padding-bottom:1em;text-align:center;}

.main {padding-top:0.6em;padding-left:5%; padding-right:5%;}

H1 {font-size:1.2em;font-weight: bold;padding-top:0.5em;text-align:center;line-height:1.3;}
H2 {font-size:1.1em;font-weight:bold;line-height:1.3;}
H3 {font-size:1em;font-weight:bold;padding-top:0.5em;line-height:1.3;}

H2.undad {font-size:1.1em; font-weight: bold;padding-top:1em;}
H2.undadcnt {font-size:1.1em; font-weight: bold;padding-top:1em;text-align: center;padding-bottom:0.5em;line-height:1.3;}
H2.sechead {font-size:1.1em; font-weight: bold;text-align:center;padding-bottom:0.5em;padding-top:0.2em;line-height:1.3;}
H2.sechdtop {font-size:1.1em; font-weight: bold;text-align:center;padding-bottom:0.5em;line-height:1.3;}
H2.topsp {font-size:1.1em; font-weight: bold;padding-top:1em;line-height:1.3;}
H2.topxsp {font-size:1.1em; font-weight: bold;padding-top:.8em;text-align:center;line-height:1.3;}
H2.midbold {font-size:1.1em; font-weight: bold;text-align: center;line-height:1.3;}
H2.midbldpd {font-size:1.1em; font-weight: bold;text-align: center;padding-bottom:0.5em;line-height:1.3;}

.crumblist {
padding-left:5px;
font-size:0.8em;
padding-top:.5em;
}

}  /* END of min 480 breakpoint */


/* BREAKPOINT - at least 641px to 767 */

@media (min-width:641px) {

html, body {
font-family: var(--font-body);
line-height: 1.3;
font-size: 17px;
}

.main {padding-top:1em;padding-left:7%; padding-right:7%;}
	
H1 {font-size:1.1em; font-weight: bold; padding-top:0.5em;text-align:center;line-height:1.3;}
H2 {font-size:1em;font-weight:bold;line-height:1.3;}
H2.undad {font-size:1em; font-weight: bold;padding-top:1em;}
H2.undadcnt {font-size:1em; font-weight: bold;padding-top:1em;text-align: center;padding-bottom:0.5em;line-height:1.3;}
H2.sechead {font-size:1em; font-weight: bold;text-align:center;padding-bottom:0.5em;padding-top:0.2em;line-height:1.3;}
H2.sechdtop {font-size:1em; font-weight: bold;text-align:center;padding-bottom:0.5em;line-height:1.3;}
H2.topsp {font-size:1em; font-weight: bold;padding-top:1em;line-height:1.3;}
H2.topxsp {font-size:1em; font-weight: bold;padding-top:.8em;text-align:center;line-height:1.3;}
H2.midbold {font-size:1em; font-weight: bold;text-align: center;line-height:1.3;}
H2.midbldpd {font-size:1em; font-weight: bold;text-align: center;padding-bottom:0.5em;line-height:1.3;}

.addstdy {font-size:1em;font-weight: bold;text-align:center;padding-top:0.3em;padding-bottom:0.5em;}
.sublst {font-size:1em;text-align:center;padding-bottom:0.5em; }

} /* END of min 641 breakpoint */


/* BREAKPOINT - at least 768 px to 1023  */

@media (min-width:768px) {
html, body {
font-family: var(--font-body);
line-height: 1.3;
font-size: 18px;
}
	
.main {padding-top:1em;padding-left:9%; margin-left:1%;margin-right:1%;padding-right:9%;}	

.sinput {
border: 1px solid #c9b8a3; 
border-image: none; 
width:240px; 
height:32px;
display: inline-block;
font-size:17px;}


}  /* END of min 768 breakpoint */

/* BREAKPOINT - at least 1024 px  */

@media (min-width:1024px) {
html, body {
font-family: var(--font-body);
line-height: 1.3;
font-size: 19px;
}

.main {padding-top:1em;padding-left:12%; margin-left:1%;margin-right:1%;padding-right:12%;}


.sinput {
border: 1px solid #c9b8a3; 
border-image: none; 
width:250px; 
height:32px;
display: inline-block;
font-size:17px;}

}  /* END of min 1024 breakpoint */

/* BREAKPOINT - at least 1201 px  */

@media (min-width:1201px) {
html, body {
font-family: var(--font-body);
line-height: 1.3;
font-size: 20px;
}

.main {padding-top:1em;padding-left:16%; margin-left:1%;margin-right:1%;padding-right:16%;}


.sinput {
border: 1px solid #c9b8a3; 
border-image: none; 
width:260px; 
height:32px;
display: inline-block;
font-size:17px;}

}  /* END of min 1201 breakpoint */


/* BREAKPOINT - at least 1401 px  */

@media (min-width:1401px) {
html, body {
font-family: var(--font-body);
line-height: 1.3;
font-size: 20px;
}

.main {padding-top:1em;padding-left:20%; margin-left:1%;margin-right:1%;padding-right:20%;}


.sinput {
border: 1px solid #c9b8a3; 
border-image: none; 
width:270px; 
height:32px;
display: inline-block;
font-size:17px;}

}  /* END of min 1401 breakpoint */