/* ========================Hooke Folio Online stylesheet======================== */
img {border: none;}

#image {background: #000000; 
        width: 50%; 
        float: left; 
        overflow:scroll; 
        height: 100%;
        padding:0; 
        margin:0; 
        text-align: center; 
        border-color: #0000000; 
        border-width: 1px; 
        border-style: none solid;
        color: #FFFFFF; }


#transcript {background: #FFFFFF;
             width: 49%; 
             float:right; 
             overflow: scroll;
             height: 100%;
             padding: 0px; 
             margin:0;  
             text-align: left;
             font-size: small; 
             border-color: #000000; 
             line-height: 1.6em; 
             border-width: 1px; 
             border-style: none solid; }

#transcript h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: black;
background: white;
text-align: center;
}

#transcript h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: black;
background: white;
text-align: center;
}

#transcript h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: black;
background: white;
text-align: center;
}

#transcript h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: black;
background: white;
text-align: center;
}

#transcript h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: blue;
background: white;
text-align: center;
}

#transcript p, trailer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: justify;
}

#transcript a:hover {
background: white;
color: blue;
}

#transcript a:active {
background: white;
color: blue;
}

#transcript a:visited {
background: white;
color: blue;
}


#transcript ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: left;
}

#transcript em {
font-style: italic;
}

#transcript strong {
font-weight: bold;
}

#transcript table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: justify;
margin: 0, 20px;
}

#transcript tr { 
vertical-align: top; 
}               

.headingDip {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: normal;
color: black;
background: white;
text-align: center;
}

.headingEd {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: black;
background: white;
text-align: center;
}

.headingLink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: blue;
background: white;
text-align: center;
}

.entry {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: justify;
}

.entryLink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
color: blue;
background: white;
text-align: left;
text-decoration: underline;
}

.poetry {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: left;
}

.line {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: left;
}

.archival {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
color: black;
background: white;
text-align: left;
}

.entryNote {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
color: black;
background: white;
text-align: left;
}

.marginalia {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
color: black;
background: white;
text-align: left;
}

.marginaliaLine {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: left;
}

.indexEntry {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: blue;
background: white;
text-align: left;
}

#superscript {
vertical-align: super;
}

#underlined {
text-decoration: underline;
}

.mouseover {
color: blue;
background: white;
}

.reference {
color: blue;
background: white;
}

.referenceBib {
color: blue;
background: white;
font-style: italic;
}

.headnote {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: normal;
color: blue;
background: white;
text-align: center;
text-decoration: underline;
}

.note {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: silver;
text-align: left;
visibility: hidden;
position: absolute;
}

p.rightHand {
text-align: right; 
}