body {
    margin-left: 10%;
    margin-right: 10%
    }
h1, h2 {
    text-align: center;
    clear: both;
    line-height: 2
    }
h1 {
    margin-top: 2em;
    margin-bottom: 2em
    }
h2 {
    margin-top: 4em;
    margin-bottom: 1em
    }
div.chapter {
    page-break-before: always
    }
p {
    margin-top: 0.75em;
    text-align: justify;
    margin-bottom: 0.75em
    }
.p2 {
    margin-top: 2em
    }
.p4 {
    margin-top: 4em
    }
.p6 {
    margin-top: 6em
    }
.pp {
    margin-top: 2em;
    text-align: center
    }
.pe {
    margin-bottom: 2em
    }
.pb {
    margin-bottom: 6em
    }
.pagenum {
    font-size: small;
    text-align: right;
    font-weight: normal;
    font-style: normal;
    font-variant: normal
    }
img.drop-cap {
    margin: 0 0.5em 0 0;
    z-index: 1
    }
p.drop-cap:first-letter {
    margin-left: -2em;
    padding-right: 1em
    }
.pfirst {
    text-indent: 0
    }
.idropcap {
    width: 6em;
    height: auto
    }
.ddropcapbox {
    margin-left: 0;
    margin-right: 0
    }
.ddropcapbox4 {
    margin-left: 4em;
    margin-right: 0
    }
.figcenter4em {
    margin: auto;
    text-align: center;
    margin-top: 4em;
    margin-bottom: 6em
    }
.figcenter2em {
    margin: auto;
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em
    }
.center {
    text-align: center
    }
.large {
    font-size: large
    }
.smcap {
    font-variant: small-caps
    }
.i2 {
    margin-left: 2em;
    padding-right: 2em
    }
.i4 {
    padding-right: 8em
    }
.i7 {
    margin-left: 60%;
    padding-right: 2em
    }
.right {
    text-align: right;
    padding-right: 8em
    }
.rightt {
    text-align: right;
    padding-right: 3em
    }
hr {
    width: 33%;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    clear: both
    }
hr.tb {
    width: 15%;
    margin-top: 2em;
    margin-bottom: 2em
    }
hr.chap {
    width: 25%;
    margin-top: 2em;
    margin-bottom: 2em
    }
table {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 2em
    }
.tdl {
    text-align: left;
    vertical-align: top
    }
.tdlb {
    text-align: left;
    vertical-align: bottom;
    padding-left: 2em
    }
.tdll {
    text-align: left;
    padding-top: 1em
    }
.tdli {
    text-align: left;
    vertical-align: top;
    padding-left: 2em
    }
.tdrt {
    text-align: right;
    padding-left: 2em;
    vertical-align: top
    }
.tdrb {
    text-align: right;
    vertical-align: bottom;
    padding-left: 2em
    }
.tdcc {
    text-align: center;
    padding-top: 1.5em
    }
.tdc {
    text-align: center
    }
.box {
    margin: auto;
    margin-top: 2em;
    border: 1px solid;
    padding: 1em;
    background-color: #F0FFFF;
    width: 25em
    }
@media all {
    body {
        margin: 0;
        padding: 0;
        width: 90%
        }
    .box {
        width: 75%
        }
    hr.tb {
        width: 10%;
        margin-left: 47.5%;
        margin-top: 2em;
        margin-bottom: 2em
        }
    hr.chap {
        width: 20%;
        margin-left: 42.5%;
        margin-top: 2em;
        margin-bottom: 2em
        }
    .ddropcapbox {
        float: left
        }
    .ddropcapbox4 {
        float: left;
        margin-left: 0;
        margin-right: 0
        }
    .i4 {
        padding-right: 0
        }
    }