/*--- First set the Mozilla Firefox defaults ---*/

body {
 margin: 8px;
}
p, dl, multicol {
 margin: 1em 0;
}
blockquote {
 margin: 1em 40px;
}
address {
 font-style: italic;
}
listing {
 font-size: medium;
 white-space: pre;
 margin: 1em 0;
}
xmp, pre, plaintext {
 white-space: pre;
 margin: 1em 0;
}
hr {
 height: 2px;
 margin: 0.5em auto 0.5em auto;
}


h1 {
 font-size: 2em;
 font-weight: bold;
 margin: .67em 0;
}
h2 {
 font-size: 1.5em;
 font-weight: bold;
 margin: .83em 0;
}
h3 {
 font-size: 1.17em;
 font-weight: bold;
 margin: 1em 0;
}
h4 {
 font-weight: bold;
 margin: 1.33em 0;
}
h5 {
 font-size: 0.83em;
 font-weight: bold;
 margin: 1.67em 0;
}
h6 {
 font-size: 0.67em;
 font-weight: bold;
 margin: 2.33em 0;
}


table {
 border-spacing: 2px;
 border-collapse: separate;
 margin-top: 0;
 margin-bottom: 0;
 text-indent: 0;
}
caption {
 text-align: center;
}
tr {
 vertical-align: inherit;
}
td { 
 vertical-align: inherit;
 text-align: inherit; 
 padding: 1px;
}


q:before {
 content: open-quote;
}
q:after {
 content: close-quote;
}
b, strong {
 font-weight: bolder;
}
i, cite, em, var, dfn {
 font-style: italic;
}
u, ins {
 text-decoration: underline;
}
s, strike, del {
 text-decoration: line-through;
}
sub {
 vertical-align: sub;
 font-size: smaller;
 line-height: normal;
}
sup {
 vertical-align: super;
 font-size: smaller;
 line-height: normal;
}
nobr {
 white-space: nowrap;
}


ul {
 list-style-type: disc;
 margin: 1em 0;
}
ol {
 list-style-type: decimal;
 margin: 1em 0;
}
/* nested lists have no top/bottom margins */
ul ul,  ul ol,  ul dl,
ol ul,  ol ol,  ol dl,
dl ul,  dl ol,  dl dl {
 margin-top: 0;
 margin-bottom: 0;
}
/* 2 deep unordered lists use a circle */
ol ul,  ul ul {
 list-style-type: circle;
}
/* 3 deep (or more) unordered lists use a square */
ol ol ul,  ol ul ul,  ul ol ul,  ul ul ul {
 list-style-type: square;
}
/*--- End of Mozilla Firefox defaults ---*/

/*--- Now undo the ones that we don't want ---*/

table {
 border-collapse: collapse;
 margin: 0;
}
td {
 padding: 0;
}
hr {
 margin: 0 0 0 0;
}

/*--- Start of style ---*/

/*--- Some defaults ---*/

body {
 margin: 0;
 padding: 0;
 font-family: Verdana, Helvetica, helv, Arial, sans-serif;
 background: #eee none; 
 color: black;
}
table {
 border: 0;
 width: 100%;
 margin: 1em 0 0 0;
}
table table {
 width: auto;
}
td {
 vertical-align: top;
 border: 0;
 text-align: left;
 margin: 0;
}
img {
 border: 0;
 padding: 0;
 margin: 0;
}
blockquote {
 font-family: "Century Schoolbook", "Bookman Old Style", "Book Antiqua", "New York", serif;
}
a {
 font-family: Verdana, Helvetica, helv, Arial, sans-serif;
 outline: none;
}
em {
 font-style: italic;
 color: #600;
 background-color: inherit; 
}
strong {
 font-weight: bold;
 color: #006;
 background-color: inherit; 
}
sup {
 font-size: .75em;
 font-style: normal;
}
p {
 margin: 1.5em 0 0 0;
}
ol {
 margin: 1em 0 1em 3em;
 list-style: decimal;
}
ol ol {
 list-style: lower-alpha;
}
ol ol ol {
 list-style: lower-roman;
}
ul {
 margin: 1em 0 1em 3em;
 list-style: circle;
}
ul ul {
 list-style: disc;
}
ul ul ul {
 list-style: square;
}
li {
 margin: 0;
}
li ul {
 margin-top: 0;
}
li p {
 margin: 0;
}

/*--- Specifics ---*/

/* general tags --------------------------*/

.mainbody {
 padding: 1em 5% 1em 5%;
}
span.dates {
 font-size: smaller;
}

/* headings ------------------------------*/
.headerback {
 background: url(headerback.jpg) no-repeat; 
 height: 162px;
 border-bottom: 1px solid #0062cc;
 color: inherit; 
 margin: 0 0 80px 0;
}
h1 {            /* main graphic title */
 margin: 0;
 padding: 50px 0 0 0;
 color: #0062cc;     /* was #0062ae */
 text-align: center;
 font: bold 3.7em Verdana, Helvetica, helv, Arial, sans-serif;
 letter-spacing: -0.1em;
 height: 112px;
 background-color: inherit; 
 white-space: nowrap;
}
.h2back {
 background-color: #fff; 
 border: #acacac 1px solid; 
 color: inherit; 
 width: 700px;
 position: absolute;
 top: 188px;
 right: 50%;
 margin: 0 -350px 0 0;
}
h2 {            /* person's name; P & S index heading */
 margin: .15em auto;
 padding: 0 75px 0 0;
 color: #006;
 text-align: center;
 font: bold italic 1.9em/1.2 Verdana, Helvetica, helv, Arial, sans-serif;
}
body.individual h2 {  
 font: bold italic 1.6em/1.2 Verdana, Helvetica, helv, Arial, sans-serif;
}
body#welcome h2 {     /* home page  -------------------------- */
 margin: .83em 0;
 padding: 0 0 0 3em;
 color: #463ec5; 
 font: bold 1em Verdana, Helvetica, helv, Arial, sans-serif;
 width: 70%;
}
h3 {            /* dates; 'Family'; 'Pedigree'; 'Sources' */
 margin: 1em 0 0 0;
 color: #600;
 font: bold 1.2em/1.2 Verdana, Helvetica, helv, Arial, sans-serif;
 background-color: inherit; 
}
h4 {            /* 'Notes'; 'Family Notes' */
 margin: 1.2em 0 0 0;
 color: #660;
 font: bold 0.9em/0.9 Verdana, Helvetica, helv, Arial, sans-serif;
 background-color: inherit; 
}
h5 {            /* */
 margin: 1.5em 0 -1.3em 0;
 color: #463ec5; 
 font: bold 0.9em/0.9 Verdana, Helvetica, helv, Arial, sans-serif;
 background-color: inherit; 
}

/* people pages --------------------------*/
div.family {
 clear: both;
}
.aka {
 font: bold italic 1.2em/1.2 Verdana, Helvetica, helv, Arial, sans-serif;
 color: #006;
 background-color: inherit; 
}

/* east meon page ------------------------*/
img.em_photo1 {
 float: left;
 margin: 1em 2em 2em 0;
}
img.em_photo2 {
 float: right;
 margin: 1em 0 2em 2em;
}
img.em_photo1, img.em_photo2 {
 border: 1px solid #808080;
}
p.eastmeon2 {
 text-align: right;
}
p.eastmeon1, p.eastmeon2 {
 padding: 5em 2em 2em 2em;
}
p.eastmeon2a {
 text-align: right;
}
p.eastmeon1a, p.eastmeon2a {
 padding: 1em 0 0 0;
}
div.clear {
 clear: both;
}

/* 404 page ------------------------------*/
p.page404, p.privintro {
 margin: 0 30% 3em 10%;
 text-align: center;
}

/* links page ----------------------------*/
table.gentab {
 width: 75%;
}
td.genspace {
 width: 5px;
}

/* home page -----------------------------*/
.intro {
 padding: 0.5em 0;
 margin: 0 0 1em 0;
}
.whatsnew {
 padding: 0 0 0 10%;
 margin: 1.5em 0 0.5em 0;
 font-style: italic;
}
p.whatsnewp {
 margin: 1.5em 0 -0.75em 0;
}
.getstart {
 border: dotted 1px #acacac;
 padding: 0.5em 1.5em 1.5em 1.5em;
 margin: 1.5em 0 1.5em 3em;
 background: white;
 font-size: smaller;
 width: 27%;
 float: right;
 color: inherit; 
}
.research {
 border-top: dashed 1px #0062cc;
 padding: 0.5em 0;
 margin: 1em 0;
}
.tech {
 border-top: solid 1px #0062cc;
 padding: 0.5em 0 0 0;
}
.w3c {
 text-align: center;
 padding: 1em 0;
}

/* citations and notes -------------------*/
div.citation ul {
 margin: 0 0 0 4em;
}
div.citation p {
 margin: 0;
}
div.notes, div.citation {
 font-size: 0.8em;
 text-indent: 2em;
 padding: 0 1em 1em 1em;
}

/* page footer ---------------------------*/
.page_footer {
 border-top: solid 1px #0062cc;
 border-bottom: solid 1px #0062cc;
 padding: 0.5em 0;
 margin: 1em 0 0 0;
 text-align: center;
 font-size: smaller;
 clear: both;
}
address {
 margin: 1em 0% 0em 0%;
 font: italic 0.8em "Century Schoolbook", "Bookman Old Style", "Book Antiqua", "New York", serif;
 text-align: center;
 clear: both;
}

/* included files for notes and pictures -*/
.caption {
 font-size: smaller;
 color: #006;
 background-color: inherit; 
}
.note {
 text-indent: 2em;
 padding: 0 1em 1em 1em;
}
.photo {
 text-align: center;
 padding: 0.5em 0 0 0;
}
.galphoto {
 border: 7px double silver;
}

/* persons and surnames indexes ----------*/
table.persindex {
 margin: 0.5em 0;
 text-align: center;
}
td.pixname {
 text-align: right; 
}
td.pixdate {
 text-align: left; 
}
td.pixname, .pixdate {
 width: 50%;
 padding: 0 1% 0 1%;
}
.surnote {
 width: 75% ;
}

/* pedigree chart ------------------------*/
div.pedigree {
 clear: both;
}
table.pedigree {
 font-size: smaller;
}
td.pednamew {
 width: 11%;
}
td.pedequ {
 width: 1%;
}
td.pedsp {
 width: 2%;
}
td.pednamew, td.pedequ, td.pedname {
 text-align: center;
}

/* Colverson line ------------------------*/
table.desline {
 border: 0;
}
tr.desl {
 height: 21px;
}
td.lname {
 padding: 0 .5em;
 margin: 0 auto;
 text-align: center; 
 width: auto;
 font-size: small;
 height: 21px;
}
td.lhorzw {
 width: 15px;
 height: 21px;
}
td.lvertw {
 width: 1px;
 height: 21px;
}
td.lhorz {
 background: url(l1.gif) no-repeat; 
 width: 15px;
 height: 21px;
}
td.lvert {
 background: url(l2.gif) no-repeat; 
 width: 1px;
 height: 21px;
}
td.lvtop {
 background: url(l2t.gif) no-repeat; 
 width: 1px;
 height: 21px;
}
td.lvbot {
 background: url(l2b.gif) no-repeat; 
 width: 1px;
 height: 21px;
}
td.lvcen {
 background: url(l2c.gif) no-repeat; 
 width: 1px;
 height: 21px;
}

/* navigation ----------------------------*/
.navfloat{
 float: right;
 width: 160px;
 height: 115px;
}
.nav{
 width: 120px;
 z-index: 1;
 position: absolute;
 top: 125px;
 right: 4%;
}
td.navhb {
 background: transparent url(navhb.jpg) no-repeat; 
 height: 38px;
 vertical-align: middle;
 color: inherit; 
}
.navh {
 font-weight: bold; 
 color: #0062cc;
 text-align: center; 
 background-color: transparent; 
}
td.navlb {
 background: white url(navlb.gif) repeat-y;
 margin: 0;
 padding: 0; 
 color: inherit; 
}
.navl {
 width: 117px; 
 padding: 6px 0 5px 1px;
}
.navl ul {
 background: white url(navl.gif) repeat-y; 
 margin: 0; 
 line-height: 15px; 
 padding: 0 0 0 25px; 
 list-style-type: none;
 color: blue;
 font-family: Verdana, Helvetica, helv, Arial, sans-serif;
}
.navl a {
 text-decoration: none;
}
.navl a:hover {
 color: #f90;
 background-color: inherit; 
}
.navl li {
 padding: 0 0 2px 0;
 font-size: small;
}
td.navb {
 background: url(navb.gif) no-repeat;
 height: 17px;
 width: 120px;
 margin: 0;
 padding: 0;
 color: inherit; 
}

/* gallery -------------------------------*/
.gallerynav {
 text-align: center;
 white-space: nowrap;
 font-size: smaller;
}
.gallerynav a {
 text-decoration: none;
}
.galspace {
 width: 25em;
 height: 1em;
}
.gallinks {
 text-align: center;
 font-size: smaller;
 margin: 1.5em 0;
}
.gallinks ul {
 list-style: none;
}