/* System.sss */
body { background-color: #b1e5f0; color: #000000; font-family: verdana, sans-serif; font-size: 75%; font-style: normal; font-weight: normal; padding: .5em; text-align: left; text-decoration: none; }
#container { border-width: 1px; border-style: solid; border-color: #1341f9; }
#header { padding: 1em 4px 0 0; }
#header h2 { font-size: large; padding-bottom: 10px; text-decoration: none; }
#siteicon { border-width: 0px; border-style: solid; border-color: #1341f9; float: left; margin-right: 8px; }
#subtitle { font-family: arial, helvetica, sans-serif; font-size: medium; font-style: italic; font-weight: bold; padding-top: 10px; padding-bottom: 20px; text-align: left; text-decoration: none; }
#header h1 { font-size: 140%; padding-bottom: 10px; text-decoration: none; }
#mainpage #header h1 { padding-bottom: 0; }
#header div.extrablock { margin-bottom: 8px !important; }
#content { border-width: 0px; border-style: solid; border-color: #1341f9; padding-right: 4px; padding-left: 4px; }
#pagedesc { border-width: 0px; border-style: solid; border-color: #1341f9; margin-top: 4px; margin-bottom: 4px; }
#sidebar { border-width: 0px; border-style: solid; border-color: #1341f9; color: #000000; font-family: verdana, sans-serif; font-size: small; font-style: normal; font-weight: normal; text-align: left; text-decoration: none; }
#extra { border-width: 0px; border-style: solid; border-color: #1341f9; color: #000000; font-family: verdana, sans-serif; font-size: small; font-style: normal; font-weight: normal; text-align: left; text-decoration: none; }
#footer { background-color: #a2e0fa; color: #000000; font-family: verdana, sans-serif; font-size: small; font-style: normal; font-weight: normal; padding-top: 5px; padding-right: 8px; padding-left: 8px; text-align: center; text-decoration: none; border: 2px solid #808080; }
.stretch { clear: both; }
ol, ul { margin-left: 2.5em; }
p, ol, ul { margin-top: 1em; }
hr { margin: 1em auto 0 auto; }
h1, h2, h3, h4, h5, h6 { font-family: arial, helvetica, sans-serif; font-weight: bold; font-style: normal; text-align: left; text-decoration: none; }
h2 { font-size: large; }
h3 { font-size: medium; }
h4 { font-size: small; font-style: italic; }
h5,h6 { font-size: x-small; font-style: italic; }
#content h2, #content h3, #content h4, #content h5, #content h6 { margin-top: 1em; }
#listpages #content h2 { clear: both; }
#content blockquote { margin: 1em 3em; }
#content dl dt { font-family: arial, helvetica, sans-serif; font-weight: bold; margin-top: 1em; }
#content dl dd { margin-left: 2.5em; }
#personindexes #content dl dt { font-family: arial, helvetica, sans-serif; font-weight: bold; }
#personindexes #content dl dd { margin-left: 1em; padding-bottom: 1em; }
#personindexes #content dl dd a { margin-right: .5em !important; }
#surnameindex #content dt { font-family: arial, helvetica, sans-serif; font-weight: bold; }
#surnameindex #content dd { margin-left: 1em; padding-bottom: 1em; }
dl.surnames, dl.surnamescount { clear: both; }
dl.surnames a { padding-right: .5em; }
dl.surnamescount var { padding-left: .25em; padding-right: .5em; }
#pagetoc { display: none; }
img { border-width: 0; vertical-align: bottom; }
img.icon { vertical-align: baseline; }
table.layout { border-collapse: collapse; }
table.layout td { vertical-align: top; }
div.itp { clear: both; border-width: 0px; border-style: solid; font-family: verdana, sans-serif; font-style: normal; padding: .5em 4px; border-bottom: 1px solid #000066; }
.sn { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: bold; margin-top: 0; }
.nt { font-weight: normal; font-style: normal; }
.np { font-weight: normal; font-style: normal; }
.ng { font-weight: normal; font-style: normal; }
.nps { font-weight: bold; font-style: normal; font-variant: normal; }
.ns { font-weight: bold; font-style: normal; font-variant: normal; }
.nu { font-weight: normal; font-style: normal; }
.no { font-weight: normal; font-style: normal; font-variant: normal; }
a, a:link { color: #990000; font-weight: bold; text-decoration: none; }
a:visited { color: #990000; font-weight: bold; text-decoration: none; }
a:hover { color: #990000; font-weight: bold; text-decoration: none; }
a:active { color: #990000; font-weight: bold; text-decoration: none; }
a.ext {background: url(ext_link_icon.gif) center right no-repeat;padding-right: 15px; }
.tmgcenter { border-width: 0px; border-style: solid; border-color: #1341f9; margin-right: auto; margin-left: auto; text-align: center; }
.tmglind { border-width: 0px; border-style: solid; border-color: #1341f9; margin-left: 2.5em; }
div.pid { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #26231f; color: #404040; float: left; margin-right: 8px; margin-bottom: 8px; padding: 4px; text-align: center; }
div.pid div { font-family: sans-serif; font-size: small; font-style: normal; font-weight: normal; }
div.id { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #26231f; color: #404040; margin: .3em auto 1em auto; padding: 4px; text-align: center; }
div.id div { font-family: sans-serif; font-style: normal; font-weight: normal; }
#imagepages #content h2 { text-align: center; }
div.ptd { border-width: 1px; border-style: solid; border-color: #1341f9; padding: 4px; margin: 2px; text-align: left; }
div.ptd p { font-family: sans-serif; font-size: small; font-weight: normal; font-style: normal; margin: 0; padding: 3px; text-align: left; }
div.sed { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #26231f; color: #404040; margin-top: 4px; padding: 4px; text-align: left; }
div.sed div { font-family: sans-serif; font-weight: normal; font-size: small; font-style: normal; }
.grid { border-width: 0px; border-style: solid; border-color: #808080; border-collapse: collapse; border-spacing: 1px; empty-cells: show; }
.g1 { border-width: 0px; border-style: solid; border-color: #808080; padding: 2px 3px; text-decoration: none; text-align: left; vertical-align: top; width: 8em; }
.g2 { border-width: 0px; border-style: solid; border-color: #808080; padding: 2px 3px; text-decoration: none; text-align: center; vertical-align: top; width: 7em; }
.g3 { border-width: 0px; border-style: solid; border-color: #808080; padding: 2px 3px; text-decoration: none; text-align: left; vertical-align: top; }
div.fams { border-width: 0px; border-style: solid; border-color: #1341f9; clear: both; }
dl.fams dt { font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: small; padding: 1em 0 0 0; }
dl.fams dd { padding: 0 0 0 2.5em; }
div.fams h3 { font-family: times new roman, serif; font-size: 80%; font-style: italic; font-weight: bold; }
div.fams ul { list-style-type: circle; }
div.fams ul li { font-family: times new roman, serif; font-size: normal; font-style: normal; font-weight: normal; }
#credit { border-top: 1px solid #808080; font-family: arial, helvetica, sans-serif; font-size: x-small; font-weight: normal !important; margin-top: 1em; padding: .5em; }
#credit a { font-weight: normal !important; }
div.cits { border-width: 0px; border-style: solid; border-color: #1341f9; clear: both; }
div.cits h3 { font-style: normal; font-weight: bold; }
div.cits ol { list-style-type: decimal; }
div.cits ol li { font-size: small; font-style: normal; font-weight: normal; margin-bottom: .25em; }
sup { font-family: sans-serif; font-size: small; font-weight: normal; font-style: normal; text-decoration: none; vertical-align: text-top; }
#sourcelist { margin: 1em 0 0 1em; padding: 0; }
#sourcelist li { font-style: normal; font-weight: normal; margin: 0 0 1em 1em; padding: 0; }
div.egib { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #26231f; color: #404040; float: left; font-family: sans-serif; font-size: x-small; font-weight: normal; font-style: normal; margin: 3px; padding: 3px; overflow: hidden; text-align: center; width: 120px; height: 200px; }
div.spi { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #26231f; color: #404040; padding: 4px; text-align: center; }
div.spi div { font-family: sans-serif; font-size: small; font-style: normal; font-weight: normal; }
div.spileft { float: left; margin: 1em 8px 0 0; }
div.spicenter { margin: 1em auto 0 auto; }
div.spiright { float: right; margin: 1em 0 0 8px; }
ul.splds, ol.splds { margin-top: 0; }
ul.splds li, ol.splds li, dl.splds dd { margin-top: 1em; }
table.spt { border-width: 0px; border-style: solid; border-color: #1341f9; border-collapse: collapse; empty-cells: show; margin-top: 1em; }
table.spt td { border-width: 1px; border-style: solid; border-color: #1341f9; padding: 2px 3px; }
table.spt th { border-width: 1px; border-style: solid; border-color: #1341f9; font-style: italic; font-weight: normal; text-align: center; padding: 2px 3px; }
.iconlegend { border-width: 0px; border-style: solid; border-color: #1341f9; border-collapse: collapse; empty-cells: show; margin-top: 1em; }
.iconlegend td { border-width: 0px; border-style: solid; border-color: #1341f9; padding: 2px 3px; }
div.smco { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #26231f; color: #404040; padding: 4px; }
div.smtitle { color: #404040; font-family: sans-serif; font-size: medium; font-style: normal; font-weight: bold; text-align: center; }
div.smmap { border-width: 1px; border-style: solid; border-color: #26231f; color: #000; float: left; position: relative; text-align: left; }
div.smcaption { color: #404040; font-family: sans-serif; font-size: small; font-style: italic; font-weight: normal; text-align: center; }
ul.smil { border-width: 0px; border-style: solid; border-color: #1341f9; color: #404040; list-style-type: circle; margin: 0; padding: 0; overflow: auto; }
ul.smil li { border-width: 0px; border-style: solid; border-color: #1341f9; font-size: small; margin: 0 0 0 1.5em; padding: 0; text-align: left; cursor: pointer; }
div.smcoleft { float: left; margin: 1em 8px 8px 0; }
div.smcocenter { margin: 1em auto 0 auto; }
div.smcoright { float: right; margin: 1em 0 8px 8px; }
div.smmap img { vertical-align: middle; }
div.smib { color: #000; font-size: small; max-height: 120px; overflow: auto; padding-bottom: 1em; width: 350px; }
div.smib ul { margin-left: 0; }
div.smib ul li { margin-left: 1.25em; }
.ero-body { padding: 0 4px !important; width: auto !important; }
.ero .ero-previewArea div.firstChild { margin: 0 !important; }
div.calendar { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #26231f; color: #404040; margin: 1em 0 0 0; padding: 0 2px; }
div.caltitle { color: #404040; font-family: arial, helvetica, sans-serif; font-size: large; font-style: normal; font-weight: bold; text-align: center; }
div.calcaption { color: #404040; font-family: sans-serif; font-size: small; font-style: italic; font-weight: normal; text-align: center; }
table.caltable th { background-color: #ffffff; border-width: 0px; border-style: solid; border-color: #26231f; color: #404040; font-family: verdana, sans-serif; font-size: x-small; font-style: normal; font-weight: normal; text-align: center; }
table.caltable td { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #26231f; color: #404040; font-family: verdana, sans-serif; font-size: x-small; font-style: normal; font-weight: normal; text-align: center; vertical-align: top; }
div.caldn { background-color: #05059e; color: #ffffff; font-family: verdana, sans-serif; font-size: xx-small; font-style: normal; font-weight: normal; text-align: center;float: left; margin: 0 .25em 0 0; width: 1.5em;padding: 0 1px;border-right: 1px solid #26231f;border-bottom: 1px solid #26231f; }
div.caldn29 { background-color: #888800; color: #000000; }
div.caldata { display: none; }
table.caltable { border-collapse: separate; empty-cells: show; width: 100%; }
td.calemp { width: 14%; }
td.calday { height: 5em; width: 14%; }
td.caloth { height: 5em; }
td.calday span.calnot, td.calday span.calppl { display: block; }
td.caloth span.calnot { margin-left: .5em; }
table.caltable tr.calmth th { font-size: large; font-style: normal; }
.pupbutton { background-color: #05059e; border-width: 0px; border-style: solid; border-color: #000000; color: #ffffff; cursor: pointer; display: inline-block; font-size: small; font-weight: normal; font-style: normal; margin: 3px 0 0 0; padding: 1px; }
div.pupdata { display: none; }
#pup { background-color: #f8f8ff; border: 2px solid #1341f9; display: none; padding: 3px; position: absolute; width: 500px; }
#pup table { border-spacing: 5px; font-size: small; width: 100%; }
.pupsubject { background-color: #ffffff; background-image: none; border-width: 1px; border-style: solid; border-color: #1341f9; color: #000000; font-size: 90%; font-style: normal; font-weight: normal; padding: 2px; }
.pupfemale { background-color: #fee0f6; border-width: 1px; border-style: solid; border-color: #e60b68; color: #000000; font-size: 90%; font-style: normal; font-weight: normal; padding: 2px; }
.pupmale { background-color: #badaf1; border-width: 1px; border-style: solid; border-color: #0a32d6; color: #000000; font-size: 90%; font-style: normal; font-weight: normal; padding: 2px; }
#content #charindex a { background-color: #05059e; border-width: 0px; border-style: solid; border-color: #000000; color: #ffffff; display: block; float: left; font-family: arial, helvetica, sans-serif; font-size: small; font-weight: bold; font-style: normal; margin: 2px 4px 2px 0; padding: 4px; text-align: center; text-decoration: none !important; vertical-align: text-top; width: 1.5em; }
#surnameindex #content dl.surnamescount var { font-style: normal; }
#placeindex div { font-weight: bold; font-style: normal; text-decoration: none; text-align: left; margin-top: .4em; margin-left: 0em; }
#placeindex div div { font-style: normal; font-weight: lighter; margin-top: .1em; margin-left: 2em; text-align: left; text-decoration: none; clear: both; }
a.maplink { background-color: #05059e; border-width: 1px; border-style: solid; border-color: #000000; color: #ffffff; display: block; float: left; font-family: arial, helvetica, sans-serif; font-size: small; font-weight: bold; font-style: normal; margin: 1px 4px 1px 0; padding: 1px 2px; width: 1.25em; text-align: center; text-decoration: none !important; }
.cf { position: relative; clear: both; background-color: #f8f8ff; border-width: 1px; border-style: solid; border-color: #606060; font-family: arial, helvetica; font-weight: bold; font-style: normal; padding-left: 20px; text-align: center; }
.legend { position: relative; }
.legendtop { padding-bottom: 2px; }
.legendbottom { padding-top: 2px; }
.cbp { border-width: 1px; border-style: solid; padding: 2px; }
div.csb { position: absolute; font-family: arial, helvetica; font-size: 10pt; font-weight: bold; font-style: normal; text-align: center; color: #000000; background-color: #ffffff; border-color: #606060; border-width: 1px; border-style: solid; padding: 2px; overflow: hidden; }
div.csb a { color: #000000 !important; font-weight: bold; text-decoration: underline; }
div.cfb { position: absolute; font-family: arial, helvetica; font-size: 10pt; font-weight: normal; font-style: normal; text-align: center; color: #000000; background-color: #fee0f6; border-color: #e60b68; border-width: 1px; border-style: solid; padding: 2px; overflow: hidden; }
div.cfb a { color: #000000 !important; font-weight: normal; text-decoration: underline; }
div.cmb { position: absolute; font-family: arial, helvetica; font-size: 10pt; font-weight: normal; font-style: normal; text-align: center; color: #000000; background-color: #badaf1; border-color: #0a32d6; border-width: 1px; border-style: solid; padding: 2px; overflow: hidden; }
div.cmb a { color: #000000 !important; font-weight: normal; text-decoration: underline; }
div.cub { position: absolute; font-family: arial, helvetica; font-size: 10pt; font-weight: normal; font-style: normal; text-align: center; color: #000000; background-color: #d3f7d5; border-color: #606060; border-width: 1px; border-style: solid; padding: 2px; overflow: hidden; }
div.cub a { color: #000000 !important; font-weight: normal; text-decoration: underline; }
div.cspb { position: absolute; font-family: arial, helvetica; font-size: 10pt; font-weight: normal; font-style: normal; text-align: center; color: #000000; background-color: #e0e0e0; border-color: #a0a0a0; border-width: 1px; border-style: solid; padding: 2px; overflow: hidden; }
div.cspb a { color: #000000 !important; font-weight: normal; text-decoration: underline; }
div.cdb { position: absolute; font-family: arial, helvetica; font-size: 10pt; font-weight: normal; font-style: normal; text-align: center; color: #000000; background-color: #ffa500; border-color: #606060; border-width: 1px; border-style: solid; padding: 2px; overflow: hidden; }
div.cdb a { color: #000000 !important; font-weight: normal; text-decoration: underline; }
.cdt { font-size: 8pt; font-weight: normal; font-style: normal; }
div.cct { position: absolute; border-top: 1px solid #606060; font-size: 1px; }
div.ccl { position: absolute; border-left: 1px solid #606060; font-size: 1px; }
div.cctl { position: absolute; border-top: 1px solid #606060; border-left: 1px solid #606060; font-size: 1px; }
div.cctlr { position: absolute; border-top: 1px solid #606060; border-left: 1px solid #606060; border-right: 1px solid #606060; font-size: 1px; }
div.cctlb { position: absolute; border-top: 1px solid #606060; border-left: 1px solid #606060; border-bottom: 1px solid #606060; font-size: 1px; }
div.cclb { position: absolute; border-left: 1px solid #606060; border-bottom: 1px solid #606060; font-size: 1px; }
div.tlcf { background-color: #f8f8ff; border-width: 1px; border-style: solid; border-color: #606060; font-size: 1px; margin: 0; padding: 0; position: relative; }
div.tlpt { background-color: #f8f8ff; color: #000000; font-family: arial, helvetica, sans-serif; font-size: medium; font-weight: bold; position: absolute; }
div.tlvt { color: #000000; font-family: arial, helvetica, sans-serif; font-size: small; font-weight: normal; font-style: italic; position: absolute; }
div.tlst { color: #000000; font-family: arial, helvetica, sans-serif; font-size: small; font-weight: bold; font-style: normal; position: absolute; text-align: center; }
.tlap { position: absolute; font-size: 1px; }
div.tlg { border-color: #606060; border-left-width: 1px; border-left-style: dotted; font-size: 1px; position: absolute; width: 3px; }
div.tlsl { border-color: #606060; border-top-width: 3px; border-top-style: solid; font-size: 1px; position: absolute; }
div.tltt { border-color: #606060; border-left-width: 3px; border-left-style: solid; font-size: 1px; position: absolute; }
div.tlts { border-color: #606060; border-left-width: 3px; border-left-style: solid; font-size: 1px; position: absolute; }
.quote { font-style: italic; padding-right: 4em; padding-left: 4em; }
.randomquote, div.randomquote ul { display: none; list-style-type: none; border-width: 0px; border-style: solid; border-color: #1341f9; font-size: small; font-weight: normal; font-style: normal; text-decoration: none; margin: .5em 0; padding: 2px; text-align: center; }
.randomquote q { font-family: times new roman; font-size: large; font-weight: normal; font-style: italic; text-decoration: none; text-align: center; }
#menubar { clear: both; padding-bottom: 1px; }
ul.buttonhorz { float: left; list-style-type: none; margin: 0; padding: 0; }
ul.buttonhorz li { float: left; }
ul.buttonvert { list-style-type: none; margin: 0; padding: 0; }
ul.buttonvert li a img, ul.buttonhorz li a img { vertical-align: bottom; }
#menutop { font-family: arial, helvetica, sans-serif !important; font-weight: bold !important; }
ul.menutop, ul.menubottom { font-size: small; list-style-type: none; margin: 0 0 .5em 0; }
ul.menutop li, ul.menubottom li { display: inline; padding: 0 .75em 0 .75em; white-space: nowrap; }
ul.menutop li.inactive a, ul.menubottom li.inactive a { color: #404040 !important; font-weight: normal !important; text-decoration: none !important; }
/* Menu: Standard */
ul.menuside, ul.menubar { font-family: arial, helvetica, sans-serif; font-size: small; font-style: normal; font-weight: bold; list-style-type: none; margin-left: 0; padding-left: 0; }
ul.menuside { margin: 0; padding: 0; text-align: center; }
ul.menuside li { margin-bottom: 1px; }
ul.menuside li a { display: block; padding: 3px; background-color: #05059e; color: #ffffff !important; font-family: arial, helvetica, sans-serif !important; font-style: normal !important; font-weight: bold !important; text-decoration: none !important; }
ul.menuside li a:hover { background-color: #ffffff; color: #05059e !important; text-decoration: none !important; }
ul.menuside li.inactive a { background-color: #dcf3fd; color: #808080 !important; font-family: arial, helvetica, sans-serif !important; font-style: normal !important; font-weight: bold !important; text-decoration: none !important; }
ul.menuside li.inactive a:hover { background-color: #dcf3fd; color: #808080 !important; text-decoration: none !important; }
ul.menubar { float: left; margin: 0; padding: 0; text-align: left; white-space: nowrap; }
ul.menubar li { float: left; }
ul.menubar li a { background-color: #05059e; color: #ffffff !important; display: block; float: left; font-family: arial, helvetica, sans-serif !important; font-style: normal !important; font-weight: bold !important; padding: 3px 6px; margin-right: 2px; text-decoration: none !important; }
ul.menubar li a:hover { background-color: #ffffff; color: #05059e !important; font-style: normal !important; font-weight: bold !important; text-decoration: none !important; }
ul.menubar li.inactive a { background-color: #dcf3fd; color: #808080 !important; font-family: arial, helvetica, sans-serif !important; font-style: normal !important; font-weight: bold !important; text-decoration: none !important; }
ul.menubar li.inactive a:hover { background-color: #dcf3fd; color: #808080 !important; text-decoration: none !important; }
/* Theme: Bruce's Trees */
ul.menutop li a { font-weight: normal !important; }
/* User Style 1 */ .u1 { border-width: 0px; border-color: #1341f9; }
/* User Style 2 */ .u2 { border-width: 0px; border-color: #1341f9; }
/* User Style 3 */ .u3 { border-width: 0px; border-color: #1341f9; }
/* User Style 4 */ .u4 { border-width: 0px; border-color: #1341f9; }
/* User Style 5 */ .u5 { border-width: 0px; border-color: #1341f9; }
/* User Style 6 */ ul.menubottom { /* font size of next/previous buttons */
font-size: medium; font-weight: bold; }
/* User Style 7 */ ul.menubar li { /* spacing between top menubar and next/previous for css buttons */
margin: 2px 2px 2px 2px; }
/* User Style 8 */ body#chartpages { /* spacing to left of charts */
padding-left: 25px; }
/* User Style 9 */ #imagepages #content h2 { /* font size for image pages */
font-size: medium; }
/* User Style 10 */ #chartpages #container { /* padding on chart pages */
padding: 15px !important; }
/* User Style 11 */ div.legendtop { padding: 5px 0 5px 0;
padding: 4px 0 4px 0;
padding: 4px 0 4px 0; }
/* User Style 12 */ div.bottommsg { /* setup back to top message below each person - with layouts: person pages wording */
clear: both; color: #000066; }
/* User Style 13 */ ul.menubottom { /* separate next/previous links from other bottom content */
border:1px solid #808080; padding: 2px 2px 2px 2px; }