@page {margin: 2em; width: 800px; }

body { display: block; border: solid 1px silver;
       /* height: 1280px;  width: 800px; */
       margin: 1em; padding: 0 4em; text-align: left;
       font: normal 20px Perpetua, "Book Antiqua", "Times New Roman", serif;
        }
       /* Perpetua */

h1 { font-size: 3em; text-align: center; margin: 6em 0;}
h1.sub { font-size: 1.5em; margin-top: 6em;}

h2 { font-size: 2em; text-align: center;  margin: 8em 0 7em; }
h2.intro { margin: 1em 0 0; }
h2.app {margin: 3em 0 0;}
h2 span {display: block; font-size: .75em; margin: 0 0 1em;}
h3 {font-size: 1.5em; text-align: center; margin: 3em 0 0;}
h4 {font-size: 1.2em; }

a { text-decoration: none; }

p { text-align: justify; }

.bg { width: 440px; margin: 60px auto; background: beige;
       border-radius: 20px; border: solid 3px silver; }

.shadow {
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}


#toc {display: block; width: 280px; line-height: 2em; margin: 3em auto 4em;
      padding: 1em 1em 0;}

#toc span{ display: inline-block; width: 50px; text-decoration: none;
         background: none; color: maroon; text-align: right;
         margin-left: -60px; padding-right: 6px;}

.credits {width: 70%; font-size: .8em; border: solid 1px green;
          padding: 20px; margin: 10px auto;}

.pge { width: 480px; margin: 1em auto .05em; padding: 2em 2em 1em;
          page-break-before: always; background: beige;}
.pge h3 { margin: 2em 0 3em; color: green;}

.pge pre { font: normal 20px Perpetua, "Book Antiqua", "Times New Roman", serif;}


div.note{ margin: -1em 2em 1em; padding: 2px;  width: 70%; position: relative;}
div.note:before {content: ""; position: absolute; left: 3px; top: -5px;
         height: 1px; width: 100px; border-bottom:1px solid;}
div.note p {font-size: .6em; margin: .5em 0 0 2em;
            text-align: justify; text-indent: -10px; line-height: 1em;}

/*
div.note p:before { content: ""; border-top: 1px solid; margin: 5px 0 5px -20px; display: block; max-width: 100px; }
*/

#imgBox {width: 550px; margin: 4em auto;}
#dmndBox {display: block; width: 29px; height: 29px;  margin: 2.5em auto 0;
            background: url(diamBtn1.png) 0 29px;  }
#dmndBox:hOver { background: url(diamBtn1.png) -28px 29px; }

#footer{ display: block; width: 30px; height: 30px; margin: 1em auto 4em;}

#app { width: 580px; margin: -1.5em auto .05em; padding: 2em 2em 1em;}
#app h3 { margin: 0;}
#app p{margin: 1em 0 0 2em;}
#app h4 {text-align: center; color: green}
#app ol { width: 75%; margin: 1em 0 1em 3em; padding: 1em 0 1em 4em; background: beige;}


ol {  width: 85%; margin: 2em 0 2em 3em; text-align: justify; }
ol li { margin-top: .6em; padding-left: .6em;}
ul.ind { margin-left: 4em; text-indent: -3em; width: 75%}
li span {display: block; font-style: italic;}

.pBef { margin: 6em 0 .05em; page-break-before: always; }


.noBullet, .nblt { list-style-type:none; width:80%; }
.strophe{ display:block; width:400px;margin:1em auto;}
.cite { display: block; margin: 2em 4em; font-style: italic; line-height: 1.2em; text-indent: 0 }
.cite i { font-style: normal; }
.norm { font-style: normal;}
.cntr{ text-align: center}


.b {font-weight: bold; }
.sig {text-align: right; margin: 60px 0 0;}
.small{ font-size: .75em}

.verse { width: 85%; display: block; margin: 2em auto; font-style: italic; line-height: 1em; }
div.verse p{padding: 0; font-style: italic; margin: .9em 0 0; text-indent: 0;}
pre.verse { font-family: serif; font-size: .92em; line-height: 1.2em}

.ind1 { width: 85%; display: block; margin: 2em auto;}
.sctInd { width: 95%; margin-left: 2em;}
.sctInd h4 {font-size: 1em; margin: 1.5em 0 0 -2em; }

.Cols2 { width: 600px; margin: 2em auto;}
.Cols2 td{ font-size: .9em; padding: 0 0 0 .2em;}
.Cols2 td:first-child{text-align: right;}

div#notes { margin: 4em 2em 2em; padding: 6px 4px; border-top: solid 1px;  width: 85%;}
#notes h4{ margin: 0; font-size: 1em; }
#notes ol { font-size: .85em; margin: .8em 0; padding: 0 2em;}
#notes li { margin: .5em 0;}


/*  ul.ind li{ text-indent: -2em;}
ul.ind li:first-line { text-indent: 2em;}
*/

/*
  @media print{
            .pBreak {page-break-before: always; margin-top: 5em; }
            }


display: block; text-indent: -1em;
 page-break-before: always;

*/

/*
section {page-break-before: always; margin: 0 10px;}

section#notes { margin: 4em 2em 2em; padding: 6px 4px; border-top: solid 1px;  width: 85%;}
section#notes h4{ margin: 0; font-size: 1em; }
section#notes div {display: block; text-indent: -1em; font-size: .9em;
                   margin: 1em 0; padding: 0 2em; background: beige;}

*/