.smallcaps {font-variant: small-caps}
div.menubar {height:5%; width:100%; overflow:none;  border-top-style:double;
             background-color:#bced91; border-bottom-style:double;}
div.familyheader {height:4%; width:100%; overflow:none;  
             background-color:#ffffcc; border-bottom-style:double;}
div.familyheader2 {height:4%; width:100%; overflow:none;  
             background-color:#ffffcc; border-bottom-style:double; border-top-style:double; }
div.sectionhead {height:4%; width:100%; overflow:none;  
             background-color:#ffdaec; border-bottom-style:double;}
div.subsection {height:4%; width:100%; overflow:none;  
             background-color:#ffdaec; border-bottom-style:double;  border-top-style:double;}
div.section {background-color:white;  padding:3px;}
div.family   {background-color:white; padding:3px;}
div.tree   {position:static; top:0%; left:0%; height:95%; width:100%; overflow:scroll;  
             background-color:white;  z-index:2; padding:3px;}

table.siteheader {width:100%;}
td.sitename {font-size:x-large; font-family: Arial,sans-serif; font-weight:800; font-variant:small-caps; width:40%; text-align: left;}
td.sitemenu {font-size:large; font-family: Arial,sans-serif; font-weight:normal; font-variant:small-caps; width:60%; text-align: left;}
td.subsectname {font-size:x-large; font-family: Arial,sans-serif; font-weight:800; font-variant:small-caps; width:50%; text-align: left;}
td.subsectmenu {font-size:large; font-family: Arial,sans-serif; font-weight:normal; font-variant:small-caps; width:50%; text-align: left;}

table.h {width:100%;}
td.n {font-size:x-large; font-family: Arial,sans-serif; font-weight:800; font-variant:small-caps; width:40%; text-align: left;}
td.m {font-size:large; font-family: Arial,sans-serif; font-weight:normal; font-variant:small-caps; width:60%; text-align: left;}
td.p {font-size:large; font-family: Arial,sans-serif; font-weight:800; font-variant:small-caps; width:40%; text-align: left;}


table.familyheader {width:100%;}
td.familyname {font-size:x-large; font-family: Arial,sans-serif; font-weight:700; font-variant:normal; width:55%; text-align: left;}
td.familytree {font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:small-caps; width:12%; text-align: left;}
td.familyref {font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; width:13%; text-align: right;}
td.familyphotos {font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:small-caps; width:10%; text-align: left;}
td.familydate {font-size:small; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; text-align: left;}
td.familyname2 {font-size:x-large; font-family: Arial,sans-serif; text-align:left; font-weight:900;}
td.familyindex {font-size:large; font-family: Arial,sans-serif; text-align:right; font-weight:normal; font-variant:small-caps; }

table.indexheader {width:100%;}
td.indexname {font-size:large; font-family: Arial,sans-serif; font-weight:700; font-variant:normal; width:35%; text-align: left;}
td.indexletters {font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:small-caps; width:65%; text-align: right;}


table.phototitle {width:100%;}
td.photoleft  {font-size:x-large; font-family: Arial,sans-serif; font-weight:800; font-variant:small-caps; width:60%; text-align: left;}
td.photoright {font-size:large; font-family: Arial,sans-serif; font-weight:normal; font-variant:small-caps; width:60%; text-align: left;}

table.surname {width:100%; }
th.surname {width:18%; text-align:left; font-size:medium; font family:Arial;}
th.othernames {width:82%; text-align:left; font-size:normal; font-weight:normal; font-family:Arial; }


table.pi {width:100%; color:gray;}
th.piforename {width:15%; text-align:left; color:black; }
th.pisurname  {width:10%; text-align:left; color:black; }
th.piborn     {width:6%; text-align:left; color:black; }
th.pidied     {width:6%; text-align:left; color:black; }
th.piparents  {width:23%; text-align:left; color:black; }
th.pispouse   {width:15%; text-align:left; color:black; }
th.piother    {width:25%; text-align:left; color:black; }
td.piname {color:black; font-weight:bold;}

table.b {margin-left:100px; font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; text-align:left;}
table {font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; text-align:left;}




h1 {font-size:x-large; font-family: Arial,sans-serif; font-weight:700; font-variant:small-caps; text-align:left; }
h1.h1c {font-size:x-large; font-family: Arial,sans-serif; font-weight:700; font-variant:small-caps; text-align:center; }
h2 {font-size:large; font-family: Arial,sans-serif; font-weight:600; font-variant:normal; text-align:left; }
h2.h2c {font-size:large; font-family: Arial,sans-serif; font-weight:600; font-variant:normal; text-align:center; }
h2.photo {font-size:x-large; font-family: Arial,sans-serif; font-weight:700; font-variant:normal; width:100%; text-align: center;}
h3 {font-size:large; font-family: Times New Roman,serif; font-weight:700; font-variant:normal; text-align:left; }
p {font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; } 
ul {font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; text-align:left;} 



ul.place {list-style-type: disc; font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; margin-left: 100px; margin-right: 100px;}
h1.place {font-size:x-large; font-family: Arial,sans-serif; font-weight:700; font-variant:small-caps; text-align:center; }
h2.place {font-size:large; font-family: Arial,sans-serif; font-weight:500; font-variant:normal; text-align: center; } 
p.place {font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; margin-left: 100px; margin-right: 100px;}
tr.place {font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; margin-left: 100px; margin-right: 100px;}
ol.place {list-style-type: decimal; font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; margin-left: 1; }


p.middle {font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; text-align:center;} 
p.pr {font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; text-align:right;} 
p.margin {font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; text-align: left; margin-left: 100px; margin-right: 100px;}
p.pc {font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; text-align:center; } 

p.headstone {font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; text-align: centre; margin-left: 100px; margin-right: 100px;}
ul.margin {list-style-type: disc; font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; margin-left: 200px; margin-right: 100px;}
ul.2xmargin {list-style-type: disc; font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; margin-left: 100px; margin-right: 100px;}
p.smallmargin {font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal; margin-left: 50px; margin-right: 50px;}


body.res {background-color: #ffffcc ; font-size:medium; font-family: Arial,sans-serif; font-weight:normal; font-variant:normal text-align:left; margin-left: 10px; }