body { 
  margin: 0px; 
  background:#69C0FF url('../images/bg-tree2.png') no-repeat fixed left top; 
  font-family: verdana, arial, helvetica, georgia, serif; 
}

.para { text-indent: 1.5em; }
span.loc { font: 8px italic; }

a { font-family: verdana, helvetica, georgia, comic sans ms, arial, serif; }
li { font-size: 8pt; white-space: nowrap; }
li.dna { white-space: normal; }
li.nl { white-space: normal; }

thead { background-color: #99CCFF; }
/** tbody { background-color: #ffffcc; } **/

td { font-size: 8pt; }
table#main td { border: thin #21007F solid; }
td.lc { background-color: #336699; text-align: center; width: 15em; }
td.rc { background-color: #ffffcc; vertical-align: top; width: auto; padding: 5px; }
td.bc { background-color: #336699; text-align: center; width: 2em; color: white; }
td.cr { background-color: #336699; text-align: center; font: 7pt italic; color: white; font-family: verdana, arial, helvetica, georgia, serif; }
td.footer { background-color: #ffff99; text-align: center; color: white; }


span#chipin {
  position: absolute;
  margin-left: 25px;
  margin-top: 10px;
  padding: 0px;
  width: 250px;
}

div#header {
  font-family: "lucida handwriting", georgia, cursive; 
  font-size: 24px; 
  text-align: center;
  position: relative;
  margin-left: 510px;
  margin-top: 10px;
  padding: 0px;
  width: 350px;
/*  border: thin solid black; */
}

table#main { 
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 10px;
  margin-bottom: 25px;
  border: thin #21007F solid; 
  border-collapse: collapse;
}

div#topcontainer {
  width: 100%;
  margin: 0px;
  background-color: #336699;
  height: 30px;
}

div#whatsnew {
  float: left;
  width: 150px; 
  color: white;
  text-align: center;
  font-weight: bold;
  padding: 5px;
  font-size: 10pt;
}

#pscroller3 {
  float: left;
  width: 500px;
  height: 24px;
  padding: 2px;
  color: white;
  font-size: 8pt;
  text-align: left;
}

.innerDiv {
border: 0px solid black;
text-align: left;
}

div#search {
/*  margin-left: auto; */
  margin-right: 0px;
  margin-left: auto;
  padding: 5px;
  width: 200px;
  font-family: verdana, helvetica, georgia, comic sans ms, arial, serif; 
  text-align: right;
  font-size: 8pt;
  color: black;
  background-color: #336699;
/*  height: 25px; */
}

input#searchinput {
    border: 1px solid #006;
    background: #ffc;
}
input#searchbutton {
    border: 1px solid #006;
    background: #9cf;
}

div#fb {
/*  float: left; */
  width: 15em; 
  color: white;
  text-align: center;
  margin-top: 5px;
}

div#pp {
/*  float: left; */
  width: 15em; 
  color: white;
  text-align: center;
  margin-top: 5px;
}

div#subheader { 
  font-family: Georgia, verdana, helvetica, arial; 
  font-variant: small-caps;
  font-size: 24px; 
  text-align: center; 
  color: blue;
  border-bottom: 1px #21007F solid;
}

div.factbox { float: left; align: center; border: thin silver solid; margin: 0.0em; padding: 0.5em; }

ul#factbox {
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 2em;
}

div.menu {
  margin: 0;
  font-size: 100%;
  font-weight: normal;
  line-height: 1.3;
  text-align: center;
  width: 15em;
}
div.menu p {
  margin: 0; 
  padding: 0.3em 0.0em;
  font-family: Arial, sans-serif;
  background: #336699;
  border: none;
  color: #CCFFCC;
  white-space: nowrap;
/*  border: thin outset #CCFFCC; */
}

div.menu a, div.menu em { display: block; margin: 0 0.0em }
div.menu a, div.menu em { border-top: 2px groove #99CCFF }
div.menu em { color: black; background: #ffffcc; font-family: helvetica, "lucida casual"; font-style: normal }
p.para em { color: black; background: #33FFFF; font-family: helvetica, "lucida casual"; font-style: normal; line-height: 1.5; }

div.menu a:link { text-decoration: none; color: white }
div.menu a:visited { text-decoration: none; color: white }
div.menu a:hover { background: #69C0FF; font-style: italic; color: black }

div.menu p.news em { background: #33ff99; }
div.menu p.item { color: white; font-size: 8px }

div.tree {
  line-height: 1.5;
  font-weight: normal; 
  font-size: 8pt; 
}

div.tree ul { list-style: square inside; }
div.tree ul.new { list-style: square outside; }
div.tree li.gen-1 { text-indent: -32px; }
div.tree li.gen0 { text-indent: -16px; }
div.tree li.gen1 { text-indent: 0px; }
div.tree li.gen2 { text-indent: 16px; }
div.tree li.gen3 { text-indent: 32px; }
div.tree li.gen35 { text-indent: 48px; }
div.tree li.gen351 { text-indent: 64px; }

div.tree li.gen0p { text-indent: 0px; }
div.tree li.gen0s {text-indent: 11px; list-style-type: none; color: purple; }
div.tree li.gen1p { text-indent: 30px; }
div.tree li.gen1s {text-indent: 41px; list-style-type: none; color: purple; }
div.tree li.gen2p { text-indent: 60px; }
div.tree li.gen2s {text-indent: 71px; list-style-type: none; color: purple; }
div.tree li.gen3p { text-indent: 90px; }
div.tree li.gen3s {text-indent: 111px; list-style-type: none; color: purple; }
div.tree li.gen35p { text-indent: 120px; }
div.tree li.gen35s { text-indent: 141px; list-style-type: none; color: purple; }

div.tree li.gen4 { text-indent: 0px; }
div.tree li.gen5 { text-indent: 20px; }
div.tree li.gen6 { text-indent: 40px; }
div.tree li.gen7 { text-indent: 60px; }
div.tree li.gen8 { text-indent: 80px; }
div.tree li.gen9 { text-indent: 100px; }
div.tree li.gen10 { text-indent: 120px; }
div.tree li.gen11 { text-indent: 140px; }
div.tree li.gen12 { text-indent: 160px; }
div.tree span { color: blue; font-size: 9px; }
div.tree span.date { color: red; }
div.tree span.paternal { font-size: 8pt; color: black; background-color: yellow; }
 
blockquote { font-size: 8pt; }

table.comparison, table.poft, table.dnaprob, table.contact, table.dna, table.ggvote, table.chevra, table.kbirths, table.vrec {
  margin-right: auto;
  margin-left: auto;
}

table.comparison td, table.comparison th, table.poft td, table.poft th, table.vrec td, table.vrec th, table.dnaprob td, table.dnaprob th, table.contact td, table.contact th, table.ggvote td, table.ggvote th, table.chevra td, table.chevra th, table.kbirths th { 
  font-size: 8pt; 
  text-align: left; 
  vertical-align: top; 
  padding: 1px 2px 1px 2px;
}
table.comparison th, table.poft th, table.vrec th, table.dnaprob th, table.contact th, table.dna th, table.ggvote th, table.chevra th, table.kbirths th { 
  background: #33ff99; 
  text-align: center; 
}
table.comparison td, table.poft td, table.vrec td, table.dnaprob td, table.contact td, table.dna td, table.ggvote td, table.chevra td, table.kbirths td {
  background: silver; 
}

table.dna th.hg, table.dna td.hg {
   background: #ADD8E6;
}

table.dna th.panel1 {
   background: #CCFFFF;
}

table.dna th.panel2 {
   background: #33FFFF;
}

table.dna th.panel3 {
   background: #CCFFCC;
}

table.dna th.panel4 {
   background: #33FFCC;
}

table.dna th.dys {
   vertical-align: middle;
}

table.dna th.fam, table.dna td.fam {
  background: #87CEEB;
}

table.dna td, table.dna th {
  font-family: arial;
  font-size: 8pt; 
  text-align: center; 
  vertical-align: top; 
  padding: 1px 2px 1px 2px;
}

table.dnaprob td, table.dna td {
  text-align: center; 
  font-size: 8pt;
}

table.dna th { 
  vertical-align: bottom; 
}

table.comparison td span, table.poft td span { color: blue; font-size: 8px }

table.dna th.fast {  color: red; }

span.book { color: blue; font-style: italic; }
span.strike { text-decoration: line-through; color: red; font-style: italic; }

caption.vrec { color: blue; font-weight: bold; font-size: 20pt; text-align: left; }

div.figure { float: right; border: thin silver solid; margin: 0.5em; padding: 0.5em; }
div.figure p, div.figure span { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; }

div.document { float: left; vertical-align: bottom; border: thin silver solid; margin: 0.5em; padding: 0.5em; }
div.document p, div.document span { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; }

.tpara { text-indent: 1.5em; font-size: 8pt; }

p.credits { text-align: center; font-style: italic; font-size: 8pt; }
p.tpara span.date { color: blue; font-size: 8px; }

ul {
  margin-left: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 2.5em;
}

#tree {
      text-align: left; 
}

#tree li {
      white-space: nowrap;
      list-style: square;
}

#tree li.spouse {
      list-style-type: none;
      margin-left: 0px;
}

#tree ul {
      margin-left: 0px;
}

#tree ul.first {
      margin-left: 50px;
      padding: 0;
}
 
#tree span { color: blue; font-size: 9px; }
#tree span.date { color: red; }

#marqueecontainer {
position: relative;
width: 130px; /* marquee width */
height: 100px; /* marquee height */
overflow: hidden;
padding: 1px;
padding-left: 1px;
color: white;
font-size: 8pt;
}

#pscroller1 {
width: 130px;
height: 66px;
padding: 2px;
color: white;
background-color: #336699;
font-size: 8pt;
border: 0px solid black;
text-align: left;
margin-left: auto;
margin-right: auto;
}

.menuscroll {  
}

#pscroller2 {
width: 130px;
height: 20px;
border: 0px solid black;
padding: 3px;
}

#pscroller2 a {
text-decoration: none;
}