html { }

body {margin: 12px; padding: 0px; color: black; font-family: Arial, Helvetica, sans-serif; }

body#script {background-image: none; background-color: white; font-size: .8em; }
 
h1 {font-size: 1.6em; }
h3 {font-size: 1.2em; }

.contactinfo { text-align: right; color: #ffffff; font-size: 0.8em; margin-right: 5px; }
a.contactemail:link { color: #ffffff; font-weight: none; }

.indexpagetext {
	font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size : 1.0em;
	font-weight: normal;
	color : #000000; 
}

.pageheading {
		font-family : Arial, Helvetica, sans-serif;
		font-size : 1.5em;
		margin-top : -2px;
		color : #000000;
}

.indextext { 
		font-size: 0.8em; 
		font-weight: normal; 
		color : #000000;
}

#notestable { 
    border: 2px solid #996666; 
    border-collapse:collapse;
}

.accordion > input[name="collapse"] {
	display: none;
/*	position: absolute;
	left: -100vw;	*/
}

.accordion .content {
	background: #999999;
	overflow: hidden;
	height: 0;
	transition: 0.5s;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
}

.accordion > input[name="collapse"]:checked ~ .content {
		height: auto;
		transition: height 0.5s;
}

.accordion label {
	color: #ffffff;
	cursor: pointer;
	font-weight: normal;
	padding: 4px;
	background: Maroon;
	user-select: none;
	}

.accordion label:hover,
.accordion label:focus {
	background: #252525;
}

.accordion .handle label:before {
	font-family: Arial;
	content: "v";
	display: inline-block;
	margin-left: 4px;
	margin-right: 8px;
	font-size: 1em;
	line-height: 1.3em;
	vertical-align: top;
	transition: 0.4s;
}

.accordion > input[name="collapse"]:checked ~ .handle label:before {
	transform: rotate(180deg);
	transform-origin: center;
	transition: 0.4s;
}

.accordion label {
	display: block;
}

#marriagephototable { 
    border: 4px solid #996666; 
    border-collapse:collapse;
	text-align: center;
}

#marriagephotoheading { 
		font-weight: bold;
		text-align: center;
}

.footer { 
		font-size: 0.8em; 
		font-weight: normal; 
		color : #000000;
}

.bottomlink { 
		font-size: 1.0em; 
		font-weight: normal; 
		color : #000000;
}

.chartpagetext { margin-left: 20px; font-size: 0.9em; width=592; padding-right: 20px; }
.chartheading { font-size: 1.1em; font-weight: bold; }

.contactpagetext { margin-left: 20px; font-size: 0.9em; }
.contactheading { margin-left: 20px; font-size: 1.1em; font-weight: bold; }

.chartsubnav { 
		font-size: 0.8em; 
		font-weight: normal; 
		text-decoration : underline;
		font-style: italic;
		margin-left: 8px;
		color : #FFFFFF;
		line-height : 100%;
}

.tableheading { 
	font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size : 4;
	font-weight: bold;
	color : #CC0033; 
}

.tableitem { 
	font-family: Veranda, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 12;
}


/* Links follow... */

a {font-weight: bold; text-transform: none; background-color: transparent; }

.navlink
{
		font-family : Arial, Helvetica, sans-serif;
		text-decoration : none;
		font-size : 11pt;
		color : #ffffff;
		padding : 2pt;
		display : block;
		margin-left: 2px;
		width : 130px;
		border-top : 2px #0066FF solid;
		border-left : 12px #0066FF solid;
}

A.navlink:hover
{
		background-color : #3333CC;
		border-top : 2px #CC0000 solid;
		border-left : 12px #CC0000 solid;
		text-decoration : underline;
}

.footnote { margin-left: 20px; }