/* basic page set-up */
/* definition for the headings */
/* various font styles */
/* image styles */
/* hyperlinks */
/* header area */
/* footer area */
/* layout grids */
/* display on various screens*/

/* basic page set-up */

@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;
color: white;
font-size:20px;
margin-top:10px;
background-color: #408080; /*#808080; #242E0C;  #E6E6D2; #D6D6B4;*/
padding-bottom:1em;
/* background-image:url(../images/text.gif); 
scrollbar-base-color:#336699;
scrollbar-arrow-color:#fff; */
margin-left:auto;
margin-right:auto;
width:85%;
max-width:860px;
}

@media (min-width: 0px) and (max-width: 720px) {
body {width:95%; }
a {line-height: 200%;}
}

p, li {
color: white; /*#535300;*/
line-height:150%;
letter-spacing: normal;
word-spacing:normal;
}

i {
font-size:97%;
}

em {
text-decoration:none;
color:#4B0082;
font-style:normal;
}

abbr {
text-decoration:none;
}
	
.navigation {position: sticky; top: 0; } 
div.navigation {position: sticky; top: 0; } 

.note {color:lightgrey; font-weight:bold; padding:0px 10px; }

.notes, div.notes {width:70%; margin:auto; text-align:justify; margin-bottom:1em;}

.yumpu {
 width: 600px;
 height: 540px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:-0px;
 position: relative;
}

.thumbs,
.flips {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}

.left {text-align:left;}


/* Style for the Tooltips */

body {counter-reset: number;}

.autonumber:before {counter-increment: number;
content: counter(number, decimal-leading-zero);
}

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

span.TT span {
z-index:25;
display:none;
position: absolute;
left:-224;
top:25px;
color:#375151;
padding:6px;
width: intrinsic;
width: -moz-max-content;
width: -webkit-max-content; 
width: max-content;
max-width: 22.5em;
background-color:#BBD5D5;
text-align:left;
border:2px solid #fff;

/* taking out unwanted formatting: */

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

span.TT sup {
color:yellow;
font-size:16px;
background-color:#406080;
padding:0 2px;
border: solid 0px lightgreen;  -moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; 
}

span.TT span sup {
color:darkgreen;
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;}
}

sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}


/* definition for the headings */

.Heading1, .Heading1x, h1 {
/* font-variant:small-caps; 
text-shadow: -0.5px 0 black, 0 0.5px black, 0.5px 0 black, 0 -0.5px black; */
text-align:center;
/* background-color:#808000; */
color: yellow; /* #535300;*/
width:100%;
font-weight:bold;
font-size:200%;
/* box-shadow: 4px 4px 4px #666;*/
}

.Heading2, .Heading2x, h2 {
/* font-variant:small-caps; 
text-shadow: -0.5px 0 black, 0 0.5px black, 0.5px 0 black, 0 -0.5px black; */
text-align:center;
color: yellow; /* #535300;*/
font-weight:bold;
font-size:175%;
/* text-shadow:#AFC485 2px 2px 2px;*/
}

.Heading3, .Heading3x, h3 {
/* font-variant:small-caps; 
text-shadow: -0.5px 0 black, 0 0.5px black, 0.5px 0 black, 0 -0.5px black; */
text-align:center;
color: yellow; /* #535300;*/
font-weight:bold;
font-size:150%;
/* text-shadow:#AFC485 2px 2px 2px;*/
}

.Heading4, .Heading4x, h4 {
/* font-variant:small-caps; 
text-shadow: -0.5px 0 black, 0 0.5px black, 0.5px 0 black, 0 -0.5px black; */
text-align:center;
padding-left:1em;
padding-right:1em;
color: yellow; /* #535300;*/
font-weight:bold;
font-size:125%;
/* font-variant:small-caps; */
/* background-image:url(../images/text.gif); */
width:96%;
line-height:200%;
/* text-shadow:#AFC485 2px 2px 2px;*/
}

.Heading5 {
/* font-variant:small-caps; 
text-shadow: -0.5px 0 black, 0 0.5px black, 0.5px 0 black, 0 -0.5px black; */
text-align:center;
color: yellow; /* #535300;*/
font-weight:normal;
font-size:115%;
}

.Heading6 {
/* font-variant:small-caps; 
text-shadow: -0.5px 0 black, 0 0.5px black, 0.5px 0 black, 0 -0.5px black; */
text-align:center;
color: yellow; /* #535300;*/
font-weight:bold;
font-size:115%;
text-shadow:#000000 2px 2px 2px;*/
}

.info {overflow:hidden; font-size:small; color:white; text-align:left; padding-left:10px; margin-left:0em; position:fixed; bottom:0; left:0; width:6em;}

#downloads {visibility:visible; overflow:hidden; font-size:small; color:#333; text-align:right; padding-right:10px; margin-right:0em; position:fixed; bottom:0; right:0; width:6em;}

#downloads a:hover { text-decoration:none; }

/* various font styles */

.information {color:white; font-style:normal;font-weight:normal;}
.small-caps { font-variant:small-caps; }
.center, div.center, div.center p {text-align:center;}
.justify, .justify p, div.justify, div.justify p {text-align:justify;}
.left, .left p, div.left, div.left p {text-align:left;}
.indent3 {margin-left:3em;margin-right:3em;}
.indent6 {margin-left:6em; margin-right:6em;}
.right {text-align:right;}

.slidebox {background-color:#404080; color: white; padding:5px 10px; -moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;  /*border: solid 2px white;*/ }
.slidebox:hover {color: lightblue; }

.lemonbox {/*background-color:lemonchiffon; */padding:2px 5px; /*border: solid 2px #808000;  -moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; text-decoration:none; box-shadow: 4px 4px 4px #666;*/}
/*.lemonbox:hover {background-image:url(../images/photos.gif);}*/
.highlightimage {color:darkred; background-image:url(../images/photos.gif);}
.highlight {width:300px; max-width:90%; background-color:black;text-align:center;}

.number {color:green;}

#summary, .summary {
width:720px;
max-width:70%; 
margin:auto; 
margin-bottom:20px; 
text-align:center; 
font-weight:normal !important; 
background-color:#804080; /*#5A751E*/
padding:10px 15px;  
border-radius: 10px;
/*border: solid white 12px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border: solid blue 1px; filter: grayscale(100%); -webkit-filter: grayscale(100%);*/
}

#tooltip{
font-size:95%;
position:absolute;
border:2px solid blue;
padding:4px;
background-color:#FFFF99;
background-image:url(../images/photos.gif);
visibility:hidden;
z-index:100;
progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#slideshow {visibility:visible; color:darkgrey; }

.photo-dl {
display:block;
}

/* image styles */

.phototable {
	width:100%;
}

/* .pure-u-1-4, .photocell {width:95%; max-width:95%; max-height:95%; margin:0;} */
.photocell {width:95%; max-width:95%; max-height:95%; margin:auto; }

.image, .lazy {max-width:95%; max-height:95%; margin:auto; border:solid white 10px;}

.lytebox {max-width:95%; margin:auto; }

.caption {
position:relative;
margin:-12px auto;
background-color:#406080 /*#5A751E*/;
/* background-image:url(../images/photos.gif);*/
padding:1.5%;
width: intrinsic;
width: -moz-max-content;
width: -webkit-max-content; 
width: max-content;
max-width:95%;
margin-bottom:30px;
/*box-shadow: 4px 4px 4px #666;*/
letter-spacing: normal;
word-spacing:normal;
/*border:4px solid #333333;*/
}

.shady {
background-color: #808080;
position:relative;
bottom:-10px;
color:white;
padding:6px; 
/*border: solid white 10px;*/
}

.showcase {
text-align:center;
/*border: solid white 10px;*/
width:100%;
/*box-shadow: 4px 4px 4px #666;*/
}

/* hyperlinks */
/* - note the order:link, visited, hover, active -
this is important for the links to work properly! */

a:link {color:#76FF76; text-decoration:none; /* font-variant:small-caps; */ font-weight:bold; text-shadow: -0.5px 0 black, 0 0.5px black, 0.5px 0 black, 0 -0.5px black; }
a:visited {color:#76FF76; text-decoration:none; /* font-variant:small-caps; */ font-weight:bold; text-shadow: -0.5px 0 black, 0 0.5px black, 0.5px 0 black, 0 -0.5px black; }
a:hover {color:white; text-decoration:none; /* font-variant:small-caps; */ text-shadow: -0.5px 0 black, 0 0.5px black, 0.5px 0 black, 0 -0.5px black; }
a:active {color:red; text-decoration:none; /* font-variant:small-caps; */ font-weight:bold; text-shadow: -0.5px 0 black, 0 0.5px black, 0.5px 0 black, 0 -0.5px black; }

/*a.gflag {font-size:32px;padding:1px 0;background-repeat:no-repeat;background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/32.png');}
a.gflag img {border:0;}
a.gflag:hover {background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/32a.png');}*/

.short-url a {font-variant:normal !important; }

/* header area } */

@media (min-width: 0px) and (max-width: 860px) {
.NavigationBar {display:none !important;}
.info, #downloads {display:none !important; }
}

nav {
text-align:center;
/* font-variant:small-caps; */
font-weight:bold;
font-style:normal;
/* display:none; */
}

nav a:link, .short-url a:link {color:#7EFFFF; padding-left:5px; padding-right:5px; text-decoration:none; /*text-shadow:turquoise 1px 1px 1px;*/}
nav a:visited, .nav a:visited, .short-url a:visited {color:#7EFFFF; padding-left:5px; padding-right:5px; text-decoration:none; /*text-shadow:mediumpurple 1px 1px 1px;*/}
nav a:hover, .short-url a:hover {color:white; padding-left:5px; padding-right:5px; text-decoration:none; /*background-color:yellow;text-decoration:underline;*/ }
nav a:active, .short-url a:active {color:red; padding-left:5px; padding-right:5px; text-decoration:none; /*text-shadow:salmon 1px 1px 1px;*/}

.nav2 {
text-align:center;
/* font-variant:small-caps; */
font-weight:bold;
font-style:normal;
/* display:none; */
}

.nav2 a:link {color:#7EFFFF; padding-left:5px; padding-right:5px; text-decoration:none; /*text-shadow:turquoise 1px 1px 1px;*/}
.nav2 a:visited {color:#7EFFFF; padding-left:5px; padding-right:5px; text-decoration:none; /*text-shadow:mediumpurple 1px 1px 1px;*/}
.nav2 a:hover {color:white; padding-left:5px; padding-right:5px; text-decoration:none; /*background-color:yellow;text-decoration:underline;*/ }
.nav2 a:active {color:red; padding-left:5px; padding-right:5px; text-decoration:none; /*text-shadow:salmon 1px 1px 1px;*/}

.innernav a:link {color:#FFAAFF; padding-left:5px; padding-right:5px; text-decoration:none; }
.innernav a:visited {color:#FFAAFF; padding-left:5px; padding-right:5px; text-decoration:none; }
.innernav a:hover {color:white; padding-left:5px; padding-right:5px; text-decoration:none; }
.innernav a:active {color:red; padding-left:5px; padding-right:5px; text-decoration:none; }

.Nav-Bar-Top {
overflow:hidden;
position:fixed;
top:0;
left:0;
width:100%;
text-align:center;
/*background-image:url(../images/photos.gif);*/
height:55px;
/*border-bottom: solid blue;*/
}

.GSearch {
width:240px;
margin: auto;
}

.GTranslate {
width:150px;
margin: auto;
}

.gsc-branding {display:none !important;}

.instructions {display:block}

.shareaholic-ui {margin-left:10px !important;}

/* footer area */

.RSS {
text-align:center;
margin-top:12px;
}

#HCB_comment_box blockquote
{
text-align:left;
margin-left10px;
padding-left10px;
font-weight:normal;
color:darkblue;
}

#HCB_comment_box textarea {
  width:480px; height:180px;
}

/* layout grids */

.pure-u {
    display: inline-block;
    zoom: 1; *display: inline;
    vertical-align: top;
    text-rendering: auto;
}

.pure-u-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4 {
    display: inline-block;
    zoom: 1; *display: inline;
    vertical-align: top;
    text-rendering: auto;
}

.pure-u-1 {
    display:block;
}

.pure-u-1-1 {width: 95%;}

.pure-u-1-2 {width: 50%;}

.pure-offset-1-2 {margin-left: 50%;}

.pure-u-1-3 {width: 33.33333%;}

.pure-offset-1-3 {margin-left: 33.33333%;}

.pure-u-2-3 {width: 66.66667%;}

.pure-offset-2-3 {margin-left: 66.66667%;}

.pure-u-1-4 {max-width: 25%; margin:0;}

.pure-offset-1-4 {margin-left: 25%;}

.pure-u-1-5 {max-width: 20%; margin:0;}

.pure-offset-1-5 {margin-left: 20%;}

.pure-u-3-4 {width: 75%;}

.pure-offset-3-4 {margin-left: 74%;}

.pure-u-2-4 {width: 50%;}

.pure-offset-2-4 {margin-left: 24%;}

.pure-g-r {letter-spacing: -0.99em;
*letter-spacing: -0.99em;
word-spacing: -0.99em;}

.opera-only:-o-prefocus,
.pure-g-r {word-spacing: -0.99em;}


.pure-g-r img {max-width: 95%; }

.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-5-24,
.pure-u-7-24,
.pure-u-11-24,
.pure-u-13-24,
.pure-u-17-24,
.pure-u-19-24,
.pure-u-23-24 {
    display: inline-block;
    *display: inline; /* IE < 8: fake inline-block */
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

@media (max-width:960px) {
.pure-u-1-3 {display: block; margin-left:0px; margin-right:0px;}
}

/* display on various screens*/

/*
@media {
.pure-u-1-4 {page-break-before:always}
}


@media (min-width:1060px) {
            .pure-visible-phone     { display: none; }
            .pure-visible-tablet    { display: none; }
            .pure-visible-desktop   { }
            .pure-hidden-phone      { }
            .pure-hidden-tablet     { }
            .pure-hidden-desktop    { display: none; }
        }

@media (max-width:480px) {
            .pure-g-r > [class ^= "pure-u"] {
                width:100%;
            }
#lbClose, #lbCloseTop, #lbPrint, #lbPrintTop, #lbPlay, #lbPlayTop, #lbPause, #lbPauseTop, #lbPlay, #lbPlayTop, #lbPause, #lbPauseTop {width: 52px; height: 56px;}
        }

@media (max-width:767px) {

            .pure-g-r > [class ^= "pure-u"] {
                width:100%;
            }
            .pure-visible-phone     { }
            .pure-hidden-phone      { display: none; }
            .pure-hidden-desktop    { }
            .pure-visible-desktop   { display: none; }
        }
/*
@media (min-width:768px) and (max-width:1059px) {
            .pure-g-r > [class ^= "pure-u"] {
                width:50%;  hack 
        }
}

@media (min-width:768px) and (max-width:1059px) {
            .pure-visible-tablet    {}
            .pure-hidden-tablet     { display: none; }
            .pure-hidden-desktop    {}
            .pure-visible-desktop   { display: none; }
        }
*/

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

.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%;}

@media (max-width:720px) {
.cell1, .cell2, .cell3, .cell4, .cell5 {
display:block; 
width:100%;
}
}

@media (max-width:900px) {
#toc {
display:none;
}
}

.toc {
width: 240px;
position: fixed;
font-size:small;
padding: 0px 10px;
text-indent: -20px;
right:20px;
top:60px;
color: yellow;
height: 85%;
overflow: auto;
}
.toc-p a {
padding:3px;
color: yellow;
}
.toc b {
font-weight: normal;
color: yellow;
}
.toc ul {
list-style-type: none;
}
.toc span, .toc sup {
display:none;
}
.toc-active a {
/*background-color:#406080;*/
}
.toc-active a, .toc-active b {
  color: orange;
}
#toc-wrapper {
width: 100%;
float:left;
}