body {
    margin-left: 10%;
    margin-right: 10%;
    max-width: 40em
    }
h1, h2, h3, h4, h5, h6 {
    text-align: center
    }
h3, h4 {
    font-weight: normal
    }
a:link {
    text-decoration: none
    }
a:visited {
    text-decoration: none
    }
a:active {
    text-decoration: underline
    }
a:link:hover {
    text-decoration: underline
    }
hr {
    width: 33%;
    margin-top: 4em;
    margin-bottom: 4em;
    margin-left: auto;
    margin-right: auto
    }
hr.long {
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto
    }
hr.short {
    width: 20%;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto
    }
hr.tiny {
    width: 10%;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto
    }
#openingads {
    margin-left: 8%;
    margin-right: 8%
    }
#openingads p {
    text-indent: -1.5em
    }
#openingads p.title {
    font-size: 1.5em;
    text-align: center
    }
#openingads div {
    text-indent: -1.5em;
    text-align: left;
    margin-top: 0
    }
#titlepages p {
    text-align: center
    }
#toc {
    margin-right: 10%;
    margin-left: 10%;
    margin-top: 5em
    }
#content {
    margin-top: 5em;
    margin-bottom: 2em
    }
#content h2 {
    margin-top: 5em
    }
#content hr {
    width: 33%;
    margin-top: 4em;
    margin-bottom: 4em
    }
#content hr.long {
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto
    }
.poem {
    text-align: center
    }
.poem h3 {
    text-align: left;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto
    }
.poem .stanza {
    margin-left: 25%;
    margin-right: auto;
    text-align: left
    }
.stanza div {
    line-height: 1.4em;
    margin-top: 0;
    text-align: left;
    margin-left: 2em;
    text-indent: -2em
    }
.poem .in1 {
    margin-left: 3em
    }
.poem .in2 {
    margin-left: 4em
    }
.poem .in3 {
    margin-left: 5em
    }
.poem .in4 {
    margin-left: 6em
    }
.poem .in5 {
    margin-left: 7em
    }
.poem .in6 {
    margin-left: 8em
    }
.poem .in7 {
    margin-left: 9em
    }
.poem .in8 {
    margin-left: 10em
    }
.poem .in9 {
    margin-left: 11em
    }
.poem .in13 {
    margin-left: 15em
    }
.poem .caesura {
    vertical-align: -200%
    }
.poem .poemsub {
    font-size: 90%;
    text-align: center;
    margin-left: -12em;
    margin-top: 1em
    }
#drama {
    margin-left: 10%;
    margin-right: 10%
    }
#drama .char {
    font-size: 90%;
    margin-left: 6em
    }
#drama .dialogue {
    line-height: 1.4em
    }
#drama p {
    margin-top: 0
    }
#drama .poem {
    text-align: left;
    margin-left: 13%
    }
#drama .poem .in1 {
    margin-left: 1em
    }
#drama .poem .in2 {
    margin-left: 2em
    }
#drama .poem .in3 {
    margin-left: 3em
    }
#drama .poem .in4 {
    margin-left: 4em
    }
#drama .poem .in5 {
    margin-left: 5em
    }
#drama .dialogue div.stage {
    margin-left: 15em;
    margin-top: 0;
    margin-bottom: 0
    }
#drama .dialogue span.right {
    text-align: right
    }
#drama .dialogue .in4 {
    margin-left: 4em
    }
#drama .dialogue .caesura {
    vertical-align: -100%
    }
.small {
    font-size: 90%
    }
.center {
    text-align: center
    }
.centersmall {
    text-align: center;
    font-size: 90%
    }
.right {
    text-align: right
    }
.larger {
    font-size: 110%
    }
table {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em
    }
td {
    vertical-align: top;
    text-align: left
    }
td.right {
    text-align: right
    }
td.tiny {
    font-size: 80%
    }
td span.tiny {
    font-size: 80%
    }
td.larger {
    font-size: 110%
    }
td.middle {
    vertical-align: middle
    }