@font-face {
  font-family: "FreeSerif";
  font-weight: normal;
  font-style: normal;
  src: url(font/FreeSerif.ttf)
}
.serif {font-family: "FreeSerif", serif;}

@page {margin: 1.2em;}
body {margin: 0em; orphans: 2; widows: 2; text-align: justify;}
table { border-spacing: 0px; } /* cellspacing */
th, td { padding: 0px; } /* cellpadding */

/* Default */
p {text-indent: 1.2em; margin: 0 0 0 0; font-family: sans-serif}
h1, h2, h3, h4, h5, h6 {font-family: sans-serif; margin: 0 0 0 0; font-weight: normal; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
div {margin: 0 0 0 0;}
a {text-decoration: none;}
sup {line-height: 0}

/* Fractions
<p class="tx">
    <sup class="sup">1</sup>/<sub class="sub">2</sub> Cup of Flour
</p>
*/
.sup {font-size: .75em; vertical-align: text-top;}
.sub {font-size: .75em; vertical-align: text-bottom;}

/* Margins */
div.top15{margin: 15% 0 0 0}
div.topbot{margin: 1em 0 1em 0;}
div.top{margin: 1em 0 0 0}
/* Pagebreak */
.pagebreak {page-break-before: always;}

/* Copyright */
.copyright1 {font-size: .8em; text-indent: 0; margin: 2em 0 0 0; text-align: center}
.copyright2 {font-size: .8em; text-indent: 0; margin: 1em 0 0 0; text-align: center}
.copyright3 {font-size: .8em; text-indent: 0; margin: 0 0 0 0; text-align: center}

/* Dedication */
.dedication {font-size: 1em; font-style: normal; font-weight: normal; text-indent: 0; margin: 20% 0 0 0; text-align: center}

/* Table of Contents */
.tochead {font-size: 120%; font-family: sans-serif; font-style: normal; font-weight: bold; text-indent: 0; margin: 15% 0 2em 0; text-align: center}
.toc {font-size: 100%; font-style: normal; font-weight: normal; text-indent: -1em; margin: 1% 0 0 1em; text-align: left}
.toc1 {font-size: 100%; font-style: normal; font-weight: normal; text-indent: -1em; margin: 1em 0 0 1em; text-align: left}

/* Headers */
h4.halftitle {font-size: 150%; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 0 0 ; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.partnum {font-size: 120%; font-style: normal; font-weight: bold; text-indent: 0; margin: 15% 0 0 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.parttitle {font-size: 120%; font-style: normal; font-weight: bold; text-indent: 0; margin: 2em 0 0 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.chapnum {font-size: 150%; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 15% 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.chaptitle {font-size: 110%; font-style: normal; font-weight: bold; text-indent: 0; margin: 15% 0 15% 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none; }
h4.chaptitle2 {font-size: 130%; font-style: normal; font-weight: bold; text-indent: 0; margin: 15% 0 15% 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none; }

h4.chaptitle2a {font-size: 130%; font-style: normal; font-weight: bold; text-indent: 0; margin: 15% 0 0 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none; }
h4.chaptitle2b {font-size: 130%; font-style: normal; font-weight: bold; text-indent: 0; margin: 0 0 15% 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none; }

/* Front Matter */
h4.fronthead {font-size: 120%; font-style: normal; font-weight: bold; text-indent: 0; margin: 15% 0 2em 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}


/* Back Matter */
h4.backhead {font-size: 150%; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 15% 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}

/* Sections/Sub-Sections */
.textfirst {font-size: 1em; text-indent: 0; margin: 0 0 0 0}
.head1 {font-size: 1em; font-family: sans-serif; font-style: normal; font-weight: bold; text-indent: 0; margin: 1em 0 1% 0; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none;}


/* Blockquotes */
div.fig {margin: 1em 0 1em 0;}
div.fig1 {margin: 1em 0 0 0;}
.block {margin: 0 1.2em 0 1.2em; text-indent: 0;}
.block1 {margin: 0 0 0 1.2em; text-indent: 0; }
div.list{margin: 1em 0 1em 0;}
ul {margin: 0 0 0 0;}
.ul {margin: 0 0 0 1em}
.ul2 {margin: 1em 0 0 1em}

/* Miscellaneous */
.sc {font-size: .8em;}
.textbreak {margin: 1em 0 0 0; text-indent: 0}
.textbreak2 {margin: 2em 0 0 0; text-indent: 0}
.textbreak3 {margin: 3em 0 0 0; text-indent: 0}
.noindent {text-indent: 0}
.noindent1p {text-indent: 0; margin: 1% 0 0 0;}
.center {text-indent: 0; text-align: center}
.center1 {text-indent: 0; text-align: center; margin: 1em 0 0 0;}
.center1p {text-indent: 0; text-align: center; margin: 1% 0 0 0;}
.center2 {text-indent: 0; text-align: center; margin: 2em 0 0 0;}
.right {text-indent: 0; text-align: right}
.right1 {text-indent: 0; text-align: right; margin: 1em 0 0 0;}
.sans {font-family: sans-serif}

/* Borders */

/* Italic, Bold, Bold-Italic */
.txit {font-style: italic;}
.txbf {font-weight: bold;}
.txbfit {font-style: italic; font-weight: bold;}

/* Footnotes */
.hr {margin-top: 1.5em; margin-bottom: 0;}
.footnote {font-size: .8em; margin-top: .8em; margin-bottom: 0em; text-indent: 0em;}

/* Tables */
.tab{width:100%}
.vt {vertical-align: top}
.vm {vertical-align: middle}

/* Hanging Indent */
.hang1 {padding-left: 1.2em; text-indent: -1.2em; text-align:left;}
.hangnum {padding-left: 1.7em; text-indent: -1.7em; text-align:left;}
.hang1p {padding-left: 1.2em; text-indent: -1.2em;margin: 1% 0 0 0;}
.hang1a {padding-left: 1.2em; text-indent: -1.2em;margin: 1em 0 0 0;}

.index {padding-left: 1.2em; text-indent: -1.2em;}

/* Groupings */
.group {page-break-inside: avoid;}
.group1 {height: 70vh; page-break-inside: avoid; page-break-after: right;}
.group1a {height: 80vh; page-break-inside: avoid; page-break-after: right;}
.group2 {width: 100%; page-break-inside: avoid; page-break-after: right;}
.group2a {width: 100%; page-break-inside: avoid; }
.group3 {height: 70vh; page-break-inside: avoid;}
.group4 {width: 100%; page-break-inside: avoid;}

/* Captions */
.caption {font-size: .9em; font-family: sans-serif; font-style: normal; font-weight: normal; text-indent: 0; margin: .49em 0 0 0; text-align: center}
.caption1 {font-size: .7em; font-family: sans-serif; font-style: normal; font-weight: normal; text-indent: 0; margin: .49em 0 0 0; text-align: center}

/*---------------FULL PAGE IMAGES---------------*/
img {text-indent: 0em}

/* LANDSCAPE CODE - FULL PAGE IMAGES
<div class="ipadfpw">
<img class="imagefpw" src="../images/9781234567890.jpg" alt="images" />
</div>
*/
.ipadfpw {margin: 0; width: 100%; text-align: center; text-indent: 0}
.imagefpw {margin: 0; width: 100%; text-align: center; text-indent: 0}

/* PORTRAIT CODE - FULL PAGE IMAGES (ex. COVER and TITLE PAGE)
<div class="ipadfp">
<img class="imagefp" src="../images/9781234567890.jpg" alt="images" />
</div>
*/
.ipadfp {margin: 0; height: 100vh; text-align: center; text-indent: 0}
.imagefp {margin: 0; height: 100%; text-align: center; text-indent: 0}


/*-----------------WITH CAPTIONS--------------*/

/* PORTRAIT CODE - WITH CAPTIONS
<div class="group1">
<div class="portrait1">
<img class="portrait2" src="../images/wall.jpg" alt="photo of the wall" />
<p class="caption">This is the Wall.</p>
</div>
</div>
*/
.portrait1 {height: 80%; text-align: center; text-indent: 0}
.portrait2 {height: 100%; text-align: center; text-indent: 0}

/* LANDSCAPE CODE - WITH CAPTIONS
<div class="group2">
<div class="landscape">
<img class="landscape" src="../images/wall.jpg" alt="photo of the wall" />
<p class="caption">This is the Wall.</p>
</div>
</div>
*/
.landscape {width: 100%;text-align: center;}
.landscape2 {width: 90%;text-align: center;}
.landscape2a {width: 80%;text-align: center;}
.landscape3 {width: 70%;text-align: center;}


/*-----------------WITHOUT CAPTIONS--------------*/

/* PORTRAIT CODE - WITHOUT CAPTIONS
<div class="group1">
<div class="portrait2">
<img class="portrait2" src="../images/wall.jpg" alt="photo of the wall" />
<p class="caption">This is the Wall.</p>
</div>
</div>
*/


/*---SMALL SOURCE IMAGES---*/
/*
<div class="group">
<div class="portrait">
<img src="../images/wall.jpg" alt="photo of the wall" />
<p class="caption">This is the Wall.</p>
</div>
</div>
*/
.group_small {page-break-inside: avoid; page-break-after: right;}
.portrait {text-align: center; text-indent: 0}

/* Boxes */
div.box1 {border-top: 1pt black solid; border-right: 1pt black solid; border-bottom: 1pt black solid; border-left: 1pt black solid; padding:.5em; margin:1em 0 1em 0}
div.box1t {border-top: 1pt black solid; border-right: 1pt black solid; border-bottom: 1pt black solid; border-left: 1pt black solid; padding:.5em; margin:1em 0 0em 0}

/* About the Author */
.aut_caption {text-align: center; font-size: .7em;}




/*Additional*/
.hdate {text-indent: 0; margin: 0 0 0 0;}


/*Plates*/

.loi {padding-left: 1.7em; text-indent: -1.7em; text-align:left;}


.landscapew1 {width: 100%;}
.landscapew2 {text-align: center; text-indent: 0}
img.imglandscape100{width: 100%;text-align: center;text-indent:0}
img.imglandscape90{width: 90%;text-align: center;text-indent:0}
img.imglandscape80{width: 80%;text-align: center;text-indent:0}
img.imglandscape70{width: 70%;text-align: center;text-indent:0}
img.imglandscape60{width: 60%;text-align: center;text-indent:0}
img.imglandscape50{width: 50%;text-align: center;text-indent:0}
img.imglandscape40{width: 40%;text-align: center;text-indent:0}

.portraith1 {height: 60vh;}
.portraith2 {text-align: center; text-indent: 0em;}
img.imgportrait100{height: 100%;text-align: center;text-indent:0}
img.imgportrait90{height: 90%;text-align: center;text-indent:0}
img.imgportrait80{height: 80%;text-align: center;text-indent:0}
img.imgportrait70{height: 70%;text-align: center;text-indent:0}
img.imgportrait60{height: 60%;text-align: center;text-indent:0}
img.imgportrait50{height: 50%;text-align: center;text-indent:0}
.vh70{height:70vh;}
.h70{height:70%;}
.w100{width:100%;}
.vh60{height:60vh;}
.h60{height:60%;}