@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, a	{font-size:1.1em; color:#444;}
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;}
.no-top {margin-top:0; padding-top:0;}
.no-bottom {margin-bottom:0; padding-bottom:0;}
.nobr {white-space: nowrap}

div.figureleft { text-align: center; float: left; margin: 0.0em 0.5em 0.5em 0; }
div.figureright { text-align: center; float: right; margin: 0.0em 0 0.5em 0.5em; }
div.figurecenter { text-align: center; margin: 0.0em 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: .3em;}
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{ 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; }
.centerdiv{
  margin-left: auto ;
  margin-right: auto ;
}

#columnmain { float:left; width:790px;}
#columnnav  { float:left; margin-right:20px; width:155px; margin-bottom:20px; }
#columnnav p { font-size:11px; font-variant:small-caps;}
#columnnav ul { margin:0; padding:0; border:1px solid #000; font-size:12px; text-transform:uppercase; }
#columnnav li { margin:0; padding:0; border:1px solid #000; }
/* #columnnav li { background-color: #333;}  */
#columnnav li a { font-size:12px; color:#777; background-color: #333; display:block; padding:4px 1em; text-align:right; }
#columnnav li a:hover { background-color: white;} 
/* marko logo */
#columnnav li.contents a {background-image:url('pics/marko-title-sm-smooth-bbgray.gif'); background-repeat:no-repeat; }
#columnnav li.contents a:hover  { background-image:url('pics/marko-title-sm-smooth-bbwhiteback.gif'); background-repeat:no-repeat; }
#columnnav li.contents a {padding-top:60px; }

/* site specs */
.section {padding:20px; margin:0; width:auto; max-width:500px;}
.folio { width:750px; text-align:justify; padding:20px 20px 0 20px; }
.folio img { margin:0; padding:0; border:0; padding-bottom:20px; vertical-align:text-bottom; }


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

.whiteback  { background-color:white; 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; }
#columnnav { display:none; }
body.print { background-color: transparent; font-size: 12pt; color:black; }
.print * { background-color: transparent; color:black; font-size: 12pt; }
	
/* .section { width:auto; } full page       */
/* .section, .page { padding:0; margin:0; } */

}