@charset "utf-8";
body, .sans { font-family:"Trebuchet MS",Arial,sans-serif; padding:0; margin:0; font-size:100%;}
.page { padding:1.5em; margin:1.5em; }
.whiteback p, .serif p { font-family:Perpetua, "Times New Roman", Garamond, serif; }
.verse, p.verse  { font-family:Papyrus, Perpetua, "Times New Roman", Garamond, serif; line-height:200%; font-weight:bold; }
.verse { font-size:150%;}
p.verse { font-size:120%;}
.small	{font-variant:small-caps;} 
p	{font-size:1.1em; color:#444; /* color over-ridden later */}
a	{font-style:bold; }
h1		{font-size:1.3em;  margin-top:0;}
h2, h3		{font-size:1.2em;}
img		{border:0;}
ul { margin-left:1em; }
li { color:#888; font-size:75%; list-style-type:none; }  /*  */
li a { color:white; font-size:medium;} 
.framed	{ border:3px solid white; }
.section	{ margin-top:3em; width:600px; margin-left:3em;  }
.section .section { margin-left:0; }
.section-number {font-size:.7em; margin-bottom:0;}
div.indent {padding-left:2em;}
.toolbaricons img {padding:0 4px;}
.note{font-size:.9em;}
.caption, .ittynote {font-size:.8em; font-style:italic;}
.no-top {margin-top:0; padding-top:0;}
.no-bottom {margin-bottom:0; padding-bottom:0;}

div.figureleft { text-align: center; float: left; margin: 0.5em 0.5em 0.5em 0; }
div.figureright { text-align: center; float: right; margin: 0.5em 0 0.5em 0.5em; }
div.figurecenter { text-align: center; margin: 0.5em auto; max-width:50%; } /* can't make div limited to size of pic */
div.figureright, div.figureleft, div.figurecenter {   /* width: 25%; */
  padding: 0; 
  /* border: thin silver solid; */  /* also add padding for border */  }
div.figureleft p, div.figureright p, div.figurecenter p { padding-bottom: 0; margin-bottom: .25em;}
div.figureleft p+p, div.figureright p+p, div.figurecenter p+p {
  font-style: italic;
  font-size: 70%;
  text-indent: 0;
  padding-top: 0; margin-top: 0;
  padding-bottom: inherit;  margin-bottom: 1em;
}
img.scaled { width: 100%; }

.centertext, .caption { text-align:center; }
.textright{ text-align:right; }
.textleft{ text-align:left; }
.divright { margin-left:auto; margin-right:0; }
.divleft { margin-left:0; margin-right:auto; }
.alignleft { float: left; }
.alignright { float: right; }
.clearboth { clear:both; }
.clearright { clear:right; }
.clearleft { clear:left; }

/* fix line spacing for superscripts (footnotes) */
sub, sup { 
	font-size: 75%;
	line-height: 0; 
	position: relative; 
	vertical-align: baseline; 
	}
sup { top: -0.5em; }
sub { bottom: -0.25em; }



/* colors */
p, td, th, .caption { color:#ccc; }
.section-number { color:#999; }
body	{ background-color:#000; color:#fff; }
a		{ color:#fff; text-decoration:none; }
a:hover, a:active		{ color:#fc0; }
b { color:white; }

.whiteback  { background-color:white; color:#fc0; }
.whiteback .section { color:black; }
.whiteback p, .whiteback td, .whiteback b, p.verse, .verse p { color:#444; }
.whiteback a { color:black; text-decoration:none; }
.whiteback p a { color:#47a; text-decoration:none; }
.whiteback a:hover, .whiteback a:active, .whiteback p a:hover, .whiteback p a:active { color:#fc0; }

.omit  { display:none; }

/* screen formatting */
@media screen {
 .noscreen { display:none; }
}

/* print formatting */
@media print {
.noprint { display:none; }
body.print { background-color: transparent; font-size: 12pt; color:black; }
.print * { background-color: transparent; color:black; font-size: 12pt; }

}