body {
  background: #E1FFFF;
  background-image: url("../Commons/blue-dots.bmp");
  background-attachment: fixed;
  }

body.bike {
  background: #000000;
  }

body.bio {
  background: #F4F4FF;}

body.gazteer {
  background: white; background-image: url("../Commons/marble1.gif");
  }

body.index {
  background: lightblue; background-image: url("../Commons/graymarb.jpg");
  }

body.old {
  background: #E1FFFF; background-image: url("../Commons/12swirl-tan[1].jpg");
  }

body.wh {background: #FFFFFF}
@font-face {font-family: 'algerianregular';
  src: url('alger-webfont.woff2') format('woff2'),
  url('alger-webfont.woff') format('woff');
  font-weight: normal; font-style: normal;
  src: url('ALGER.TTF');
  }

p {
  font-family: Eurostar Regular Extended;
  color: #000080;
  font-size: 11pt;
  margin: 0 5pt;
  }

p.aln {
  font-family: Georgia;
  color: #000080;
  font-size: 11pt;
  text-align: justify;
  width: 100%;
  margin: 0;
  }

p.alr {
  font-family: Georgia;
  color: #000080;
  font-size: 11pt;
  text-align: right;
  width: 100%;
  margin: 0;
  }

p.biggaramond {
  font-family: Georgia;
  font-size: 18pt;
  margin: 4pt 5pt 4pt 95pt;
  }

p.bignotes {
  font-family: Calibri;
  color: #000000;
  text-align: justify;
  font-size: 12pt;
  font-weight: normal;
  text-indent: -20pt;
  margin: 5pt 80pt 5pt 100pt;
  }

p.bike {
  font-family: Verdana;
  color: #C0C0C0;
  font-size: 10pt;
  font-weight: normal;
  margin: 0pt 5pt;
  }

p.bikef {
  font-family: Verdana;
  color: #414924;
  font-size: 12pt;
  font-weight: normal;
  margin: 0pt 5pt;
  }

p.bikehdg {
  font-family: Tahoma;
  color: #C3122D;
  font-size: 14pt;
  font-weight: bold;
  margin: 0pt 5pt;
  }

p.bill {
  font-family: Tahoma;
  color: #000000;
  text-align: center;
  font-size: 16pt;
  font-weight: normal;
  margin: 3pt 5pt;
  }

p.bio {
  font-family: Perpetua;
  color: #000080;
  text-align: justify;
  font-size: 12pt;
  text-indent: 30pt;
  margin: 10pt 20pt;
  }

p.biob {
  font-family: Perpetua;
  color: #006080;
  font-weight: bold;
  text-align: justify;
  font-size: 12pt;
  text-indent: 0;
  margin: 10pt 20pt 0pt 20pt;
  }

p.bioc {
  font-family: Perpetua;
  color: #000080;
  text-align: justify;
  font-size: 12pt;
  text-indent: 0;
  margin: 0pt 20pt 5pt 20pt;
  }

p.biod {
  font-family: Perpetua;
  color: #000080;
  text-align-last: justify;
  text-align: justify;
  font-size: 12pt;
  text-indent: 0;
  margin: 0pt 20pt 5pt 20pt;
  }

p.biom {
  font-family: Perpetua;
  color: #000080;
  text-align: center;
  font-size: 12pt;
  text-indent: 0;
  margin: 10pt 20pt;
  }

p.boxleft {
  font-family: Perpetua;
  color: #000080;
  text-align: left;
  font-size: 11pt;
  text-indent: 0;
  margin: 0  20pt;
  }

p.boxright {
  font-family: Perpetua;
  color: #000080;
  text-align: right;
  font-size: 11pt;
  text-indent: 0;
  margin: 0  20pt;
  }

p.cop {
  font-family: Calibri;
  color: #5555A8;
  text-align: center;
  font-size: 11pt;
  font-weight: normal;
  margin: 0pt 25pt;
  }

p.garamond {
  font-family: Georgia;
  font-size: 12pt;
  margin: 4pt  5pt 4pt 25pt;
  }

p.gaz {
  font-family: Calibri;
  color: #000000;
  font-size: 12pt;
  text-indent: 0pt;
  margin: 0pt 25pt;
  }

p.gazetteer {
  font-family: Calibri;
  color: #0634A8;
  text-align: justify;
  font-size: 12pt;
  font-weight: normal;
  text-indent: 15pt;
  margin: 5pt 25pt;
  }

p.h0 {
  font-family: Georgia;
  color: #000080;
  font-size: 12pt;
  margin: 3pt 5pt;
  }

p.h1 {
  font-family: Arial;
  color: #008000;
  font-size: 14pt;
  font-style: italic;
  font-weight: normal;
  margin: 0  5pt;
  }

p.h1b {
  font-family: Perpetua;
  color: #000080;
  font-size: 16pt;
  text-align: center;
  font-weight: bold;
  margin: 0  5pt}

p.h1bio {
  font-family: Perpetua;
  color: #000080;
  text-align: center;
  font-size: 16pt;
  font-weight: bold;
  margin: 0  5pt};

p.h1c {
  font-family: Georgia;
  color: #000000;
  text-align: center;
  font-size: 16pt;
  margin: 2pt 5pt}

p.h1d {
  font-family: Georgia;
  color: #000000;
  font-size: 16pt;
  text-align: justify;
  text-indent: 15pt;
  margin: 2pt 5pt}

p.h2 {
  font-family: Tahoma;
  color: #008080;
  font-size: 10pt;
  font-weight: normal;
  margin: 0  5pt;
  }

p.h2b {
  font-family: Calibri;
  color: #0634A8;
  font-size: 12pt;
  font-weight: normal;
  margin: 0pt 5pt;
  }

p.h3 {
  font-family: Arial;
  color: #008000;
  font-size: 12pt;
  font-style: italic;
  font-weight: normal;
  margin: 0  5pt;
  }

p.h3a {
  font-family: Calibri;
  color: #008000;
  font-size: 12pt;
  font-style: italic;
  font-weight: normal;
  margin: 0pt 5pt;
  }

p.h3b {
  font-family: Calibri;
  color: #008080;
  font-size: 10pt;
  margin: 8pt 5pt;
  }

p.h4 {
  font-family: Calibri;
  color: #3399FF;
  font-size: 12pt;
  font-weight: bold;
  margin: 0  5pt;
  }

p.h4a {
  font-family: Calibri;
  color: #0634A8;
  font-size: 11pt;
  font-weight: normal;
  margin: 0pt 5pt;
  }

p.h5 {
  font-family: Calibri;
  color: #008080;
  font-size: 12pt;
  font-weight: bold;
  margin: 0  5pt;
  }

p.h5a {
  font-family: Calibri;
  color: #008080;
  font-size: 11pt;
  font-weight: normal;
  margin: 0pt 5pt;
  }

p.h6 {
  font-family: Calibri;
  color: #3798FF;
  font-size: 12pt;
  font-weight: bold;
  margin: 0  5pt;
  }

p.h6a {
  font-family: Calibri;
  color: #0634A8;
  font-size: 12pt;
  font-weight: normal;
  margin: 0pt 5pt;
  }

p.h7 {
  font-family: Georgia;
  color: #000080;
  font-size: 10pt;
  margin: 0  5pt;
  }

p.h7a {
  font-family: Georgia;
  color: #040404;
  font-size: 11pt;
  font-weight: normal;
  margin: 5pt 10pt;
  }

p.h8 {
  font-family: Georgia;
  color: #000000;
  font-size: 12pt;
  text-align: justify;
  text-indent:-55pt;
  margin: 5pt  5pt  2pt 60pt;
  }

p.h8p {
  font-family: Georgia;
  color: #000000;
  font-size: 12pt;
  text-align: justify;
  text-indent:  0;
  margin: 5pt  5pt  2pt 60pt;
  }

p.h9 {
  font-family: Georgia;
  color: #000000;
  font-size: 12pt;
  text-align: justify;
  text-indent: 15pt;
  margin: 8pt 10pt  3pt 15pt;
  }

p.h9c {
  font-family: Georgia;
  color: #000000;
  font-size: 12pt;
  text-align: center;
  text-indent:  0;
  margin: 8pt 10pt  3pt 10pt;
  }

p.h9h {
  font-family: Garamond;
  color: #600000;
  font-size: 12pt;
  font-weight: bold;
  text-indent:  0;
  margin: 8pt  2pt  3pt  2pt;
  border-top:  1px dashed #222222;
  border-bottom: 1px dashed #222222;
  background-color: bisque;
  }

p.h9i {
  font-family: Georgia;
  color: #000000;
  font-size: 12pt;
  font-weight: normal;
  text-indent:  0;
  margin: 8pt 10pt  3pt 15pt;
  text-decoration: underline black;
  }

p.h9r {
  font-family: Georgia;
  color: #000000;
  font-size: 12pt;
  text-align: right;
  text-indent:  0;
  margin: 2pt 10pt  3pt  2pt;
  }

p.h10 {
  font-family: Georgia;
  color: #000000;
  font-size: 12pt;
  text-align: center;
  text-indent:  0;
  margin: 2pt  1pt  2pt  1pt;
  }

p.h11 {
  font-family: Georgia;
  color: #000000;
  font-size: 12pt;
  text-align: justify;
  text-indent:  0;
  margin: 2pt  1pt  2pt  2pt;
  }

p.h12 {
  font-family: Georgia;
  color: #000000;
  font-size: 12pt;
  text-align: center;
  font-weight: bold;
  text-indent:  0;
  margin: 2pt  1pt  2pt  1pt;
  }

p.h13 {
  font-family: Georgia;
  color: #000000;
  font-size: 12pt;
  text-indent:-20pt;
  margin: 5pt  5pt  2pt 25pt;
  }

p.h13a {
  font-family: Georgia;
  color: #000000;
  font-size: 12pt;
  text-indent:  0;
  margin: 5pt  5pt 20pt 25pt;
  }

p.h14 {
  font-family: Georgia;
  color: #000000;
  font-size: 12pt;
  text-indent:  0;
  margin: 1pt  5pt  1pt  5pt;
  }

p.h15 {
  font-family: Palatino;
  color: #000000;
  font-size: 11pt;
  text-align: right;
  text-indent:  0;
  margin: 1pt  1pt  1pt  1pt;
  }

p.h16 {
  font-family: Georgia;
  color: #000000;
  font-size: 12pt;
  text-align: center;
  text-indent:  0;
  margin: 2pt  1pt  2pt  1pt;
  vertical-align: middle;
  }

p.h2TM {
  font-family: Calibri;
  color: #005500;
  font-size: 12pt;
  margin: 0pt 5pt;
  }

p.h3TM {
  font-family: Calibri;
  color: #008080;
  font-size: 12pt;
  font-weight: bold;
  text-indent: -25pt;
  margin: 8pt 20pt 8pt 25pt;
  }

p.h4TM {
  font-family: Calibri;
  color: #0634A8;
  font-size: 12pt;
  text-align: justify;
  text-indent: -25pt;
  margin: 8pt 20pt 8pt 45pt;
  }

p.h5TM {
  font-family: Calibri;
  color: #0634A8;
  font-size: 12pt;
  text-align: justify;
  text-indent: -25pt;
  margin: 8pt 20pt 8pt 65pt;
  }

p.hd {
  font-family: Calibri;
  color: #5555A8;
  text-align: justify;
  font-size: 16pt;
  font-weight: normal;
  margin: 0pt 25pt;
  }

p.hierarchy {
  font-family: Arial Rounded MT Bold, Arial, sans-serif;
  font-size: 14pt;
  font-weight: normal;
  font-style: italic;
  margin: 0 5pt;
  }

p.home {
  font-family: Georgia;
  font-size: 12pt;
  font-weight: normal;
  margin: 3pt 8pt;
  }

p.jump {
  font-family: Palatino;
  font-size: 11pt;
  font-weight: normal;
  margin: 0 5pt;
  }

p.jumplist {
  font-family: Calibri;
  font-size: 10pt;
  font-weight: normal;
  margin: 0 5pt;
  }

p.lorelist {
  font-family: Arial Rounded MT Bold, Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  margin: 0 1pt 0 2pt;
  }

p.menu {
  font-family: Calibri;
  color: #000000;
  text-align: center;
  font-size: 12pt;
  font-weight: bold;
  margin: 0pt 8pt;
  }

p.no-frame {
  font-family: Georgia;
  color: #000000;
  text-align: center;
  font-size: 12pt;
  margin: 20pt 0pt;
  }

p.notes {
  font-family: Calibri;
  color: #000000;
  font-size: 12pt;
  text-indent: -20pt;
  margin: 5pt 80pt 5pt 40pt;
  }

p.numbrndx {
  font-family: Tahoma;
  font-size: 10pt;
  margin: 0 5pt;
  }

p.nx {
  max-width: 270px;
  font-family: Georgia;
  font-size: 11pt;
  text-indent: -10pt;
  margin: 0 5pt 0 15pt;
  }

p.nxb {
  max-width: 270px;
  font-family: Georgia;
  font-size: 11pt;
  font-weight: bold;
  margin: 0 5pt 0 5pt;
  }

p.nxf {
  min-width: 115px;
  font-family: Georgia;
  font-size: 11pt;
  text-indent: -10pt;
  margin: 0 5pt 0 15pt;
  }

p.nxi {
  font-family: Georgia;
  font-size: 11pt;
  text-indent: -5pt;
  margin: 0 10pt 0 5pt;
  }

p.other {
  font-family: Verdana;
  color: #C3122D;
  text-align: center;
  font-size: 12pt;
  font-weight: bold;
  margin: 0pt 8pt;
  }

p.para {
  font-family: Calibri;
  text-align: justify;
  margin: 5pt 60pt;
  }

p.parahd {
  font-family: Calibri;
  font-weight: bold;
  margin: 0  60pt;
  }

p.paraft {
  font-family: Calibri;
  text-align: right;
  font-style: italic;
  margin: 0  60pt;
  }

p.red {
  font-family: Calibri;
  color: #C00000;
  font-size: 12pt;
  font-weight: normal;
  margin: 0pt 5pt;
  }

p.resmenu {
  font-family: Calibri;
  font-size: 12pt;
  margin: 0 8pt; border-bottom: 1px dashed #C00000;
  }

p.small {
  font-family: Eurostar Regular Extended;
  font-size: 10pt;
  margin: 0  5pt;
  }

p.smallbold {
  font-family: Eurostar Regular Extended;
  font-size: 10pt;
  font-weight: bold;
  margin: 0  5pt;
  }

p.subhd1 {
  font-family: Calibri;
  color: #5555A8;
  text-align: justify;
  font-size: 14pt;
  font-weight: normal;
  margin: 0pt 35pt;
  }

p.subhd1txt {
  font-family: Calibri;
  color: #000000;
  text-align: justify;
  font-size: 13pt;
  font-weight: normal;
  margin: 0pt 60pt;
  }

p.subhd2 {
  font-family: Calibri;
  color: #5555A8;
  text-align: justify;
  font-size: 13pt;
  font-weight: normal;
  margin: 0pt 45pt;
  }

p.subhd2txt {
  font-family: Calibri;
  color: #000000;
  text-align: justify;
  font-size: 13pt;
  font-weight: normal;
  margin: 0pt 70pt;
  }

p.tabl {
  font-family: Calibri;
  color: #000000;
  text-align: center;
  font-size: 12pt;
  font-weight: normal;
  margin: 0pt 8pt;
  }

p.tight {
  font-family: Calibri;
  color: #000000;
  font-size: 12pt;
  font-weight: normal;
  margin: 0pt 1pt;
  }

p.tiny {
  font-family: Times New Roman;
  font-size:  8pt;
  font-weight: bold;
  margin: 0  5pt;
  }

p.toptable {
  font-family: Georgia;
  color: #000000;
  text-align: center;
  font-size: 16pt;
  font-weight: bold;
  margin: 0pt 5pt;
  padding: 2px;
  }

p.toptablh {
  font-family: Georgia;
  color: #000000;
  text-align: center;
  font-size: 18pt;
  font-weight: normal;
  margin: 0pt 5pt;
  padding: 2px;
  }

.scaps {
  font-variant: small-caps}

.phead {
  break-inside: avoid; /* Keeps everything inside this container together */
  }

.rpt2 {
  column-count: 2;
  column-gap: 10px;
  column-rule: 2px double #000000;
  }

.rpt2b {
  column-count: 2;
  column-fill: balance;
  column-gap: 10px;
  }

.rpt5 {
  column-count: 5;
  column-fill: balance;
  column-gap: 5px;
  column-rule: 1px solid #800000;
}

.rpt6 {
  column-count: 6;
  column-fill: balance;
  column-gap: 5px;
  column-rule: 1px solid #800000;
}

a:link    {color: #000080;}
a:visited {color: #000080;}
a:hover   {color: #FF0000;}
a:active  {color: #000080;}

a.bill:link    {color: #3585C8;}
a.bill:visited {color: #3585C8;}
a.bill:hover   {color: #FF0000;}
a.bill:active  {color: #5555A8;}

blockquote.bio {
  font-family: Perpetua;
  color: #000060;
  text-align: justify;
  font-size: 12pt;
  text-indent: 0pt;
  margin: 10pt 60pt 5pt 80pt}

ol {
  font-family: Calibri;
  color: #0634A8;
  font-size: 12pt;
  text-align: justify;
  margin: 8pt 20pt 8pt 40pt;
  }

ul {
  font-family: Calibri;
  color: #0634A8;
  font-size: 12pt;
  text-align: justify;
  margin: 8pt 20pt 8pt 40pt;
  }

li {
  font-family: Georgia;
  margin: 0 5pt;
  }

li.index {
  font-family: Calibri;
  font-size: 8pt;
  text-align: left;
  margin: 0 5pt;
  }

li.notes {
  font-family: Calibri;
  font-size: 12pt;
  color: #000000;
  margin-left: 40pt;
  margin-right: 40pt;
  margin-top: 0pt;
  margin-bottom: 0pt;
  }

caption {
  font-family: Arial;
  color: #008000;
  font-size: 14pt;
  font-style: italic;
  font-weight: 100;
  margin: 0pt 5pt;
  }

caption.bike {
  font-family: Tahoma;
  font-style: normal;
  font-weight: 100;
  color: #C3122D;
  }

caption.codes {
  font-family: Calibri;
  color: #000000;
  font-size: 12pt;
  font-weight: bold;
  }

caption.ndx {
  font-family: Arial;
  color: #008000;
  font-size: 10pt;
  font-style: italic;
  font-weight: 100;
  margin: 0pt 5pt}

table.ch10 {
  width: 100%;
  border: 1px solid #000000;
  }

table.ch11 {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border: 1px solid #000000;
  max-width: 85%;
  min-width: 50%;
  }

table.ch12 {
  border-collapse: collapse;
  border: 1px solid #000000;
  max-width: 95%;
  min-width: 50%;
  }

table.chart {
  width: 100%;
  border-collapse: collapse;
  }

table.foot {
  width: 95%;
  border: 0px;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  }

table.head {
  width: 95%;
  background-color: #EAF6FF;
  border: 1px solid #EAF6FF;
  margin-left: auto;
  margin-right: auto;
  }

table.head1 {
  width: 95%;
  background-color: #E1FFFF;
  border: 1px solid #E1FFFF;
  }

table.headb {
  width: 95%;
  background-color: #E1FFFF;
  border: 0px;
  border-collapse: collapse;
  }

table.headt {
  width: 95%;
  border: 0px;
  border-collapse: collapse;
  }

table.headw {
  width:100%;
  border: 0px;
  border-collapse: collapse;
  }

table.in2 {
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  background-color: #FFFFFF;
  border: 2px solid #741515;
  border-collapse: collapse;
  }

table.index {
  width:100%;
  background-color: #FF0000;
  border: 1px solid #808080;
  border-spacing: 1px;
  }

table.inner {
  margin: 0px auto;
  width: 100%;
  border: 0px;
  border-collapse: collapse;
  }

table.inner1 {
  border-collapse: collapse;
  }

table.inner2 {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  }

table.lore1 {
  border: 2px solid black;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  }

table.lore2 {
  border: 2px solid black;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  }

table.lore3 {
  border: 2px solid black;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  }

table.names {
  border-collapse: collapse;
  border:2px solid  #5B9AC8;
  margin-left: auto;
  margin-right: auto;
  min-width: 70%;
  max-width: 95%;
  }

/* provide some minimal visual accomodation for IE8 and below */
.names tr {
  background: #FFFFFF;
  }

/*  Define the background color for all the ODD background rows  */
.names tr:nth-child(odd) {
  background: #ECF5FD;
  }

/*  Define the background color for all the EVEN background rows  */
.names tr:nth-child(even) {
  background: #FFFFFF;
  }

.names td {
  padding:2px;
  }

table.rec {
  margin-left: auto;
  margin-right: auto;
  }

table.red {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  background-color: #FF0000;
  border: 2px solid #808080;
  }

table.ree {
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  border: 1px solid #FF0000;
  }

table.res {
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  border: 2px solid #5B9AC8;
  }

table.return {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border-top: 1px dotted #C00000;
  border-bottom: 1px dotted #C00000;
  }

table.thomp {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border:2px solid  #5B9AC8;
  }

table.thom6 {
  border-collapse: separate;
  width: 100%;
  border-spacing: 15px 5px;
  border-top: 1px dotted red;
  }

table.toptbl {
  width: 95%;
  border: 1px solid #FF0000;
  background-color:#E1FFFF;
  border-spacing: 4px;
  border-collapse: separate;
  }

tr.baker {
  height: 100%}

tr.chart {
  background-color: #FFFFFF;
  table-layout: auto;}

tr.foot {
  background-color:#FCF5C5;
  border-top:1px solid #FF0000;
  }

tr.gazz {
  background-color:#F0F6F6;
  }

/* table headings for the family tree name index */
th.nw {
  vertical-align: top;
  text-align: left;
  background-color: #FCF5C5;
  border-bottom:1px solid #FF0000;
  }

th.nwr {
  vertical-align: top;
  text-align: right;
  background-color: #FCF5C5;
  border-bottom:1px solid #FF0000;
  }

tfoot td {
  background-color: #FCF5C5;
  }

/* pink for Anderson Family charts */
td.An1 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: left;
  background-color: #EAD8DC;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

td.An2 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: right;
  background-color: #EAD8DC;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

td.BI {
  font-family: Georgia;
  vertical-align: top;
  text-align: left;
  border-top: 1px dotted red;
  }

td.BI3 {
  font-family: Georgia;
  vertical-align: top;
  text-align: left;
  }

td.BI4 {
  font-family: Georgia;
  vertical-align: top;
  text-align: right;
  }

td.bike {
  text-align: center;
  border:1px solid #C3122D;
  }

td.biketext {
  text-align: left;
  border:1px solid #C3122D;
  }

td.bikehdg {
  text-align: center;
  border:1px solid #FF0000;
  }

td.bio2 {
  vertical-align: top;
  width: 50%;
  }

td.BN {
  font-family: Calibri;
  vertical-align: top;
  border-top: 1px dotted red;
  white-space: nowrap;
  }
  
td.BN3 {
  font-family: Calibri;
  vertical-align: top;
  white-space: nowrap;
  }

td.BP {
  font-family: Georgia;
  vertical-align: top;
  text-align: justify;
  border-top: 1px dotted red;
  width: 100%;
  }

td.BP3 {
  font-family: Georgia;
  vertical-align: top;
  text-align: justify;
  width: 100%;
  }

td.BP4 {
  font-family: Georgia;
  vertical-align: middle;
  text-align: justify;
  width: 100%;
  }

td.btl {
  text-align: left;
  vertical-align: top;
  border:1px solid #C00000;
  }

td.btr {
  text-align: right;
  vertical-align: top;
  border:1px solid #C00000;
  }

/* lavender for Chard family charts */
td.Ch1 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: left;
  background-color: #E6E6FA;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

td.Ch2 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: right;
  background-color: #E6E6FA;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

td.chart1 {
  vertical-align: top;
  font-family: Palatino;
  font-size: 12pt;
  text-align: left;
  border-bottom: 1px dashed #000000;
  padding: 0px 5px}

td.chart2 {
  vertical-align: top;
  font-family: Palatino;
  font-size: 12pt;
  text-align: left;
  border-bottom: 1px dashed #000000;
  padding: 0px 5px;
  }

td.chart3 {
  vertical-align: top;
  font-family: Palatino;
  font-size: 12pt;
  text-align: left;
  border-bottom: 1px solid  #000000;
  padding: 0px 5px 0px 30px;
  }

td.chart4 {
  vertical-align: top;
  font-family: Palatino;
  font-size: 12pt;
  text-align: left;
  border-bottom: 1px solid  #000000;
  padding: 0px 5px}

td.chart5 {
  vertical-align: top;
  font-family: Palatino;
  font-size: 12pt;
  text-align: left;
  border-bottom: 2px solid  #000000;
  padding: 0px 5px 0px 30px}

td.chart6 {
  vertical-align: top;
  font-family: Palatino;
  font-size: 12pt;
  text-align: left;
  border-bottom: 2px solid  #000000;
  padding: 0px 5px}

td.chart7 {
  vertical-align: top;
  font-family: Palatino;
  font-size: 12pt;
  text-align: center;
  border-bottom: 1px solid  #000000;
  padding: 0px 15px;
  background-color: #E0E4E4}

td.chart8 {
  vertical-align: top;
  font-family: Palatino;
  font-size: 12pt;
  text-align: left;
  text-indent: -10pt;
  padding: 0px 20px}

td.code-al {
  text-align: center;
  vertical-align: top;
  border-bottom:1px dashed #C02836;
  }

td.code-bl {
  background-color: #7FC7FF;
  vertical-align: middle;
  text-align: center;
  border:1px solid #C02836;
  }

td.code-cc {
  width: 33px;
  text-align: center;
  vertical-align: top;
  border-bottom:1px dotted #C02836;
  }

td.code-ch {
  width: 33px;
  text-align: center;
  vertical-align: top;
  border-bottom:1px solid  #C02836;
  }

td.code-ct {
  text-align: center;
  vertical-align: top;
  border-bottom:1px dotted #C02836;
  }

td.code-cy {
  background-color: #80FFFF;
  vertical-align: middle;
  text-align: center;
  border:1px solid #C02836;
  }

td.code-gn {
  background-color: #80FF80;
  vertical-align: middle;
  text-align: center;
  border:1px solid #C02836;
  }

td.code-gy {
  background-color: #C0C0C0;
  vertical-align: middle;
  text-align: center;
  border:1px solid #C02836;
  }

td.code-mg {
  background-color: #FFC0FF;
  vertical-align: middle;
  text-align: center;
  border:1px solid #C02836;
  }

td.code-mh {
  min-width: 110px;
  text-align: left;
  border-bottom:1px solid  #C02836;
  }

td.code-nh {
  width: 357px;
  text-align: left;
  vertical-align: top;
  border-bottom:1px solid  #C02836;
  }

td.code-nt {
  width: 357px;
  text-align: left;
  vertical-align: top;
  border-bottom:1px dotted #C02836;
  }

td.code-rd {
  background-color: #FF8080;
  vertical-align: middle;
  text-align: center;
  border:1px solid #C02836;
  }

td.code-sh {
  width: 473px;
  text-align: left;
  vertical-align: top;
  border-bottom:1px solid  #C02836;
  }

td.code-st {
  width: 473px;
  text-align: left;
  vertical-align: top;
  border-bottom:1px dotted #C02836;
  }

td.code-wh {
  background-color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  border:1px solid #C02836;
  }

td.code-yl {
  background-color: #FFFF80;
  vertical-align: middle;
  text-align: center;
  border:1px solid #C02836;
  }

td.FC {
  font-family: Calibri;
  vertical-align: top;
  text-align: right;
  color: MediumBlue;
  border-top: 1px dotted red;
  }

td.FC3 {
  font-family: Calibri;
  vertical-align: top;
  text-align: right;
  color: MediumBlue;
  }

td.FL {
  font-family: algerianregular;
  vertical-align: top;
  font-size: 72pt;
  text-align: center;
  border-top: 1px dotted red;
  }

td.FP {
  font-family: Calibri;
  vertical-align: top;
  font-size: 72pt;
  text-align: center;
  border-top: 1px dotted red;
  }

td.FP3 {
  font-family: Calibri;
  vertical-align: top;
  text-align: center;
  font-size: 72pt;
  }

td.FQ {
  font-family: Calibri;
  vertical-align: top;
  font-size: 24pt;
  text-align: center;
  border-top: 1px dotted red;
  }

td.ftl {
  text-align: left;
  vertical-align: top;
  }

td.ftr {
  text-align: right;
  vertical-align: top;
  }

td.gazzhdg {
  text-align: center;
  border-bottom:1px solid #FF0000;
  }

td.GC {
  font-family: Calibri;
  vertical-align: top;
  text-align: right;
  color: Black;
  border-top: 1px dotted gray;
  }

td.head {
  text-align: center;
  border:1px solid #EAF6FF;
  }

td.headertitle {
  text-align: center;
  width: 60%;
  }

td.headtitle2 {
  text-align: center;
  vertical-align: top;
  width: 60%;
  background-color: #E4FFFF;
  border:1px solid #FF0000;
  }

td.in2 {
  text-align: center;
  vertical-align: top;
  background-image: url(../Commons/LIGHTTEX.gif);
  padding:2px;
  border-bottom:1px dotted #745634}

td.index {
  text-align: center;
  width: 50%;
  background-color: #FFFFFF;
  border:1px solid #888888;
  }

/* yellow background for Jarrett charts */
td.Ja1 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: left;
  background-color: #FAFAB8;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

td.Ja2 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: right;
  background-color: #FAFAB8;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

/* blue green background for Jefferis charts */
td.Je1 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: left;
  background-color: #C0E8F0;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

td.Je2 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: right;
  background-color: #C0E8F0;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

td.jmp {
  vertical-align: bottom;
  text-align: right;
  border-top:1px solid #FF0000;
  border-bottom:1px dashed #FF0000;
  }

td.jml {
  vertical-align: bottom;
  text-align: left ;
  border-top:1px solid #FF0000;
  border-bottom:1px dashed #FF0000;
  }

/* blue background for Lawrence charts */
td.La1 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: left;
  background-color: #C0D0FF;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

td.La2 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: right;
  background-color: #C0D0FF;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

td.LC {
  font-family: algerianregular;
  vertical-align: top;
  font-size: 72pt;
  text-align: center;
  border-top: 1px dotted red;
  background-color: DarkRed;
  }

td.logo32left {
  text-align: right;
  width: 20%;
  }

td.logo32right {
  text-align: left;
  width: 20%;
  }

td.lore01 {
  text-align: center;
  vertical-align: top;
  width: 18%;
  background-color: Cornsilk;
  border:  2px solid #222222;
  }

td.lore02 {
  text-align: center;
  width:  2%;
  }

td.lore03 {
  text-align: center;
  vertical-align: top;
  width: 80%;
  background-color: Cornsilk;
  border:  2px solid #222222;
  }

td.lore03a {
  text-align: left;
  vertical-align: top;
  width: 40%;
  border:  1px solid #222222;
  }

td.lore03b {
  text-align: right;
  vertical-align: top;
  width: 10%;
  border:  1px solid #222222;
  }

td.lore03c {
  text-align: left;
  vertical-align: top;
  width: 50%;
  border:  1px solid #222222;
  }

td.lore04 {
  text-align: center;
  vertical-align: top;
  width: 25%;
  background-color: Cornsilk;
  border-top:  2px solid #222222;
  }

td.lore05 {
  text-align: center;
  vertical-align: top;
  width: 25%;
  background-color: Cornsilk;
  border-top:  2px solid #222222;
  border-right:  2px solid #222222;
  }

td.lore06 {
  text-align: left;
  vertical-align: top;
  width: 25%;
  background-color: Cornsilk;
  border-right:  2px solid #222222;
  }

td.lore06r {
  text-align: left;
  vertical-align: top;
  width: 25%;
  background-color: Cornsilk;
  }

td.lore06s {
  text-align: left;
  vertical-align: top;
  background-color: Cornsilk;
  }

td.lore07 {
  text-align: center;
  vertical-align: top;
  width: 75%;
  background-color: Cornsilk;
  border-left:  2px solid #222222;
  }

td.lore08 {
  text-align: center;
  vertical-align: top;
  width: 24%;
  background-color: Cornsilk;
  }

td.lore08s {
  text-align: center;
  vertical-align: top;
  background-color: Cornsilk;
  }

td.lore08v {
  text-align: center;
  vertical-align: middle;
  width: 24%;
  background-color: Cornsilk;
  }

td.lore08w {
  text-align: center;
  vertical-align: top;
  width: 24%;
  border:  1px solid #222222;
  }

td.lore08x {
  text-align: center;
  vertical-align: top;
  width: 16%;
  border:  1px solid #222222;
  }

td.lore09 {
  text-align: center;
  vertical-align: top;
  width: 25%;
  background-color: Cornsilk;
  }

td.lore10 {
  text-align: center;
  width  4%;
  background-color: Cornsilk;
  }

td.lore11 {
  text-align: center;
  vertical-align: top;
  width: 16%;
  background-color: Cornsilk;
  }

td.lore11t {
  text-align: center;
  vertical-align: top;
  width: 16%;
  background-color: Cornsilk;
  border-top:  2px solid #222222;
  }

td.lore12 {
  text-align: center;
  width  4%;
  background-color: Cornsilk;
  }

td.lore12t {
  text-align: center;
  width  4%;
  background-color: Cornsilk;
  border-top:  2px solid #222222;
  }

td.lore12w {
  text-align: right;
  width  4%;
  }

td.lore12x {
  text-align: left;
  width  20%;
  }

td.lore12y {
  text-align: left;
  width  40%;
  }

td.lore13 {
  text-align: left;
  vertical-align: top;
  width  33%;
  background-color: Cornsilk;
  border:  1px solid #222222;
  }

td.lore13w {
  text-align: left;
  vertical-align: top;
  width  33%;
  border:  1px solid #222222;
  }

td.lore14 {
  text-align: center;
  border:  1px solid #222222;
  }

td.lore15 {
  text-align: left;
  border:  1px solid #222222;
  }

td.lore16 {
  text-align: right;
  border:  1px solid #222222;
  }

td.lore17 {
  text-align: right;
  font-family: Palatino;
  font-size: 12pt;
  border:  1px solid #222222;
  }

td.menu {
  text-align: center;
  width: 50%;
  border:1px solid #FF0000;
  }

td.nolaws {
  vertical-align: top;
  background-color: #FFF2F3;
  border-bottom:1px dotted #FF0000;
  }

td.num1 {
  vertical-align: middle;
  text-align: center;
  }

  /* white for unallocated charts */
td.num2 {
  vertical-align: middle;
  text-align: center;
  background-color: #C0C0C0;
  }

/* grey for uncreated charts */
td.numAn {
  vertical-align: middle;
  text-align: center;
  background-color: #EAD8DC;
  }

td.numCh {
  vertical-align: middle;
  text-align: center;
  background-color: #E6E6FA;
  }

td.numJa {
  vertical-align: middle;
  text-align: center;
  background-color: #FAFAB8;
  }

td.numJe {
  vertical-align: middle;
  text-align: center;
  background-color: #C0E8F0;
  }

td.numLa {
  vertical-align: middle;
  text-align: center;
  background-color: #C0D0FF;
  }

td.numTh {
  vertical-align: middle;
  text-align: center;
  background-color: #C0F0C0;
  }

td.numWa {
  vertical-align: middle;
  text-align: center;
  background-color: #FFD0FF;
  }

td.numWo {
  vertical-align: middle;
  text-align: center;
  background-color: #E0FFB0
  }

td.nw {
  vertical-align: top;
  background-color: #FCF5C5;
  border-bottom:1px solid #FF0000;
  }

td.nx {
  vertical-align: top;
  border-bottom:1px dotted #5B9AC8;
  }

td.nx1 {
  padding: 0;
  text-align: center;
  background-color: #EEEEFF;
  }

td.nxf {
  text-align: right;
  vertical-align: top;
  border-bottom:1px dotted #5B9AC8;
  }

td.nxr {
  text-align: right;
  vertical-align: top;
  border-bottom:1px dotted #5B9AC8;
  }

/* define table cells to hyperlink for whole cell */
td.nxt {
  border:1px dotted #5B9AC8;
  position:relative;
  width: 1px}

td.nxt a {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  }

td.PG {
  font-family: Georgia;
  vertical-align: top;
  text-align: center;
  color: MediumBlue;
  border-top: 1px dotted red;
  }

td.PG1 {
  font-family: Georgia;
  vertical-align: top;
  text-align: left;
  color: MediumBlue;
  border-top: 2px solid DarkRed;
  border-bottom: 1px dotted DarkRed;
  width: 33%;
  }

td.PG2 {
  font-family: Georgia;
  vertical-align: top;
  text-align: right;
  color: MediumBlue;
  border-top: 2px solid DarkRed;
  border-bottom: 1px dotted DarkRed;
  width: 33%;
  }

td.PG3 {
  font-family: Georgia;
  vertical-align: top;
  text-align: center;
  color: MediumBlue;
  }

td.PG4 {
  font-family: Georgia;
  vertical-align: top;
  text-align: center;
  color: MediumBlue;
  border-top: 2px solid DarkRed;
  border-bottom: 1px dotted DarkRed;
  width: 33%;
  }

td.status {
  text-align: left;
  width: 20%;
  background-color: #FCF5C5;
  border:1px solid #FF0000;
  }

td.tbc {
  text-align:center;
  border-bottom:1px dotted #FF0000;
  }

td.tbl {
  border-bottom:1px dotted #FF0000;
  }

td.tblhdc {
  text-align: center;
  vertical-align: top;
  background-color: #E1FFFF;
  border-bottom:1px solid #6B3232;
  }

td.tblhdr {
  vertical-align: top;
  background-color: #E1FFFF;
  border-bottom:1px solid #6B3232;
  }

td.tbltbl {
  vertical-align: top;
  background-color: #FFFFFF;
  border-bottom:1px dotted #6B3232;
  }

/* green for Thompson charts */
td.Th1 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: left;
  background-color: #C0F0C0;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

td.Th2 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: right;
  background-color: #C0F0C0;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

td.tbp {
  background-color: #FDEFFB;
  border-bottom:1px dotted #FF0000;
  }

td.thc {
  vertical-align: bottom;
  text-align: center;
  border-bottom:1px solid #FF0000;
  }

td.thl {
  vertical-align: bottom;
  border-bottom:1px solid #FF0000;
  }

td.toptable {
  text-align: center;
  background-color: #EFEFEF;
  border:1px solid #FF0000;
  }

td.ttc {
  vertical-align: top;
  text-align: center;
  border-bottom:1px dotted #FF0000;
  }

td.ttl {
  vertical-align: top;
  border-bottom:1px dotted #FF0000;
  }

td.update {
  text-align: right;
  width: 20%;
  background-color: #FCF5C5;
  border:1px solid #FF0000;
  }

td.updatea {
  vertical-align: top;
  background-color: #FFFFFF;
  border:1px solid #FF0000;
  }

/* mauve for Warth charts */
td.Wa1 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: left;
  background-color: #FFD0FF;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

td.Wa2 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: right;
  background-color: #FFD0FF;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

/* lime green for Wormald charts */
td.Wo1 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: left;
  background-color: #E0FFB0;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

td.Wo2 {
  vertical-align: middle;
  font-family: Palatino;
  font-size: 12pt;
  text-align: right;
  background-color: #E0FFB0;
  border-bottom: 1px solid #000000;
  padding: 0px 5px;
  }

figure {
  border: 1px #CCCCCC solid;
  padding: 4px;
  margin: auto;
  }

figcaption {
  background-color: white;
  color: black;
  padding: 2px;
  text-align: center;
  }

hr {
  width:  95%;
  color: #5B9AC8;
  background-color: #5B9AC8;
  height: 1px;
  border: 1px solid  #5B9AC8;
  }

hr.bill {
  width:  95%;
  color: #CC3300;
  background-color: #CC3300;
  height: 1px;
  border: 1px solid  #CC3300;
  }

hr.chart {
  width: 100%;
  color: #FF0000;
  background-color: #FFFFFF;
  height: 1px;
  border: 1px solid  #FF0000;
  }

hr.fam {
  width: 100%;
  color: #5B9AC8;
  background-color: #FFFFFF;
  height: 1px;
  border: 1px solid  #5B9AC8;
  }

hr.gazteer {
  width:  95%;
  color: #C00000;
  background-color: #FFFFFF;
  height: 1px;
  border: 1px dotted #C00000;
  }

hr.gazteez {
  width:  95%;
  color: #063466;
  background-color: #063466;
  height: 1px;
  border: 1px solid  #063466;
  }

hr.lore1 {
  width: 100%;
  color: #000000;
  background-color: #000000;
  height: 1px;
  }

hr.lore2 {
  width: 100%;
  color: #FFFFFF;
  background-color: #FFFFFF;
  height: 1px;
  border: 1px dotted #FA0000;
  }

hr.per {
  width: 100%;
  color: #CCCCCC;
  background-color: #FFFFFF;
  height: 1px;
  border: 1px solid  #CCCCCC;
  }

hr.pes {
  width: 100%;
  border: 1px solid  #FAFAFA;
  }

hr.pet {
  width: 100%;
  border: 1px dashed #FAFAFA;
  }

pre.white {
  background-color: white;
  }

.neu {
  color: DarkCyan;
  }

.nev {
  color: DarkGreen;
  }

.new {
  color: FireBrick;
  }

.nex {
  color: Green;
  }

.ney {
  color: MediumBlue;
  }

.bn {
  color: MediumBlue;
  font-weight: bold;
  }

.u2 {
  text-decoration: underline black;
  }

.u3 {
  text-decoration: underline red;
  }

.u4 {
  text-decoration: underline red;
  text-decoration-style: double;
  }

.u5 {
  text-decoration: underline red;
  text-decoration-style: dotted;
  }

.u6 {
  text-decoration: underline;
  text-decoration-style: wavy;
  text-decoration-color: #00C0C0;
  text-decoration-skip:;
  }

.rh {
  float: right}
.box {
  border: 5px solid DarkRed;
  border-radius: 1em;
  }

a.names {
  font-family: Calibri;
  font-size: 9pt;
  font-weight: normal;
  color: #000000;
  text-decoration:none;
  background-color: #FFFFFF;
  border: none;
  padding-left: 2px;
  padding-right: 2px;
  margin-right: 2px;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
  }

a.names span {
  z-index: -1;
  opacity: 0;
  position: fixed;
  left: 15px;
  bottom: 20px;
  margin-left: 0px;
  margin-right: 18px;
  padding:14px 20px;
  background-color: #EAF6FF;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}

a.names:hover span {
  z-index: 9;
  opacity: 1;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.tidy {
  border: 0;
  width: 41px;
  height: 31px
  }

img.vcss {
  border: 0;
  width: 88px;
  height: 31px
  }

.namebutton {
  text-align: left;
  font-family: Calibri;
  color: #000080;
  background-color: #EAF6FF;
  border: none;
  padding: 0px 0px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  }

.namebutton:hover {
  text-align: left;
  color: #0000C0;
  border: none;
  background-color: #EAF6FF;
  }

.creative-commons {
  font-family:Arial;
  width: 2em;
  height: 2em;
  display: inline-block;
  line-height: 2em;
  text-align: center;
  font-size: 1em;
 }

.container {
  width: 85%;
  background: #FFF;
  margin: 0 auto;
  }

 /* the auto value on the sides, coupled with the width, centers the layout */
.bigtainer {
  width: 95%;
  background: #FFF;
  margin: 0 auto;
  }

 /* the auto value on the sides, coupled with the width, centers the layout */

:target {
  color: #008080;
  }

/*  Define the tooltip to display iframe titles.  */
/*  This styling is used in the expandable Baker's List in the family tree.  */
.tooltip {
  width: 100%;
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted red;
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #FFFFFF;
  color: #8080FF;
  font-family: Tahoma;
  font-size: 14px;
  text-align: left;
  border: 1px dotted #FF0000;
  border-radius: 6px;
  padding: 3px 5px;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 0%;
  margin-left: -60px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}