
/* Default theme */
@media print {
    html,body {width: 257mm;
			   font-family: Arial, Helvetica;}
}

html{ 
	height: 100%;
	margin: 0;
	padding: 0;
    font-size: calc(calc(0.875em + 0.390625vw) * 100 / 100);
}
/* Default theme */
/* define default theme variables */
:root {
	--bg:		#F6F6F2;					/* background-color */
	--fg:		#003000;					/* foreground color */
	--hg:		#330077;					/* heading color */
	--gbg:		#F6EAA2;					/* gno-heading background-color */
	--a:		#330077;					/* a link */
	--ava:		#660088;					/* a visited active */
	--ah:		#663388;					/* a hover */
	--fsz:		0.830rem;					/* font-size */
	--h2fsz:	1.162rem;					/* h2 font-size */
	--h3fsz:	1rem;						/* h3 font-size */
	--h4fsz:	0.91rem;					/* h4 font-size */
	--h5fsz:	1rem;						/* h5 font-size */
	--sfsz:		0.75rem;					/* small font */
	--tfsz:		0.75rem;					/* table font size */
	--ttlfsz:	1.2rem;						/* title font size */
	--xsfsz:	0.664rem;					/* extra small font */
	--fsty:		normal;						/* font-style */
	--mlabg:	#495557;					/* menu  background */
	--mlafg:	#F6EAA2;					/* menu foreground */
	--mlahfg:	#9C4252;					/* menu hover foreground*/
	--mlahbg:	#F6F6F2;					/* menu hover background*/
	--ccbx:		#F6EAA2;					/* curvycorners box bg */
	--ccbg:		#F6F6F2;					/* curvybox bg */
	--b24:		url(images/button24.jpg);	/* 24px button image */
	--b32:		url(images/button32.jpg);	/* 32px button image */
	--tbg:		#F6F6F2;					/* table background */
	--thbg:		#FBF5D1;					/* table heading background*/
	--thdbg:	#F6E7A1;					/* themed background*/
	--thdfg:	#495557;					/* themed forekground*/
}
body {
	height: 100%;
	color: var(--fg);
	background-color: var(--bg);
	font-size: var(--fsz, 0.830rem);
	font-style:var(--fsty,normal);
	font-family: Arial, Helvetica;
	line-height: 1.3;
	width:calc(100vw - 1.2rem);
	
}
body.gno-heading {
	background-color:var(--gbg);
	margin: 0rem;
}
body.gno-index {
	margin: 0rem;
	overflow-x:hidden;
}
body.gno-detail {
	margin:0rem;
	padding:0rem;
}
sub {
	line-height: 0;
}
svg {
	overflow: hidden;
}
table {
	font-size: var(--tfsz);
	empty-cells:show;
	background-color:var(--tbg);
}
th {
	background-color:var(--thbg);
}
h2 {
	color: var(--hfg);
	font-size: var(--h2fsz);
}
h3 {
	color: var(--hfg);
	font-size: var(--h3fsz);
}
h3.familyheading {
	font-size: var(--h3fsz);
}
/* reduce if you want family heading smaller than individual heading */
h4 {
	color: var(--hfg);
	font-size: var(--h4fsz);
}
h5 {
	color: var(--hfg);
	font-size: var(--h5fsz);
	font-weight:500;
}
h6 {
	color: var(--hfg);
	display: inline;
}
a:link {
	color: var(--a);
	text-decoration: none;
}
a:visited {
	color: var(--ava);
	text-decoration: none;
}
a:active {
	color: var(--ava);
	text-decoration: none;
}
a:hover {
	color: var(--ah);
	text-decoration: underline;
}
a:link img {
	border-style:none;
	border-width:0rem;
}
a:visited img {
	border-style:none;
	border-width:0rem;
}
a:active img {
	border-style:none;
	border-width:0rem;
}
a:hover img {
	border-style:none;
	border-width:0rem;
}
a:focus img {
	border-style:none;
	border-width:0rem;
}
svg a:hover {
	text-decoration: none
}
.bold {
	font-weight: bold;
}
.boldu {
	font-weight: bold;
	text-decoration: underline;
}
img.bottom {
	vertical-align:text-bottom;
}
img.top {
	vertical-align:text-top;
}
ul {
	margin-top:0.125rem;
	margin-bottom:0.125rem;
	margin-left:0rem;
	padding:0rem;
}
ul li {
	margin:0rem;
	padding:0rem;
}
.aligncenter {
	text-align:center;
}
.alignc {
	text-align:center;
}
.alignright {
	text-align:right;
}
.alignr {
	text-align:right;
}
.alignmiddle {
	vertical-align:middle;
}
.avoidbreak {
	page-break-inside: avoid;
}
.boxupper {
	border-left:0.125rem solid silver;
	border-top:0.125rem solid silver;
	border-right:0.125rem solid silver;
	padding: 0.3125rem;
}
.boxlower {
	white-space: nowrap;
	overflow-y: auto;
	border-left:0.125rem solid silver;
	border-bottom:0.125rem solid silver;
	border-right:0.125rem solid silver;
	padding: 0.3125rem;
}
.noboxlower {
	white-space: nowrap;
	overflow-y: auto;
	border-left:0rem;
	border-bottom:0rem;
	border-right:0rem;
	padding: 0rem;
}
.button32 {
	width:2rem;
	height:2rem;
	border-style:none;
	border-width:0rem;
	cursor:pointer;
	background:var(--b32);
}
.button24 {
	width:1.5rem;
	height:1.5rem;
	border-style:none;
	border-width:0rem;
	cursor:pointer;
	background:var(--b24);
	text-align:middle;
}
.buttontoc {
	clear:left;
	float:left;
	margin-right: 0.3125rem;
	margin-top:0.3125rem;
	cursor:pointer;
}
.buttontoc2 {
	clear:right;
	float:right;
	margin-left: 0.625rem;
	cursor:pointer;
}
.caption {
	font-size: --sfsz;
}
.cover {
	text-align:center;
	vertical-align: middle;
}
.cover .title{
	height:100%
}
.cover table {
	width:100%;
	height:100%;
}
/* PDF cover image, centered using known height and width */
.cover img {
	margin-top: 400px;
	margin-bottom: 400px;
	width:0px;
	height:0px;
}
.childrenindent {
	margin-left: 1rem;
}
/* commented out 2023.04.01 by Ron
.citation {
	margin: 0.3125rem;
	padding: 0.3125rem;
	border:0.063rem solid black;
	font-size: --sfsz;
	background: white;
}
.citationpic {
	margin: 0.3125rem 17rem 0.3125rem 0.3125rem;
	padding: 0.3125rem;
	border:0.063rem solid black;
	font-size: --sfsz;
	border-color:black;
	background: white;
}
end of commented out section */
/* above section replaced by */
.citation {
	margin: 0rem;
	padding: 0rem;
	border:none;
	font-size: --sfsz;
	background: none;
}
.citationpic {
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem;
	border:none;
	font-size: --sfsz;
	border-color:none;
	background: none;
}
/* end of replacement */
.clear {
	clear: both;
}
.clearright {
	clear: right;
}
.clearleft {
	clear: left;
}
.control24 {
	width:1.5rem;
	height:1.5rem;
	border-style:none;
	border-width:0rem;
	cursor:pointer;
	background:var(--c32);
	text-align:middle;
}
.customtagtable td {
	border:thin inset var(--hg);
	padding:0rem 0.3125rem 0rem 0.3125rem;
}
.floatright {
	clear: right;
	float: right;
}
.floatleft {
	clear:left;
	float:left;
}
.LocationMap {
	text-align:center;
	width:98%;
	height:98%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.help b {
	font-size:var(--h5fsz);
	margin-left:1rem;
}
.hide {
	display: none;
}
.icon {
	width:1rem;
	height:1rem;
	border:0rem;
}
.iconsmall {
	vertical-align:middle;
	width:0.75rem;
	height:0.75rem;
	border:0rem;
}
.indent {
	text-indent: 1.25rem;
}
.infoWindow {
	text-align: left;
	font-size: --xsfsz;
}
.infoScroll {
	height:150px;
	overflow:auto;
}
.inline {
	display: inline;
}1.875
.inset {
	margin: 0.75rem 0.5rem 0.75rem 0.5rem;
}
.footnote {
	font-size: --sfsz;
}
.langtoggle {
	color: var(--hg);
	text-decoration: underline;
	font-size: --xsfsz;
}
.Landscape {
	width:1150px;
	height:800px;
}
.menuarea {
	display:flex;
	padding:0.2rem 0.5rem 0rem 0.5rem;
}
.menuitems {
	flex-basis:auto;
	flex-shrink:0;
}
.namehighlight {
	text-decoration: underline;
}
.nobr {
	white-space: nowrap;
}
.note {
	font-size: --fsz;
	margin-left0.625rem !important;
}
.note li.xT-h {
	font-weight:bold;
}
.note ul.xT-n {
	font-weight:normal;
}
.nowrap {
	white-space: nowrap;
}
.std {
	font-size: --fsz;
	font-style:normal;
	margin-left:0rem;
}
.page-break{
	display: none;
}
.pic {
	border-style: outset;
	padding: 0.125rem;
	cursor:pointer;
	text-align:left;
}
.picright {
	border-style: outset;
	padding: 0.125rem;
	cursor:pointer;
	text-align:left;
}
.picleft {
	border-style: outset;
	padding: 0.125rem;
	cursor:pointer;
	float:left;
}
.popup {
	text-align:center;
}
.Portrait {
	width:800px;
	height:1150px;
}
.scrolly {
	overflow-y:scroll;
}
.show {
	display: inline;
}
.slidemenu {display:inline-block;}
.slidemenu ul {margin:-0.125rem 0rem 0rem 0rem; padding:0;list-style:none;text-align:left;flex-Basis:100%}
.slidemenu ul li {margin:0.3125rem;display:block;padding:0rem 1.25rem 0rem 0.625rem;display:none;}
.slidemenu ul li a { height:1.875rem; line-height:2.188rem; padding:0rem 0.3125rem;vertical-align:middle; color:var(--mlafg);text-decoration:none; font-weight:normal; display:flex;}
.slidemenu ul li a:hover span {background-color:var(--mlahbg); color:var(--mlahfg);}
.slidemenu ul li a:active, a:focus { outline-style: none; -moz-outline-style:none; }
.slidemenu ul li img {vertical-align: middle;}
.slidemenu ul li span {background-color:var(--mlabg); color: var(--mlafg);margin-left:1.875rem; flex-basis:100%; font-size:1.2em; padding:0rem 0.625rem 0rem 0.625rem;border-radius:0.75rem;}
.small {
	font-size: --sfsz;
}
.subhead {
	color: var(--hbg);
}

.svgwrapper {
	margin: 1rem;
	border: 0.125rem;
	border-color: black;
}
.table1 td {
	vertical-align:top;
}
table.photo {
	border:0;
}
.timeline {
	font-size: --sfsz;
}
.themed {
	background-color:var(--thdbg,--gbg);
	color:var(--thdfg,--fg);
}
.banner {
	background: url(images/banner.jpg?31242.12) repeat-x left;
}
.title {
	font-size: var(--ttlfsz);
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	line-height:1.875rem;
	margin:0px 0.625rem 0.5rem 0.625rem;
}
.title_centre {
	display:inline;
	flex-basis:100%;
	;
}
.title-left {
	display:none;
	margin:0rem 0.625rem 0rem 0.625rem;
}
.title-right {
	display:inline; flex-basis:100%;
	margin:0rem 0.625rem 0rem 0.625rem;
}
.title_heading {
	margin:0.063rem;
	padding: 0.5rem;
	visibility:visible;
}
.title_top {
	display:none;
}
.title_bottom {
	display:none;
}
.title_home {
	display:none;
}
#menu {
	margin:-0.125rem 0rem 0rem 0rem;
	padding:0;
	list-style:none;
	text-align:left;
	flex-Basis:100%
}
#menu li {
	margin:auto;
	display:block;
}
#menu li a {
	height:1.875rem;
	line-height:1.875rem;
	padding:0rem 0.3125rem;
	vertical-align:middle;
	background: val(--mlabg);
	color:val(--mlafg);
	text-decoration:none;
	font-weight:normal;
	border-top: 0.188rem solid val(--mlafg);
	border-bottom: 0.063rem solid transparent;
	border-left: 0rem solid transparent;
	border-right: 0rem solid transparent;
}
#menu li a:hover {
	background: val(--mlabg) url(images/arrow.gif) no-repeat center bottom;
	color:--mlah;
}
#menu li a:active, a:focus {
	outline-style: none;
	-moz-outline-style:none;
}
.toggle24 {
	width:1.5rem;
	height:1.5rem;
	border-style:none;
	border-width:0rem;
	cursor:pointer;
	background:var(--t32);
	text-align:middle;
}
.widthlarge {
	width: 250px;
}
.widthpaddedsmall {
	width: 125px;
}
.widthpaddedlarge {
	width: 275px;
}
.widthsmall {
	width: 100px;
}
.chartblock {
	line-height: 0.625rem;
	white-space: nowrap;
	width:95%;
	direction:ltr;
}
.charttext {
	display: inline;
	margin: 0rem;
	border: none;
	padding: 0rem;
	position: relative;
	left: -0.188rem;
	top: -0.313re;
	padding: 0.063rem 0.3125rem;
}
.chartbox {
	display: inline;
	margin: 0rem;
	border: none;
	padding: 0rem;
	position: relative;
	top: -0.5rem;
	;
	background: #666;
	line-height: 0.9rem
}
.chartdates {
	display: inline;
	margin: 0rem;
	border: none;
	padding: 0rem;
	position: relative;
	top: -0.625rem;
}
.chart img {
	margin: 0rem;
	border: 0rem;
	padding: 0rem;
	vertical-align: middle;
}
.m {
	background: LavenderBlush;
}
.f {
	background: LightCyan;
}
.iM {
	background: LightBlue;
}
.iF {
	background: LightPink;
}
.iP {
	background: green;
}
.cage {
	padding: 0.625rem;
}
.curvycorners_box {
	background: var(--ccbx);
	padding: 0.625rem;
	border-radius: 0.3125rem;
}
.curvycorners_content {
	padding0.625rem;
}
.curvyboxbackground{
	padding:0.3125rem;
	background:var(--ccbg);
}
/* see http://www.positioniseverything.net/easyclearing.html for an explanation of the following */
.clearfix:after {
	content: ".";
	display:block;
	height: 0rem;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: -moz-inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */
/* end clearfix */
/* FancyBox: Override to display navigation arrows permanently and move them outside the image area */
#fancybox-left-ico, #fancybox-left:hover span {
	left: -1.25rem;
}
#fancybox-right-ico, #fancybox-right:hover span {
	right: -1.25rem;
	left: auto;
}
/*Explorer Tree 1.4
=================
by Andrew Gregory <andrew@scss.com.au>http://www.scss.com.au/family/andrew/webdesign/explorertree/

This work is licensed under the Creative Commons Attribution License. To view acopy of this license, visit http://creativecommons.org/licenses/by/1.0/ or senda letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305,USA

.+ Minor amendment by Ron to add list images, cursor styling & 2nd set of images*/

/* Get the bullets inside their LI's, so they're clickable. */
ul.xT, ul.xT ul, ul.xT li {
	margin: 0rem;
	padding: 0rem;
	text-indent:0rem;
}
ul.xT li {
	list-style-position: inside;
	cursor: pointer;
}
ul.xT ul {
	padding-left: 0.875rem;
}
/* sublist indentation */
ul.xT ul.xT-h, ul.xT ul.xT-n {
	padding-left: 1.313rem;
}
/* sublist indentation V="2013.07.30±" */
/* Set the bullet images */
ul.xT li {
	list-style-image: url(images/space.gif);
}
ul.xT li.xT-i5 {
	padding-left:0.3125rem;
}
ul.xT li.xT-o {
	list-style-image: url("images/arrow.hide.gif");
}
ul.xT li.xT-c {
	list-style-image: url("images/arrow.show.gif");
}
ul.xT li.xT2-o {
	list-style-position: inside;
	list-style-image: url("images/arrow2.hide.gif");
}
ul.xT li.xT2-c {
	list-style-position: inside;
	list-style-image: url("images/arrow2.show.gif");
}
ul.xT li.xT3-o {
	list-style-position: inside;
	list-style-image: url("images/arrow3.hide.gif");
}
ul.xT li.xT3-c {
	list-style-position: inside;
	list-style-image: url("images/arrow3.show.gif");
}
ul.xT li.xT-b {
	list-style-image: url("images/space.gif");
}
ul.xT li.xT-bi {
	list-style-image: url("images/space.gif");
	padding-left0.625rem;
}
/* Actually show and hide sublists */
ul.xT li.xT-o ul, ul.xT li.xT2-o ul, ul.xT li.xT3-o ul {
	display: block;
}
ul.xT li.xT-c ul, ul.xT li.xT2-c ul, ul.xT li.xT3-c ul {
	display: none;
}
ul.xT ul.xT-n li.xT-n {
	cursor: default;
}
ul.XT li.xT-h {
	color: var(--hg);
}
/* Override fancybox css to display navigation arrows permanently and move them outside the image area */
#fancybox-left-ico, #fancybox-left:hover span {
	left: -1.25rem;
}
#fancybox-right-ico, #fancybox-right:hover span {
	right: -1.25rem;
	left: auto;
}
