@font-face {
  font-family: 'ITM_TFY_UNI';
  src: local('ITM_TFY_UNI'), url('../fonts/ITM_TFY_UNI.woff') format('woff');
  url('../fonts/ttf/itfyu-r.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ITM_TFY_UNI';
  src: local('ITM_TFY_UNI'), url('../fonts/ITM_TFY_UNI-Italic.woff') format('woff');
  url('../fonts/ttf/itfyu-i.ttf') format('ttf');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'ITM_TFY_UNI';
  src: local('ITM_TFY_UNI'), url('../fonts/ITM_TFY_UNI-Bold.woff') format('woff');
  url('../fonts/ttf/itfyu-b.ttf') format('ttf');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'ITM_TFY_UNI';
  src: local('ITM_TFY_UNI'), url('../fonts/ITM_TFY_UNI-Bold-Italic.woff') format('woff');
  url('../fonts/ttf/itfyu-bi.ttf') format('ttf');
  font-weight:bold;
  font-style: italic;
}

@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: #fff;
}

p {text-align:justify; color: black; }
li {margin-left:0px; margin-bottom:12px;}
.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:0 2em; }

.rounded {
max-width: 100%;
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; }

.yumpu {
 width: 600px;
 height: 552px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:-50px;
 position: relative;
}
.thumbs,
.flips {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}

.Heading1 {font-family: 'ITM_TFY_UNI', "Liberation Sans", "DejaVu Sans", Verdana, Geneva, sans-serif; text-align:center; color:black; font-size:175%; }
.Heading2 {font-family: 'ITM_TFY_UNI', "Liberation Sans", "DejaVu Sans", Verdana, Geneva, sans-serif; text-align:center;color:black; font-size:150%;  }
.Heading3 {font-family: 'ITM_TFY_UNI', "Liberation Sans", "DejaVu Sans", Verdana, Geneva, sans-serif; text-align:center; color:black; font-size:135%;  }
.Heading3x {font-family: 'ITM_TFY_UNI', "Liberation Sans", "DejaVu Sans", Verdana, Geneva, sans-serif; text-align:center; color:black; font-size:135%;  }
.Heading4 {font-family: 'ITM_TFY_UNI', "Liberation Sans", "DejaVu Sans", Verdana, Geneva, sans-serif; margin-left:3em; color:black; font-size:100%;  letter-spacing:0.1em; }
.Heading4x {font-family: 'ITM_TFY_UNI', "Liberation Sans", "DejaVu Sans", Verdana, Geneva, sans-serif; margin-left:3em; color:black; font-size:100%;  letter-spacing:0.1em; }
.Heading5 {font-family: 'ITM_TFY_UNI', "Liberation Sans", "DejaVu Sans", Verdana, Geneva, sans-serif; width:8em; margin:auto; margin-top:20px; font-variant:small-caps; text-align:center; color:black; font-weight:normal; font-size:100%; background-color:#ddd; border:2px black solid;}

/* links */

a:link {
color:#4242FF;
text-decoration:none;
}

a:visited {
color:#8080FF;
text-decoration:none;
}

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

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


/* 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:normal;
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;}
}


/* class tables*/

.table {display: table; border:2px lightgray solid;}
.row {display: table-row; border:2px lightgray solid; }
.cell {display: table-cell; border:2px lightgray solid; padding:0px 10px;}
.cell1 {display: table-cell; border:2px lightgray solid; padding:0px 10px;  }
.cell2 {display: table-cell; border:2px lightgray solid; padding:0px 10px; }
.cell3 {display: table-cell; border:2px lightgray solid; padding:0px 10px;  }
.cell4 {display: table-cell; border:2px lightgray solid; padding:0px 10px;}
.cell5 {display: table-cell; border:2px lightgray solid; padding:0px 10px; }
.cell6 {display: table-cell; border:2px lightgray solid; padding:0px 10px;  }
.cell7 {display: table-cell; border:2px lightgray solid; padding:0px 10px; }
.cell8 {display: table-cell; border:2px lightgray solid; padding:0px 10px;}
.cell9 {display: table-cell; border:2px lightgray solid; padding:0px 10px; }
.cell10 {display: table-cell; border:2px lightgray solid; padding:0px 10px; }
.cell11 {display: table-cell; border:2px lightgray solid; padding:0px 10px; }
.cell12 {display: table-cell; border:2px lightgray solid; padding:0px 10px; }

.table2.cell {width:50%;}
.table3.cell {width:33%;}
.table4.cell {width:25%;}
.table5.cell {width:20%;}


.table2.cell1 {width:50%;}
.table2.cell2 {width:50%;}

.table3.cell1 {width:33%;}
.table3.cell2 {width:33%;}
.table3.cell3 {width:33%;}

.table4.cell1 {width:25%;}
.table4.cell2 {width:25%;}
.table4.cell3 {width:25%;}
.table4.cell4 {width:25%;}

.table5.cell1 {width:20%;}
.table5.cell2 {width:20%;}
.table5.cell3 {width:20%;}
.table5.cell4 {width:20%;}
.table5.cell5 {width:20%;}