@font-face {
  font-family: 'Gentium Book Basic';
  src: local('Gentium Book Basic'), url('../fonts/GentiumBookBasic.woff') format('woff');
  src: url('../fonts/ttf/GenBkBasR.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gentium Book Basic';
  src: local('Gentium Book Basic'), url('../fonts/GentiumBookBasic-Italic.woff') format('woff');
  src: url('../fonts/ttf/GenBkBasI.ttf') format('ttf');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Gentium Book Basic';
  src: local('Gentium Book Basic'), url('../fonts/GentiumBookBasic-Bold.woff') format('woff');
  src: url('../fonts/ttf/GenBkBasB.ttf') format('ttf');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Gentium Book Basic';
  src: local('Gentium Book Basic'), url('../fonts/GentiumBookBasic-BoldItalic.woff') format('woff');
  src: url('../fonts/ttf/GenBkBasBI.ttf') format('ttf');
  font-weight:bold;
  font-style: italic;
}

body {
font-family: "Gentium Book Basic", Gentium, 'Times New Roman', Times, serif;
font-size:20px;
width:95%;
max-width:720px;
margin-top:1em;
margin-left:auto;
margin-bottom:2em;
margin-right:auto;
background-color: #FAEBD7;
}

p {text-align:justify; color: #004000 ; }
li {margin-left:0px; margin-bottom:12px; color: #5a2d0c ; }
.toc li {margin-bottom:0px;}
.center {width:100%; margin-left:auto; margin-right:auto; text-align:center; }
div.center p {text-align:center; margin-left:auto; margin-right:auto;}
.indent3 {margin:1em 2em; }
.verse3 {margin:1em 2em; font-style:italic;}
.commentary {margin:1em 3em; font-size:90%;}
.number {color:#7F9861; font-weight:normal; font-size:small;}
.right {text-align:right;}

.rounded {
border:1px solid #;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.summary {
 width:75%;
 margin:auto;
 margin-bottom:1em;
 font-size:90%;
}

.firstpara {
font-size:110%;
}

.cover {width:480px; max-width:100%; text-align:center; }

.Heading1 {font-weight:bold; text-align:center; font-size:175%; }
.Heading2 {font-weight:bold;  text-align:center;font-size:150%;  }
.Heading3 {font-weight:bold;  text-align:center; font-size:135%;  }
.Heading3x {font-weight:bold;  text-align:center; font-size:135%;  }
.Heading4 {font-weight:bold;  margin-left:3em; font-size:100%;  letter-spacing:0.1em; }
.Heading4x {font-weight:bold;  margin-left:3em; font-size:100%;  letter-spacing:0.1em; }
.Heading5 {font-weight:bold;  width:8em; margin:auto; margin-top:20px; font-variant:small-caps; text-align:center; font-weight:normal; font-size:100%; background-color:#ddd; border:2px black solid;}

/* links */

a:link {
color:darkred;
text-decoration:none;
}

a:visited {
color:purple;
text-decoration:none;
}

a:hover {
color:red;
text-decoration:none;
}

a:active {
color:green;
text-decoration:none;
}

/* Table of Contents */

.toc {
width: 520px;
margin:auto;
text-align:left;
font-size:normal;
padding: 0px 10px;
text-indent: -50px ;
color: #999;
}
.toc-p a {
padding:1px;
color: black;
display: inline-block;
text-align: left;
}
.toc b {
font-weight: normal;
color: black;
}
.toc ul {
list-style-type: none;
}
#toc-wrapper {
width: 100%
float:left;
}

/* Style for the Tooltips */

span.TT {
position:relative; /*this is the key*/
}

span.TT span {
z-index:25;
display:none;
position: absolute;
left:-224;
top:25px;
color:black;
padding:6px;
width:22.5em;
background-color:#FFF;
text-align:left;
border:2px solid black;

/* taking out unwanted formatting: */

font-variant:normal;
font-weight:normal;
font-style:normal;
font-size:90%;
margin-left:0em;
text-indent:0em;
text-shadow: none;
letter-spacing:0em;
line-height:100%;
}

span.TT sup {
color:blue;
background-color:#FFF;
}

span.TT span sup {
color:black;
background-color:#FFF8F0;
}

span.TT sup:hover {
cursor:pointer;
}

span.TT cite {
font-size:1em;
}

@media screen and (min-width: 0px) and (max-width: 720px) {
span.TT span.TT {
float: right;
right: -7em;
top:20px;
margin-bottom: 20px;
   }
span.TT span {width:14em;}
}