html { min-height: 100%; margin-bottom: .01em; /* Page shift hack for Gecko browsers; adds right side scroll bar */ }
body h1, h2, h3, h4, h5, p, ol, ul, form, dl {margin: 0; padding: 0;}
body {font-family: arial, sans-serif; color:#000000; text-align: left; font-size: 100%; background-color: #D6D8CE; padding-top: 10px;}
table.protect  {width: 100%; margin: 0; padding: 0; background-color: #D6D8CE; text-align: left;}


p {padding: 6px 0 6px 0; }
h1 {font-size: 1.75em; padding-bottom: 7px; font-family: 'Times New Roman', serif; color: #8F7574; }
h2 {font-size: 1em; color: #7F423F; background-color: transparent; margin-top: 20px;} 
h3 {font-size: .9em; color: #907C60; background-color: transparent; }
h4 {font-size: 1em; font-weight: bold; margin-left: 10px;}
a {color: #7F423F; text-decoration: none; }
a:hover {text-decoration: underline; color: #8F7574; background-color: transparent;}

hr {height: 1px; border: 1px inset #AEA993;}

#header { width: 750px; margin:0px auto; height: 93px; background:url(banner.gif) no-repeat; }
ul.toplinks { float: right; margin-top: 18px; padding-right: 15px; text-align: left; list-style-type: none;}

ul.toplinks a { color: #4F4A4A; text-align: left; font-size: .6em; background-image: url(dot_sm.gif); background-repeat: no-repeat; background-position: 0 .5em; padding-left: 8px; }
li.sublist {margin-left: 10px; list-style: none; }
#wrapper { width: 750px; margin: 0 auto; }
#altwrapper {width: 100%;}

#rightcol {line-height: 1.6em; font-size: .75em; float: left; width: 570px; margin-left: 175px; margin-bottom: 10px; background:url(bg_column2.gif); background-repeat: repeat-y; border: 2px solid #707368; background-color: #FFFFFF; }
* html #rightcol { display: inline;}
#topcorner { background:url(bg_corner_top2.gif) no-repeat; height: 48px; }
#rightcolalt { float: left; width: 580px; margin-left: 165px;}
* html #rightcolalt { display: inline; }
#bodyalt {margin-left: 30px; text-align: justify;}
#bodyalt h4 {margin-left: 0px;}
#body { margin-left: 60px; margin-right: 30px; text-align: justify; }
#fontsz {float: right; margin: -40px 10px 0 0; width: 100px; text-align: right; }
#fontsz img {padding: 3px; border: 0;}
#sources {margin-left: 10px; font-size: .88em; line-height: 1.5em;}
#sources a {text-decoration: underline; color: #8F7574;}
#censorhist {margin: 0 10px 0 15px;}
#censorhist a {text-decoration: underline; color: #8F7574;}
.sidenote {font-size: .88em; margin: 0 35px 0 35px; line-height: 16px; }
.date {font-size: 1em; margin-top: 20px; font-weight: bold; color: #8F7574;}
.center {text-align: center;}
.quote {font-size: .88em; color: #808080; font-weight: normal; font-style: italic; text-align: center;}
.smtext {font-size: .88em;}
.vmiddle {vertical-align: .12em }
.colorred {color: #7F423F;}
.colorgray {color: #AFAFAF;}
.colortan {color: #9F9C8B;}
.bold {font-weight: bold;}
.imgfloat {float: left; position: relative;  margin: 2px 10px 5px 0; border: 1px solid #696969;}
.underline {text-decoration: underline;}
.button {background-color: #B6BAAB; border: solid 1px #808080; font-size: .65em; font-family: Verdana; color: #000000; padding: 0 1px 0 1px; font-family: Verdana;}
img.border {border: 2px solid #707368;}
img.noborder {border: 0;}
.border1 {border: 1px solid #707368;}
.linet {border-top: 1px solid #AEA993; margin-bottom: 3px; background-color: transparent; }
.lineb {border-top: 1px solid #AEA993; margin-top: 3px; background-color: transparent; }
#outbox	{padding: 20px; width: 520px; margin-top: 20px;  text-align: center;}
#outbox h1 {font-weight: normal; font-size: 20px; }
.imgborder {border: 1px solid #c0c0c0; margin: 20px; padding: 5px;}
.artistimg {float: left; border: 1px solid #c0c0c0; margin: 1px 15px 0 0; padding: 5px; background-color: #ffffff;}
h1.artist {padding-top: 65px;}
.artistbib {margin: 125px 0 30px 20px; }
#wrapperalt {width: 750px; margin:10px auto;  }
#topcorneralt {height: 62px; background:url(bg_corner_top_alt.gif); background-repeat: no-repeat;}


#illustration {position:absolute; top:0; left:0; background-color: #D6D8CE; height: 610px; width: 100%;}
#body ol.note {margin: 0 0 30px 30px; text-align: justify;}
#body ol.note li {margin: 10px 0 10px 0}

#imgtable {margin-top: 30px;}
#imgtable .row {margin: 0px auto; width: 430px; height: 165px;}
#imgtable .cell {float: left; width: 120px; padding: 10px; height: auto; text-align: center;}
#imgtable img {border: 2px solid #707368;}

#nonhide {text-align: center; background-color: #D6D8CE; }
#nonhide img {border: 2px solid #707368;}

.biblist {position: relative; margin: 35px 0 30px 20px; text-align: justify;}
.biblist li {margin-top: 30px; }
.biblist img {float: left; position:relative;  margin:3px 10px 5px 0; border: 1px solid #000000; }
.info, .cite {font-size: .88em; margin-left: 20px; line-height: 16px;} 
.clear {clear: both;}
#navbot {font-size: .88em; text-align: center; padding: 1px 0 1px 0;}
#indexmenu {margin-top:20px;}
#indexmenu h4 {margin-top: 20px;}
ul.index {text-align: left; margin-left: 50px; line-height: 2em; font-size: .95em;}

#genealogy {position: relative; text-align: left; width: 2400px; border: 2px solid #907C60; margin: 20px;}
#genealogy table {margin: 10px; background: #FFFFFF; border: 1px solid #907C60;} 
#genealogy td { text-align: center; font-size: .88em; padding: 10px; vertical-align: top; width: 5%;}
#genealogy h2 {margin: 0; padding: 0;}
table td.border {border: 1px solid #000000;} 
table td.borderr {border-right: 1px solid #000000;}
table td.borderb {border-bottom: 1px solid #000000;}

#timeline {background-color: #FFFFFF; width: 1600px; border: 2px solid #907C60; margin: 20px;}
#timeline td {padding: 4px 4px 4px 6px;}
#timeline h3 {font-size: .75em;}
#timeline .smtext {font-size: .7em;}

#searchbox {font-size: .9em; margin: 30px 0 0 15px; width: 90%; height: 290px; min-height: 290px; background-color: #f9f9f9; padding: 5px 12px; border: 1px solid #808080; text-align: left;}
#searchbox h2 {font-size: 1.6em; font-family: 'Times New Roman', serif; color: #696969; margin-top: 0; padding-top: 6px; }
#searchbox input.submit {
background-color: #ffffff; 
border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;
font-size: 1em; 
color: #000000; 
width: 100px; 
}
#columnwrap {float: left; position: relative; width: 100%; }
.column1 {float: left; position:relative; margin-left: 13px; width: 170px;}
.column2 {position: relative; margin-left: 200px; }
#bottomcorner { background:url(bg_corner_bottom2.gif) no-repeat; height: 48px; }

#leftcol { float: left; width: 150px; margin-left: -750px; padding-top: 20px; padding-left: 5px;}

#bottomnav { clear: both; position: relative; font-size: .7em; color: #000000; background-color: #DBDFD1; padding: 2px; text-align: center; border-bottom: 1px solid #696969; }
#bottomnav a {color: #696969; }

#footer { line-height: 1.5em; text-align: right; font-size: .6em; padding: 10px 5px 15px 0;}
#footer a { color: #696969; }