/* Genealogy Links Style includes GenealogyLinks, Oral History, Tree template */
 /* Railroad page has same background but a bit different so was not included */

     body { text-align: left; font-family: Helvetica, Arial, Verdana, Tahoma, MS Sans Serif, sans- serif; background: #fef1b5; color: #000000; }
    
/* Menu Style for History and Genealogy Pages  Brown graphic background */

     table.mainmenu { width: 640px; text-align: center; vertical-align: top;
                      background-color: #bd9452; background-image: URL("backgroundsborders/heartrnchafrbgsmall.gif");
                      font-family:  Verdana, Helvetica, MS Sans-Serif, sans-serif;                font-size: 14px; font-weight: 600; font-stretch: semi-expanded;
                      border-top: none; border-left: none; 
                      border-right: none; border-bottom: ridge; 
                      border-width: thin; border-color: #3e0202;  }
    
     td.button { width: 31%; height: 5.2em; text-align: center; vertical-align: top; background-color: #bd9452; background-image: URL("backgroundsborders/heartrnchafrbgsmall.gif"); color: #ffffcc; text-wrap: none; 
                 font-weight: 600; font-stretch: semi-expanded; padding-left: 1%; padding-right: 1%; padding-top: 1em; padding-bottom: 1em; }
     div.buttoncontainer { text-align: center; vertical-align: top; background-color: #bd9452; background-image: URL("backgroundsborders/heartrnchafrbgsmall.gif"); color: #ffffcc; text-wrap: none; }
     td.spacer { width: 2%; height: 5.2em; 
                 text-align: center; 
                 vertical-align: middle; background-color: #bd9452; 
                 background-image: URL("backgroundsborders/heartrnchafrbgsmall.gif"); 
                 color: #ffffcc; 
                 padding-left: 0; padding-right: 0; padding-top: 0.3em; 
                 padding-bottom: 0.3em; }
     hr.menudivider { width: 1%; height: 3.5em; color: #ffffcc; }

/* a drop-down menu for history and genealogy */
     div.dropmenu { position: relative; background-color: #bd9452; 
                    background-image: URL("backgroundsborders/heartrnchafrbgsmall.gif"); 
                    color: #ffffcc; font-weight: 450;  
                    font-size: 70%; }

     em { font-style: italic; }
     strong { font-weight: 600; }
 
     h1, h2, h3, h4, h5 { font-family: "Helvetica, Arial, Verdana, Tahoma, MS Sans Serif, sans-serif"; }
     h1 { font-size: 1.6em; font-weight: 600; }
     h2 { font-size: 1.5em; font-weight: 500; }
     h3 { font-size: 1.1em; font-weight: 500; }
     h4 { font-size: 90%;  font-weight:  500; }
     h1.oralhistory  { font-family:  script, Script MT Bold, Edwardian Script ITC, Palace Script MT, Monotype Corsiva; font-size: 4em; font-weight: 500; text-align: left; }
     h2.oralhistory  { font-size: 1.6em; font-weight: 500; text-align: left; }
     div.oralhistory { font-family:  Tahoma, Verdana, MS Sans Serif, sans-serif; width: 660px; }
     ol.oralhistory li { padding-top: 1em; padding-bottom: 1em; }

     .webaddress { font-size: 70%; font-weight: 400; }
     span.listtitle { font-size: 1.5em; }
     span.notestitle { text-decoration: underline; }
     .foruserreference { font-size: 1.4em; }
     .note { font-size: 70%; }
     .note2 { font-size: 90%; font-weight: 400; }
     p.note2 { margin-top: 0.3em; text-align: left; }
 
     ul.main li      { padding-top: 0.75em; padding-bottom: 0.75em; text-align: left; }
     ul.sublist li   { padding-top: 0.1em; padding-bottom: 0.1em; text-align: left; }
     ol li           { padding-top: 0.1em; padding-bottom: 0.1em; text-align: left; } 
     dl.menu dt      { width: 350px; border-width: 1.5em; padding-top: 0.5em; 
                       padding-left: 0.5em; padding-right: 0.5em;  
                       background-image: URL("backgroundsborders/heartrnchafrbgsmall.gif"); 
                       border-color: #bd9452; border-width: thin; }
     dl.menu dd      { padding-bottom: 0.2em; background-image: NONE; }

     table.genealogy {
           font-family: Helvetica, Verdana, MS Sans Serif, sans-serif; text-align: left; background: #fef1b5;
           }
     td.border { width: 20px; background: #fef1b5; background-image: URL("backgroundsborders/heartrnchafrbgsmall.gif"); }
     td.borderhorizontal { height: 65px; background: #fef1b5; background-image: URL("backgroundsborders/heartrnchafrbgsmall.gif"); padding: 3px; }
     td.navlink { text-align: center; }

table.treetemplate { font-family: font-family: Tahoma, Verdana, Helvetica, MS Sans Serif, sans serif; text-align: center; background: #fef1b5; width: 655px; }
td.rightbottomborder { border-left: none; border-right: solid; border-top: none; border-bottom: solid; border-right-width: 1.0; border-bottom-width: 1.0; border-color: #bd9452; }
td.leftbottomborder { border-left: solid; border-right: none; border-top: none; border-bottom: solid; border-left-width: 1.0; border-bottom-width: 1.0; border-color: #bd9452; }


.wrappedcell {
     width:540; word-wrap: break-word; text-wrap: normal;
             }


/* Style for Site address; */
/* Can I have rounded corners on the div holding the address? */   
/* Not in today's browsers apparently */

div.outerpagenotes { color: #000000; text-align: center; font-family:  Helvetica, Verdana, sans-serif; width: 640; margin-top: 1em; margin-left: 1%; }
div.outerpagenotes_oralhistory { background: #fef1b5;  color: #000000; text-align: center; font-family:  Helvetica, Verdana, sans-serif; width: 660px; }
div.outerpagenotestemplate { background: #fef1b5;  color: #000000; text-align: center; font-family:  Helvetica, Verdana, sans-serif; width: 655px; }
div#linktoNSE  { width: 600px; background: #fef1b5; text-align: center; vertical-align: middle; font-size: 14px; margin-top: 1em; margin-bottom: 1em; text-wrap: none; }
p.linktoNSE { padding: 0em; margin-top: 0em; margin-bottom: 0em; text-align: center; vertical-align: middle; }
div#linktoNSEtemplate  { width: 85%; background: #fef1b5; text-align: center; vertical-align: middle; font-size: 14px; margin-top: 1em; margin-bottom: 1em; text-wrap: none; }
div#NSEaddress { width: 600px; margin-top: 1em; margin-left: 2%; text-align: center; vertical-align: middle; background-color: #b9aa8d; font-size: 12px; font-weight: 400; font-style: normal; color: #ffffff; }
div#NSEaddress_oralhist { width: 600px; margin-top: 1em; margin-left: 5%; text-align: center; vertical-align: middle; background: #b9aa8d; font-size: 12px; font-weight: 400; font-style: normal; color: #ffffff; }
div#NSEaddresstemplate { width: 85%; margin-top: 1em; margin-left: 5%; text-align: center; vertical-align: middle; background: #b9aa8d; font-size: 12px; font-weight: 400; font-style: normal; color: #ffffff; }

span.updatenote { text-align: center; background-color: #bdaa8d; font-weight: 400; font-style: normal; color: #ffffff; font-size: 85%; }



/* Navigation Bar Bottom of Oral History */


     table.navbar { width: 660px; text-align: center; vertical-align: top; padding: 1%; #fef1b5;
                font-family:  Verdana, Helvetica, MS Sans-Serif, sans-serif; font-size: 14px; font-weight: 500; }
     td.navbutton { width: 31%; height: 4.0em; text-align: center; vertical-align: top; border: none; background-color: #fef1b5; text-wrap: none;
                     border: none;
                     padding-left: 1%; padding-right: 1%; padding-top: 1em; padding-bottom: 1em; }



/* Links & Page Navigatorbuttons:  same on all pages  */


a:link { text-decoration: none; color: rgb(0, 0, 153); font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; }
a:visited { text-decoration: none; color: rgb(102, 0, 51); font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; } 
a:active {text-decoration: none; color: #990000; font-family: serif; } 
a:hover {text-decoration: underline; color:  rgb(153, 0, 0); font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; } 

a.mainmenu:link { text-decoration: none; color: #ffffcc; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; font-weight: 600; }
a.mainmenu:visited { text-decoration: none; color: #ffffcc; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; font-weight: 600; } 
a.mainmenu:active {text-decoration: none; color: #cc6666; font-family: serif; font-size: 14px; font-weight: 600; } 
a.mainmenu:hover {text-decoration: underline; color:  #ffffcc; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; font-weight: 600; } 

a.dropmenu:link { text-decoration: none; color: #ffffcc; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; }
a.dropmenu:visited { text-decoration: none; color: #ffffcc; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; } 
a.dropmenu:active {text-decoration: none; color: #cc6666; font-family: serif; } 
a.dropmenu:hover {text-decoration: underline; color:  #ffffcc; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; } 


a.nav:link { text-decoration: none; color: rgb(0, 0, 153); font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; font-weight: 500; }
a.nav:visited { text-decoration: none; color: rgb(102, 0, 51); font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; font-weight: 500;} 
a.nav:active {text-decoration: none; color: #990000; font-family: serif; font-size: 14px; font-weight: 500; } 
a.nav:hover {text-decoration: underline; color:  rgb(153, 0, 0); font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; font-weight: 500; } 

a.notesnav:link { text-decoration: none; color: #6666FF; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; }
a.notesnav:visited { text-decoration: none; color: #FF33CC; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; } 
a.notesnav:active {text-decoration: none; color: #FF6666; font-family: serif; font-size: 14px; } 
a.notesnav:hover {text-decoration: underline; color: #FF6666; font-family: Verdana, Helvetica, Arial, MS Sans Serif, sans-serif; font-size: 14px; }