/* --------------- normalize all --------------- */

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, h7, form, p, blockquote, th, td {
margin: 0; 
padding: 0;
font-size: 100%;
}
h1, h2, h3, h4, h5, h6, h7 {
font-weight: normal;
font-size: 100%;
}
address, caption, cite, em, strong {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: separate;
border-spacing: 5px;
}
img {
border: none;
}
img a {
border: none;
}

/* --------------- BODY --------------- */


body {
top: 0;
left: 0;
background-image: url(/art/back2.gif);
background-repeat: repeat-x;
background-color: #fcfcfc;
font-family: verdana, arial, helvetica, code, sans-serif;
color: #000;
margin: 0;
padding: 0;
text-align: left;
width: 90%;
}


/* --------------- STRUCTURAL --------------- */

p {
font-size: .9em;
margin: 0;
}
p.columns {
font-size: 100%;
margin: 0 0 1px 0;
}
h1, h2, h3, h4, h5, h6 {
font-size: .9em;
font-weight: normal;
margin: 15px 0 10px 0;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
font-weight: bold;
color: #666;
}
h2.familyname { 
font-family: verdana, arial, helvetica, sans; 
border-left: 7px solid #000; 
padding-left: 15px; 
}
h3 {
font-weight: bold;
color: #777;
margin: 20px 0 5px 0;
}
h3.rule {
padding: 5px 0 0 0;
border-top: 1px solid #ccc; 
}
h4 {
font-weight: bold;
color: #444;
margin: 20px 0 5px 0;
}
h4.rule { 
border-top: 1px solid #666; 
padding-top: 5px; 
}
h6 {
font-weight: bold;
color: #000;
margin: 5px 0 0 0;
}
blockquote {
margin: 0 50px 10px 25px;
}
cite {
font-style: normal;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
table {
width: 100%;
font-size: .9em;
margin: 0;
}
ol {
font-size: .9em;
color: #777;
text-align: left;
margin: 0 0 0 15px;
padding: 0;
}
ol li {
color: #777;
margin: 0 0 2px 0;
}
ul {
font-size: .9em;
text-align: left;
list-style-type: square;
margin: 0 0 0 25px;
padding: 0;
}
ul#nav {
font-size: .75em;
list-style-type: none;
margin: 0;
padding: 0;
}
ul#nav li {
display: inline;
margin: 0 25px 0 0;
}
ul.miscellany { 
margin-top: 15px;
margin-bottom: 0; 
}
ul#quick {
font-size: .7em;
list-style-type: none;
margin: 0;
padding: 0;
}
ul#quick li {
display: inline;
margin: 0 25px 0 0;
}
ul.time-entry { 
list-style-type: none; 
margin: 0 0 0 15px; 
text-indent: -47px; 
}
ul.time-entry li { 
margin-top: 15px; 
}

/* --------------- TYPOGRAPHY --------------- */

.backup {
clear:both;
font-size: 70%;
color:#999;
margin: 50px 0 0 0;
}
.clear {
clear: both;
}
.copyright {
font-size: 70%;
width: 500px;
color: #999;
margin: 25px 0 0 0;
border-top: 1px solid #ccc;
padding: 5px 0 25px 0;
}
.end-mark {
font-size: 1em;
font-weight: bold;
color: #cb0000;
}
.noled {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.small {
font-size: 70%;
}
.splash {
font-size: 1.2em;
color: #c0c0c0;
text-align: center;
width: 450px;
padding: 75px 0 75px 20px;
}
.wrapleft {
float: left;
}
.wrapright {
float: right;
}

/* --------- GENEALOGY ---------- */

.above {
margin-top: 15px;
margin-bottom: 0;
}
.addressee-date {
font-size: 85%;
font-style: italic; 
color: #777;
margin-top: 15px;
}
.addressee-name {
font-variant: none;
color: #2c4889;
}
.bodyindent {
text-indent: 25px;
margin: 0;
}
.byline {
font-style: italic; 
margin: 0 0 15px 0;
}
.citation {
font-size: 80%; 
color: #666; 
margin: 5px 0 15px 15px;
}
.contents {
border-bottom: 1px solid #aaa;
margin: 5px 0 0 0;
padding: 15px 0 15px 50px;
}
.citation-bullet {
font-size: 80%; 
color: #666; 
margin: 0 0 0 40px;
}
.genconnection {
font-variant: small-caps;
font-size: 110%;
border-bottom: 1px solid #cb0000;
}
.generation { 
font-family: verdana, arial, helvetica, sans; 
font-variant: small-caps; 
font-weight: normal; 
color: #888;
letter-spacing: .5px;
margin: 20px 0 0 0; 
}
.note {
font-size: 80%; 
color: #333; 
margin: 0 0 0 15px;
}
.rank {
font-variant: small-caps;
}
.name {
font-weight: bold;
}
.signature {
margin-top: 0px;
}
.sources {
font-size: 80%;
margin: 10px 0 0 30px; 
text-indent: -30px;
width: 550px;
}
.sources-hed {
font-weight: bold; 
margin: 25px 0 0 0;
width: 550px;
}
.sources-single {
font-size: 80%;
margin: 0 0 0 30px; 
text-indent: -30px;
width: 550px;
}
.title {
font-style: italic;
}

/* ---------- MENU DROP ---------- */

.drop {
position: absolute;
width: 200px;
margin: -70px 0 0 -5px;
visibility: hidden;
font-size: .8em;
border: 1px dotted #aaa;
background-color: #fff;
z-index: 55;
}
.drop ul {
display: block;
list-style-type: none;
color: #000;
font-weight: normal;
text-decoration: none;
margin: 0;
padding: 10px;
}
.drop li a {
color: #000;
font-weight: normal;
text-decoration: none;
margin: 0;
padding: 0;
}
.drop a:hover { 
color: #cb0000;
}

/* ----------- LINKS ----------- */

a:link, a:visited {
color: #000;
text-decoration: none;
}
a:hover, a:active {
color: #999;
text-decoration: none;
}

a.text:link, a.text:visited {
color: #000;
font-weight: normal;
border-bottom: 1px dotted #999;
}
a.text:hover, a.text:active {
color: #ccc;
font-weight: normal;
border-bottom: 1px solid #666;
}

a.toc:link, a.toc:visited {
color: #000;
font-weight: normal;
border-bottom: 1px dotted #999;
}
a.toc:hover, a.toc:active {
color: #cb0000;
font-weight: normal;
border-bottom: 1px solid #fff;
}

a.go:link, a.go:visited {
color: #666;
font-weight: bold;
}
a.go:hover, a.go:active {
color: #000;
font-weight: bold;
}

/* --------------- POSITIONING --------------- */

#identity {
position: relative;
top: 3px;
left: 3px;
height: 20px;
width: 150px;
background-color: transparent;
}
#navigation {
position: relative;
top: -10px;
left: 125px;
width: 900px;
z-index: 55;
}
#base {
position: relative;
top: 10px;
left: 100px;
width: 750px;
margin: 0 50px 0 0;
}
#columns {
position: relative;
width: 550px;
margin: 5px 0 10px 25px;
}
#familycolumn1 {
float: left;
}
#familycolumn2 {
margin-left: 200px;
}
#familycolumn3 {
float: right;
}
#quicklinks {
position: absolute;
left: 400px;
top: -48px;
color: #cb0000;
z-index: 100;
}