body {background:white url("backgrnd.gif"); font-style:normal; font-family: Georgia, Times New Roman, Times Roman, Times, serif; color:black}

img {border:0}

p, a, ul, ol, li {font-weight:normal}
h1, h2 {font-weight:bold}
p {text-align:justify}
li {text-align:justify}

h1 {color: red; font: bold 30pt; text-align: center; position: relative; top: 4pt; font-family: Times New Roman, Times Roman, Times, serif}
h2 {font: bold 20pt;}

p.swk, p.clara {text-align: justify;}
p.swk em {font-size: 18pt; font-style: normal; font-weight: bold;}
p.swk small {font-variant: small-caps;}
p.swk b {font-weight: bold;}

a {text-decoration:underline}
a:link {color:blue}
a:hover, a:visited {color:purple}

div#header {background: silver; padding-top:10pt; width: 100%; border: thin solid gray;}
div#header h1 {text-align: center; font-style: normal;}
div#header h2 {text-align: center; font-style: normal;}
div#header p {text-align: center; position: relative; top: -8pt;}
div#homeheader {background: silver; width: 100%; border: thin solid gray;}
div#homeheader p {text-align: center; font: 10pt; font-weight: bold; position: relative; top: 6pt; font-family: Times New Roman, Times Roman, Times, serif;}
div#homeheader h1 {position: relative; top: 0pt; text-align:center; color:red;}
table.linkbar {background: silver; font-weight: bold; border:thin solid gray; width:100%; height:40px}
table.linkbar a {font-weight:bold}
table.linkbar td {background: silver; font-weight: bold; border:none}

div.relation {text-align: center; margin-top: 20pt;}
div.relation table {background: white; border: thin solid silver; width:450px}
div.relation td {font-weight: bold; text-align:left; font-family:Times New Roman, Times Roman, Times, serif}
div.relation tr.xy, td.xy {background: silver;}
ul.relation {margin-bottom: 40px;}
p.relation {text-align: justify;}

div#searchheader {background: silver; width: 100%; border: thin solid gray;}
div#searchheader img {margin-top: 20px; margin-left: 35px;}
div#searchheader h1 {position: relative; top: 12pt; text-align:center}

div#searchform {text-align: center; margin-top: 40px;}
div#searchform table {width: 480px; background: silver; border: thin none;}
div#searchform input#query {margin-top: 20px}
div#searchform select#mode {margin-top: 4px;}
div#searchform input#find {margin-top: 4px;}
p#logo {text-align:center; margin-top:45px; margin-bottom:40px}

div.whatday {text-align: center; margin-top: 40px; margin-bottom: 40px;}
applet#whatday {width:500px; height:150px}

img#hanson {width:131px; height:163px;}
img#corona {width:550px; height:363px}

hr.w40 {width:40%; color:#bfbfbf}

div#gallery {text-align: center; margin-top: 40px; margin-bottom: 40px}
div#gallery table {background: none; border: thin solid gray; width:710px;margin-left:auto;margin-right:auto}
div#gallery table td {width: 170px; height: 170px; font-size: 10pt; border: thin solid gray; font-family: Times New Roman, Times Roman, Times, serif; text-align:center; vertical-align:middle}

table.picpage {border:0; margin:20px 0 20px 0; font-family:Times New Roman, Times Roman, Times, serif}

div.infotable {text-align: center;}
div.infotable table {border: none;}
div.infotable table td {width: 150;}

ul.info, ol.info {text-align: justify; font-size: 10pt;}

table#gallerybar {background: silver; font-weight: bold; border: thin solid gray;}
table#gallerybar a {font-weight: bold}
td.w10 {width:10px}
td.w10p {width:10%}
img#g0001 {height:363px; width:550px}
img#g0002 {height:656px; width:419px}
img#g0003 {height:337px; width:547px}
img#g0004 {height:554px; width:372px}
img#g0005 {height:551px; width:354px}
img#g0006 {height:554px; width:359px}
img#g0007 {height:548px; width:400px}
img#g0008 {height:548px; width:399px}
img#g0009 {height:436px; width:590px}
img#g0010 {height:437px; width:590px}
img#g0011 {height:550px; width:391px}
img#g0012 {height:548px; width:401px}
img#g0013 {height:427px; width:550px}
img#g0014 {height:414px; width:555px}

div#sitemap a {font-weight: bold;}
div#sitemap li {list-style-type:none}

p#namelist {margin-left:15%}
p#surnamelist {text-align: center;}
p#surnamelist a {font-weight: bold;}
p#treeinfo {font-weight: bold; text-align: center;}

img#corner {height:196px; width:196px; float:right}
div#h {margin-top: 15pt; margin-left: 25pt}
div#h h2 {position: relative; left: -20pt}
div#w {margin-left: 25pt}
div#w h2 {position: relative; left: -20pt}
div#s {margin-left: 25pt}

ol#f {position: relative; top: -12pt; left: 15pt}
ul.info, ol.info {text-align: justify; font-size: 10pt;}
div#o {margin-left: 5px; margin-top:20px}
span.c {font-size: 10pt;}




div.memoriam {width: 100%; background: #e0e0e0; border: thin solid #404040; text-align: center; font-weight: bold; font-size: 14pt; padding-top: 10px; padding-bottom: 10px; font-family: Times New Roman, Times Roman, Times, serif;}
div.memoriam span {font-size: 20pt;}

table#swkheader {background: silver; font-weight: bold; border: thin solid gray;}
table#swkheader h1 {position: relative; top: 10pt;}
img#swk1 {height:104px; width;182px; float:left; margin:10px}
img#swk2 {height:104px; width;156px; float:right; margin:10px}

p#randell {font: 14pt/20pt; text-align: center; margin-top: 30pt; margin-bottom: 50pt;}

p#footnote {font-size: 10pt; text-align: justify;}



div.menuBar {text-align:center; font-weight:bold; font-family: Arial, sans-serif; position:absolute; top:10px; left:5px; width:200px}
div.menuBar a {font-weight:bold; font-family: Arial, sans-serif}
div.menuBar span.menu {display:block; line-height:2.6}
div.meter {text-align:center}

.heading {position:absolute; top:15px; left:215px}
.mainArea {position:absolute; top:15px; left:215px}
.lowerMain {padding-top:20px; text-align:center}
div.welcome {width: 100%; background: yellow; border: thin solid red; text-align: center; font-weight: bold; font-size: 15pt; padding: 1;}
img.n {height:31px; width:88px; padding-left:30px; padding-right:30px}
img.search {height:35px; width:122px; float:left}

td {text-align:center}


div#bonmot {margin-top:30px; text-align:center; font-family: Lucida Calligraphy, Georgia, Times New Roman, serif; font-size:12pt}
p.credit {text-align:center; font-size:8pt; margin-top:0; font-family: Arial, sans-serif}



table {width:100%; font-family: Arial, sans-serif; border:1px solid gray}
p.legal {text-align:center; font-size:83%}
p.legal a {font-size:8pt; font-family: Arial, sans-serif}



div.adbar {position:absolute; top:15px; left:935px; width:180px; border:0; font-family:Times New Roman, Times Roman, Times, serif}
div.adbox {width:180px; background:#ffffcc; border:thin solid maroon; text-align:center; margin-bottom:20px}
div.adbox8 {width:180px; border:thin solid green; background:#c6efbc; padding-top:5px; padding-bottom:10px; margin-bottom:20px; text-align:center}
div.adbox9 {width:180px; background:#e0e0e0; border:thin solid #a1a1a1; text-align:center; margin-bottom:20px; padding-bottom:15px; padding-top:10px}
div.adbox9top {width:180px; background:#a1a1a1; border:thin solid #a1a1a1; text-align:center; margin-bottom:0; padding-top:2px; padding-bottom:2px}
div.adbox10 {width:180px; background:#c6eff7; border:thin solid #63c6de; text-align:center; margin-bottom:20px; padding-top:5px; padding-bottom:10px}
div.adbox10top {width:180px; background:#63c6de; border:thin solid #63c6de; text-align:center; margin-bottom:0; padding-top:2px; padding-bottom:2px}

div.welcome {width: 100%; background: yellow; border: thin solid red; text-align: center; font-weight: bold; font-size: 15pt; padding-top: 5px; padding-bottom:5px}
div.welcome a {font-weight:bold}

p.ad2 {margin:6pt; color:maroon; font-size:10.5pt; text-align:justify}
span.hdr a {font-weight:bold}

