/* chargesite-style.css -- 30 Jul 2026. This is the site's main
   stylesheet, previously called NewChargesite.css. Renamed at this
   point in a long troubleshooting process: requests for the old
   filename, specifically when requested as a stylesheet (rather than
   a direct page visit), were being met by the server with a stale,
   unrelated small HTML response instead of the actual CSS -- even
   after the file was deleted, the server cache cleared, and a fresh
   copy uploaded under the same name. That ruled out caching as the
   cause and pointed to something on the server (most likely a
   security/firewall rule) matching specifically on the old filename
   or path. Renaming sidesteps the problem entirely; content below is
   otherwise unchanged from the confirmed-correct, fully fixed version
   (Build 1 fixes: corrected h1.italic's invalid "text-style" property;
   removed a stray "1" that was breaking the p.uppercase rule;
   re-punctuated p.headline and removed its unintended
   near-invisible font-size; converted old "<!-- -->"-style markers,
   which don't work as comments in a linked stylesheet, to real
   comments -- one of which had been quietly keeping h4 bold sitewide;
   fixed the invalid "div.poetry p." selector to "div.poetry p"; removed
   an empty, conflicting border-collapse declaration).

   column-left, column-right and bigquote remain bare tag-name
   selectors rather than classes -- still flagged for Philip to confirm
   whether the site's HTML uses these as literal tags or as
   class="column-left" etc, since only one of those will actually match.
   p.note/.note and p.quote/.quote also remain each defined twice under
   different selectors -- harmless overlap, not a bug, just worth
   knowing.

   Build 2 (7 Aug 2026): Philip reported lines of body text as too
   long/wide across the site. Checked live via Chrome on the homepage:
   CSS was loading correctly (confirmed the stylesheet applies -- this
   is NOT a repeat of the old caching/mixed-content problem), but
   max-width:44em at this site's 1.15em body font-size computes to
   809.6px, which on any reasonably wide screen produces body-text
   lines of roughly 80-95 characters -- well past the ~50-75 character
   range generally considered comfortable for reading. Reduced
   max-width to 36em (about 662px at this font-size, closer to a
   65-75-character measure). margin-left/right (12% each) untouched --
   they only bite on narrower screens where 76% of the viewport is
   itself less than max-width, and still correctly center the column
   either way. Also confirmed while testing: the page's DOCTYPE (HTML
   4.01 Transitional with no system identifier / DTD URL) puts every
   page in the browser's Quirks Mode (confirmed via
   document.compatMode === "BackCompat" on the live site) -- did not
   fix this, since it would mean editing the DOCTYPE line on every HTML
   page site-wide rather than just this stylesheet, but flagging it for
   Philip: adding the standard DTD URL to the DOCTYPE line switches
   every page to standards mode, which is safe with this site's HTML
   and generally recommended. */

body

	{ color: black;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	text-align: left;
	line-height: 130%;
	margin-right: 12%;
	margin-left: 12%;
	max-width: 36em;}

h1, h2, h3, h4, h5, h6 {
	color: #611010

	;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal; }

h6 {
	color: #611010;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal; }

h3, h4

	{ padding-top: 8px;	}



h1.italic

{

	font-style: italic;

}
.headline

	{ color: black;

	text-align: left;

	margin-top: 1em;

	margin-bottom: 1em;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	}

.title {

font-style: italic;

}

.subhead

{ color: black;

	text-align: left;

	margin-top: 2em;

	margin-bottom: 1em;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	}

.subtitle

{ color: black;

	text-align: left;

	margin-top: 1em;

	margin-bottom: 1em;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	}

.sans

{ color: grey;

	text-align: center;

	margin-top: 2em;

	margin-bottom: 2em;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	}

p { text-align: left; margin-top: 0.7em; margin-bottom: 0.7em; }



p.italic { font-style: italic ;}


p.intro  {

	font-weight: bold ;
	margin-top: 3em ;
	margin-bottom: 2em ;

}

p.introital  {

	font-weight: bold ;
	font-style: italic ;
	margin-top: 2em ;
	margin-bottom: 2em ;

}

p.center { text-align: center ;}

p.normal {font-weight:normal ;}

p.small {font-variant: small-caps ;}

p.right { text-align: right ;}

p.left { text-align: left ;}

p.ul { margin-top: 0.5em ;}

p.light {font-weight:lighter ;}

p.thick {font-weight:bold ;}

p.thicker {font-weight:900 ;}

p.indent {padding-left: 1cm ;}

p.2indent {padding-left: 2cm ;}

p.smallindent {padding-left:  0.3cm ;}

p.spaced {padding-top: 0.3cm ;

padding-bottom: 0.3cm ;}

p.one {padding-left: 1cm ;}

p.onebold {padding-left: 1cm ; font-weight:900 ;}

p.text {font-family: Georgia, serif;

	padding-left: 1cm ;

	padding-right: 1cm ;}

p.two {padding-left: 2cm ;}

p.twobold {padding-left: 2cm; font-weight:900 ;}

p.three {padding-left: 3cm ;}

p.threebold {padding-left: 3cm;
			font-weight:900 ;}

p.note {font-size:0.9em; padding-left: 1cm ;}

p.comment {padding-left: 1cm ; font-weight:bold ; padding-top: 0.2cm ;}

p.commentitalic {padding-left: 1cm ; font-weight:bold ; font-style: italic;}


p.quote {padding-left: 1cm ;}

p.uppercase {text-transform:uppercase ;}

p.headline {text-align: left; margin-left: 2em; margin-top: 2em; margin-bottom: 2em;}

p.title {

font-style: italic;

}

p.centeruppercase

{

text-transform: uppercase;
text-align: center ;

}

p.lowercase {text-transform:lowercase;}

p.capitalize {text-transform:capitalize;}

p.tab

{
	padding-left:10px;

}

hr { margin-top: 10px; margin-bottom: 10px }

h1 { font-size: x-large; font-weight: bold; text-align: center ; margin-top: 2em ; margin-bottom: 2em ;}

h2  { font-size: large; font-weight: bold; text-align: center ; margin-top: 2em ; margin-bottom: 1em ;}

h2.small {font-variant: small-caps ;}

h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #611010; text-align: left; font-size: 110%; font-weight: bold; line-height: 1.8; margin-top: 1em ; margin-bottom: 1em ; }

h4  { font-size: 75%; text-align: left;  line-height: 1.2;  margin-top: 1.5em ; margin-bottom: 1em; padding-bottom: 5%; padding-left: 0%; padding-right: 15%}

h5  { font-weight: bold; font-size: x-small; margin-top: 1em ;}

h6  { font-weight: normal; font-size: xx-small ;}

h3, h4, h5, h6  { text-align: left ;}

h3.left { text-align: left;font-weight: bold; margin-top: 1em ; }

h3.center { text-align: center; font-weight: bold; margin-top: 1em ; }

span { text-align: left; margin-top: 0.7em; margin-bottom: 0.7em }

span.italic { font-style: italic; }

span.bold { font-weight: bold; }

caption { text-align: center; font-weight: 500; font-size: small ;}

a:link { color: #611010; text-decoration: underline ;}

a:hover { color: fuchsia; text-decoration: underline ;}

li

	{


	font-size: small ;

	margin-top: 0.7em ;

	margin-bottom: 0.7em;

	padding-top:5px;

	padding-bottom:5px;

	}

.spreadout

	{ word-spacing: 0.6em ;}

.morespreadout

	 { letter-spacing: 1em ;}

.caption

{
font-weight: 600;
font-size: small ;
text-align: center ;
padding-top:10px;
padding-bottom:10px;
padding-right:100px;
padding-left:100px;
}

.center {text-align: center ; }

.red { color: red; }

tr { vertical-align: middle ; }

table,td,th

{font-weight: bold;
font-size: x-small;
margin-top: 1em ;
border:1px white;
border-spacing: 5px ;
padding: 5px ;
}

table
{
width:100%;
}

td
{ vertical-align: top ;}

th
{
height:30px;
}


tr:nth-child(even)

{
    background-color: #e8e8e8

    ;

}

.personnelblock

{
	border-bottom: 1px #611010 solid;
	padding-top:10px;
	padding-bottom:20px;
}

.block

{
	border-bottom: 1px #611010 solid;
	padding-top:10px;
	padding-bottom:20px;
}


.indentblock

{

	font-size:0.92em;
	margin: 40px;
	border-top: 1px #611010 solid;
	border-bottom: 1px #611010 solid;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom:10px;
	padding-right:20px;

}

.campaignblock

{
	font-size:0.92em;
	margin: 40px;
	border-top: 1px #611010 solid;
	border-bottom: 1px #611010 solid;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom:10px;
	padding-right:20px;

	}

.marriageblock

{
	font-size:0.92em;
	margin: 40px;
	border-top: 1px #611010 solid;
	border-bottom: 1px #611010 solid;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom:10px;
	padding-right:20px;

	}

	.familyblock

{
	font-size:0.92em;
	margin: 40px;
	border-top: 1px #611010 solid;
	border-bottom: 1px #611010 solid;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom:10px;
	padding-right:20px;

	}


	.image

 {
  padding-top: 100px;
  padding-right: 50px;
  padding-bottom: 30px;
  padding-left: 50px;
}

div.two-columns

{

width: 200%;

}

column-left

{

float: left;
    max-width: 50%;
    margin: 0%;
    padding: 1em;
}

column-right

{

float: right;
    max-width: 100%;
    margin: 50%;
    padding: 1em;

}

.marriage

{
	margin: 40px;

	border-top: 1px #611010 solid;
	border-bottom: 1px #611010 solid;

	padding-top: 10px;
	padding-left: 0px;
	padding-bottom:15px;
	padding-right:20px;

}

.marriage-reg

{

margin: 40px;

background-color: #D0D0D0;

padding-top:5px;
padding-bottom:15px;
padding-right:20px;
padding-left:20px;

}

.marriage-reg-noindent

{

background-color: #D0D0D0;

padding-top:20px;
padding-bottom:15px;
padding-right:20px;
padding-left:20px;

}

div.poetry

{

	padding-right: 20px;

	padding-left:80px;

	padding-top:20px;

	padding-bottom:20px;

}

div.stanza

{

	padding-top: 5px;

	padding-bottom: 5px;

 	page-break-inside: avoid;

 	text-indent: 0em;

}

div.poetry p

{

color: black;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 1.2em;

}

div.poetry p.indented

{
 text-indent: 2em;


}
div.poetry p.doubleindent

{
 text-indent: 5em;


}

div.poetry p.bigindent

{
 text-indent: 8em;


}

div.poetry p.small

{
  font-variant: small-caps;
}

div.poetry p.hangingindent

{

  padding-left: 22px ;

  text-indent: -26px ;

  line-height: 200%;

}

.census

{


margin: 40px;

background-color: #D0D0D0;

padding-top:5px;
padding-bottom:15px;
padding-right:20px;
padding-left:20px;

}

.census-noindent

{


background-color: #D0D0D0;

padding-top:5px;
padding-bottom:15px;
padding-right:20px;
padding-left:20px;

}

.quote

{

font-size:0.92em;
margin: 40px;

background-color: #D0D0D0;

padding-top:5px;
padding-bottom:15px;
padding-right:20px;
padding-left:20px;

}

.quote-noindent

{

background-color: #D0D0D0;

padding-top:5px;
padding-bottom:15px;
padding-right:20px;
padding-left:20px;

}

.note

{

margin: 40px;

padding-top:0px;
padding-bottom:0px;
padding-right:20px;

}

.italnote

{

margin: 80px;
font-style: italic;
padding-top:0px;
padding-bottom:0px;
padding-right:20px;

}



.notenote

{

margin: 100px;
padding-top:0px;
padding-bottom:0px;
padding-right:20px;

}


.note-noindent

{


padding-top:0px;
padding-bottom:0px;
padding-right:20px;

}

blockquote

{

font-size: 0.9em ;
background-color: #F0F0F0;
margin-left: 10% ;
margin-right: 10% ;
margin-top: 2% ;
margin-bottom: 2% ;
padding: 5% ;

}


bigquote

{

background-color: #D0D0D0;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;

}

bigquote:before {
display: block;
padding-left: 10px;
content: "\201C";
font-size: 40px;
position: relative;
left: -15px;
top: 20px;
color: #7a7a7a;
}

bigquote:after {
display: block;
padding-left: 10px;
content: "\201D";
font-size: 40px;
position: relative;
right:  -495px;
bottom: 20px;
color: #7a7a7a;
}

.indent

{

padding-top: 5px;
padding-left: 40px;
padding-bottom:5px;
padding-right:20px;
}

.bigpic

{

text-align: center ;
padding-top:20px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;

}

.bigpiccap

{
color: #611010;
font-family: Georgia, serif;
text-align: center ;
font-size:0.9em ;
padding-top:10px;
padding-bottom:10px;
padding-right:150px;
padding-left:150px;

}

div.smallpicgallery

{

	border-bottom: 1px #611010 solid;
	padding-top:10px;
	padding-bottom:20px;

}

.clearline

{
clear:both;
margin-bottom:2px;
}