/* Style sheet for Beall Springs */

/*       Always use sequence Link, Visited, Hover, Active    */
a.homelink {
            border: solid black 2px ;
            background-color: white ;
            left: 0 ;
            padding: .2em .5em ;
            position: fixed ;
            text-decoration: none ;
            top: 0 ;
            z-index: 1 ;             /* Overlay 'Sitemap" if conflict */
           }
a.maplink {
           border: solid black 2px ;
           background-color: white ;
           padding: .2em .5em ;
           position: fixed ;
           text-decoration: none ;
           right: 0 ;
           top: 0 ;
          } 
a:link.footback {
                 background-color: inherit ;
                 color: black ;
                 font-family: sans-serif ;
                 font-size: 80% ;
                 text-decoration: none ;
                 vertical-align: super ;
                }
a:link.footnote {
                 background-color: inherit ;
                 color: black ;
                 font-family: sans-serif ;
                 font-size: 80% ;
                 text-decoration: none ;
                 vertical-align: super ;
                }
a:link.seclink {
                background-color: inherit ;
                color: black ;
                text-decoration: none ;
               }
a:link IMG {                       /* No border on image links */
            border-style: none ;
           }
a:visited.footback {
                    background-color: inherit ;
                    color: black ;
                    font-family: sans-serif ;
                    font-size: 80% ;
                    text-decoration: none ;
                    vertical-align: super ;
                   }
a:visited.footnote {
                    background-color: inherit ;
                    color: black ;
                    font-family: sans-serif ;
                    font-size: 80% ;
                    text-decoration: none ;
                    vertical-align: super ;
                   }
a:visited.seclink {
                   background-color: inherit ;
                   color: black ;
                   text-decoration: none ;
                  }
a:link:hover {
              background-color: yellow ;
             }
a:link:hover.footback {
                       background-color: yellow ;
                      }
a:link:hover.footnote {
                       background-color: yellow ;
                      }
a:link:hover.seclink {
                      background-color: yellow ;
                     }
a:visited:hover {
                 background-color: yellow ;
                }
a:active {                        /* Dark green. */
          color: #008000 ;
         }
acronym {
         border-bottom: 1px dotted #333333;
         cursor: help ;
        }
body {
      background-color: #eeeeff ;    /* pale blue */
      color: black ;
      font-family: arial, sans-serif ;
      margin-left: 5% ;
      margin-right: 5% ;
      padding-top: 1em ;
     }

div.caption {                       /* Image caption */
          border: solid black 1px ;
          font-size: .95em ;
          margin-bottom: 1em ;
          margin-left: auto ;       /* Center caption under image */
          margin-right: auto ;
          margin-top: .5em ;
          max-width: 30em ;         /* Limit width of text box */
          padding-left: .5em ; 
          padding-right: .5em ;
         }
div.centereddoc {
                 text-align: center ;
                }
div.contact {                       /* Author contact info */          
             float: right ;
             margin-right: 1em ;
             text-align: right ;
            }
div.detail {
            margin-left: 4em ;
           }
div#filterbox {
               float: right ;
               border: solid blue ;
               padding: 0 1em ;
              }
div.fraction {                      /* Fractional share owned */
              text-align: left ;
             }
div.list {                          /* IE 7 mangles max-width on li */
          max-width: 30em ;
         }

                                    /* The following styling is for IE 6, to
                                        compensate for the fact that it does
                                        not honor position: fixed */
div.nav {
         clear: both ;
         font-family: arial, sans-serif ;
         margin-left: auto ;        
         margin-right: auto ; 
         margin-top: 1em ;
         padding-bottom: .5em ;    /* Prevent border clipping... */
         text-align: center ;
        }
div.nav ul {
            display: inline ;
            margin-top: 1em ;
           } 
div.nav li {
            display: inline ;
           } 
                                    /* End of IE 6 compensation styling */
div.photo {
           display: table ;    /* Force shrink-to-fit width */
           margin-bottom: 1em ;
          } 
div.photo img {
               display: block ;
               margin-left: auto ;
               margin-right: auto ;
              }
div.realdoc {
             padding-top: 1em ;
             width: 100% ; 
            }
div.realdoc img {
                 width: 100% ;    /* Scale image to fill div */
                }
div.scriptdoc {
               display: table ;
               margin-left: auto ;
               margin-right: auto ;
               padding: 1em 3em ;
              }
div.signature {                     /* Document signature */
                /* having a non-hidden border prevents text overlap */
               border-color: #E5CAA1 ;
               border-style: solid ;
               border-width: 1px ;
               clear: both ;
               float: right ;
               max-width: 49% ;  
               text-align: right ;
              }
div.tombstone {
               background-color: #D3D3D3 ;
               padding: 1em ;
               text-align: center ;
              }
div.typeddoc {
              display: table ; 
              margin-left: auto ;
              margin-right: auto ;
              padding: 1em 3em ;
             }
div.witness {                       /* Document witness */
                /* having a non-hidden border prevents text overlap */
             border-color: #E5CAA1 ;
             border-style: solid ;
             border-width: 1px ;
             clear: left ;
             float: left ;
             max-width: 49% ; 
            }
div.update {                        /* Last-updated info */
            clear: both ;
            float: left ;
            margin-left: 1em ;
           }

dl.gencode dt { font-family: monospace }
dd {
    max-width: 30em ;              /* No lines too long for readability */
   }

em {
                 /* The following entry is ignored by IE 5.5 */
    font-style: inherit ;           /* NOT italic (unless in italic string) */
    text-decoration: underline ;    /* My preferred emphasis */
   }

hr.division {
             width: 2% ;
            } 

/* IE 7 garbles max-width on li tags.
   Bypass: enclose list in div class="list"  
li {
    max-width: 30em ;              
   } 
*/

li.detail {                          /* Subordinate detail */
           margin-left: 4em ;
          }
ul.widelist li {
                max-width: none ;
               }
                                   /* Extend bullet nesting levels */
ul li li li li {list-style-type: disc ; }
ul li li li li li {list-style-type: circle ; }
ul li li li li li li {list-style-type: square ; }
ul li li li li li li li {list-style-type: disc ; }
ul li li li li li li li li {list-style-type: circle ; }
ul li li li li li li li li li {list-style-type: square ; }
                
p {
   max-width: 30em ;             /* No lines too long for readability */
  }
p.imgcredit {
            font-size: .9em ;
            font-style: italic ;
            margin-bottom: 0 ;
            margin-left: auto ;
            margin-right: auto ;
            margin-top: 0 ;
            text-align: right ;
           } 

                          /* The following is IGNORED by IE 6 ! */
                          /* BYPASS: Use <br> tags at line ends. */
pre { font-family: inherit ; }

                          /* The following non-semantic classes are
                             intended only for use when transcribing
                             material from original documents */
span.italic {font-style: italic}      
span.bold {font-weight: bold}
span.underscore {text-decoration: underline} 
                          /* End of non-semantic classes */ 
span.gencode { font-family: monospace }

thead {
       font-weight: bold ;
       text-align: center ;
      }

tr {
    page-break-inside: avoid ;
   } 
ul.blank {
          list-style-type: none ;
         }
.centered {
           margin-left: auto ;
           margin-right: auto ;
          }
.centereddoc {
              text-align: center ;
             }
.column {
         max-width: 30em ;
        }
.columnleft {
             float: left ;
            }
.columnright {
              float: right ;
             } 
.debugonly {
            display: none ;
           }
.deceased {
           font-style: italic ;
          } 
.deleted {
          text-decoration: line-through ;
         }
.error { 
         background-color: black ;
         color: yellow ;
       }
.eyecatcher {
             font-weight: bold ;
            }
.firstcolumn {
              clear: both ;
             }
.inscription {                      /* on tombstones */
              font-family: courier, monospace ;
              margin-left: auto ;
              margin-right: auto ;
              text-align: center ;
             } 
.lititalic {
            font-style: italic ;
           }
.next {
       clear: both ;
       float: right ;
      }
.notgen {                           /* Not genetic relative */
           color: gray ;
          }
.note {                             /* Author's notes */
       font-family: arial, sans-serif ;
      }
.nullimg {             /* hidden image.  Used for audio plugin. */
          height: 0 ;
          width: 0 ;
         }
.owner {
        font-weight: bold ;
       }
.photoleft {
            float: left ;           /* Uses shrink-to-fit width */
            padding-right: 1em ;
           }
.photoright {
            float: right ;          /* Uses shrink-to-fit width */
            padding-left: 1em ;
           }
.right {
        text-align: right ;
       } 
.Samsemph { font-weight: bold }     /* Sam Beall's history author's emphasis */
.Samsline { font-weight: bold }      /* Sam Beall's gene line */
.Samsnotes { font-style: italic }   /* Sam Beall's history author's notes */ 
.scriptdoc {
            background-color: #E5CAA1 ;    /* paper brown */
            color: black ;
            font-family: 
              "Lucida Calligraphy Italic", 
              "Lucida Handwriting Italic", 
              "Apple Chancery",
              "URW Chancery L",
              "Vianta",               /* a bit small and tight */  
               cursive ;
            line-height: 1.5 ;
           }
.stretch {                      /* Used to stretch containing block
                                   height to include previously
                                   floated material.    */
          clear: both ;
          margin: 0 ;
          padding: 0 ;
         }
.title {
        text-align: center ;
       }
.typeddoc { 
           background-color: #E5CAA1 ;    /* paper brown */
           color: black ;
           font-family: courier, serif ;
           line-height: 1.2 ;
          }
.ul {                               /* Used only to match transcribed documents */ 
     text-decoration: underline ;
    }
@media screen {     /* Following entry for online use only */
a.external[href]:after {
                        content: url(images/External.png) ;   
                        display: inline ;
                        margin-left: .25em ;
                       }
              }
@media print {
.noprint {
          display: none ; 
         }
a:link {                            /* Don't decorate printed links */
        background: inherit;
        color: inherit;
        text-decoration: inherit;
       }
a:visited {                            /* Don't decorate printed links */
           background: inherit;
           color: inherit;
           text-decoration: inherit;
          }
a:active {                            /* Don't decorate printed links */
          background: inherit;
          color: inherit;
          text-decoration: inherit;
         }
body {
      font-family: serif ;
     }
             }
 
/* CSS coding by Chris Beall */
/*    Last updated 15 May 2008  */