body {background: rgb(240,240,240); color: black; font-family: garamond;} 

div.plain {margin-top: 0.6em; margin-bottom: 0em;}

h1 {margin-top: 1.5em; font-size: 145%; font-Weight: normal; margin-left: 4%;} 
h2.h1nopagebrk {margin-top: 1.5em; font-size: 145%; font-Weight: normal; margin-left: 4%;} 

h1.mytitle {font-size: 200%;}
h2 {font-size: 130%; font-Weight: normal; margin-left: 8%;} 

h3 {margin-top: 0.6em; margin-bottom: 0em; font-size: 100%; font-Weight: bold; margin-left: 12%;} 

/*
..h1 4%, 0%
....h2 8%, 0%
.......p, li, VBcode, table 12%, 22%, 
.........quote, 14%, 22%
*/

img.bordered {border: thin solid; border-color: gray; border-width: 1px; padding:0px}

/* smallerbordered is shrunk more on print.*/
img.smallerbordered {border: thin solid; border-color: gray; border-width: 1px; padding:0px}

p {position: relative; font-size: 100%; font-Weight: normal;
   font-family: garamond; margin-left:12%; margin-right:20%;
   margin-top: 0.6em; margin-bottom: 0em;} 
p.quote {font-size: 90%; margin-top: 0.6em; margin-bottom: 0em; margin-left:14%; margin-right:22%;}
p.toc {font-size: 90%; margin-top: 0.1em; margin-bottom: 0em; margin-left:14%; margin-right:22%;}

br {position: relative; font-size: 100%; font-Weight: normal;
   font-family: garamond; margin-left:12%; margin-right:20%;
   margin-top: 0.6em; margin-bottom: 0em;} 

ul {margin-top: 0.5em; margin-bottom: 0.5em; margin-left:14%; margin-right:22%;}
ol {margin-top: 0.5em; margin-bottom: 0.5em; margin-left:14%; margin-right:22%;}
 
pre {font-family: verdana, monospace; font-size: 80%;} 
pre.VBcode {font-family: verdana, monospace; font-size: 80%;
   border: thin solid;  border-color: gray;  border-width: 1px; padding: 0.5em;
   margin-top: 0.6em; margin-bottom: 0em; margin-left: 12%; margin-right: 22%;}

sub {font-size: 80%;} 
super {font-size: 80%;}

table {font-size: 100%; margin-top: 1em; margin-left:12%; margin-right:22%;} 

span.margin_ad {position: absolute; left:85%;} /* For Google sidebar ads. */

span.marginnote
{  position: relative; width: 17%; padding: 0.25em; font-size: 80%;
   border-left: thin solid; border-color: gray; border-left-width: 1px;
   float: right; margin-top: 0.5em; margin-bottom: 0.5em;
} 
 
span.marginimage
{  position: relative; float: right; margin-top: 0.5em; margin-bottom: 0.5em;
} 

div.bigimage
{  position: relative; padding: 0em; margin-top: 0.5em; margin-bottom: 0.5em;
   margin-left: 12%;
} 

div.hugeimage
{  margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 5%;
} 

/* div.shifted {position: absolute; top: 25%; left: 25%;} */

div.shifted {margin-left:10%; margin-top:-30%;}
div.shifted2 {margin-left:20%; margin-top:-30%;}
div.shifted3 {margin-left:30%; margin-top:-30%;}
div.shifted4 {margin-left:40%; margin-top:-30%;}
div.shifted5 {margin-left:50%; margin-top:-30%;}

@media print
{  A:link, A:visited {color: black; text-decoration: underline;}
   body {font-size: 11pt; margin-left: 0%; margin-right: 0%;}

   h1.mytitle {page-break-before: auto; font-size: 32pt;}
   h2.h1nopagebrk {margin-right: 0%; font-size: 145%; margin-left: 4%;} 
   
   h1 {margin-left: 4%; margin-right: 0%; page-break-before:always;}
   h2 {margin-left: 4%; margin-right: 0%; page-break-after: avoid;}
   h3 {margin-left: 4%; margin-right: 28%; page-break-after: avoid;}
   h4 {margin-left: 4%; margin-right: 28%;}
   h5 {margin-left: 4%; margin-right: 28%;}
   h6 {margin-left: 4%; margin-right: 28%;}
 
   /* Orphans are lines at page bottom, widows are lines at page top. */
   img {zoom: 0.66;}
   img.smallerbordered {border: thin solid; border-color: gray; border-width: 1pt; padding:0px; zoom: 0.52}
   
   p {margin-left: 4%; margin-right: 28%; orphans:0; widows:0;}
   p.toc { margin-left:10%; margin-top: 0.1em; margin-bottom: 0em;}
   p.quote {font-size: 100%; font-size: 90%; margin-left: 8%; margin-top: 0.6em; margin-bottom: 0em; margin-right: 29%;} 

   br {margin-left: 4%; margin-right: 28%; orphans: 0; widows:0;}
   ul {margin-left: 7%; margin-right:28%; margin-top: 0.1em; margin-bottom: 0.1em;}
   ol {margin-left: 7.5%; margin-right:28%; margin-top: 0.1em; margin-bottom: 0.1em;}

   pre.VBcode {font-family: verdana, monospace; font-size: 8pt;
     border: thin solid;  border-color: gray;  border-width: 1pt; padding: 0.5em;
     margin-left: 4%; margin-right: 30%; margin-top: 0.6em; margin-bottom: 0em;
     page-break-inside:avoid; orphans: 0; widows:0;}

   table {margin-left: 4%; margin-right: 0%;}

   /* span.marginnote */ /* Cannot do "page-break-inside:avoid" with an absolute positioned element! */
   /* {  position: absolute; width: 12em; padding: 0.25em; font-size: 9pt;
      margin-top:0.5em; left:76%;
      border-left: thin solid; border-color: gray; border-left-width: 1pt;
      page-break-inside:avoid;
   } */

   span.marginnote /* Cannot do "page-break-inside:avoid" with an absolute positioned element! */
   {  position: relative; padding: 0.3em; font-size: 9pt;
      border-left: thin solid; border-color: gray; border-left-width: 1pt;
      float:right; width: 14em; 
      margin-left:2%; margin-right:2%; margin-top: 0.5em; margin-bottom: 0.5em;
	 page-break-inside: never;
   }

   span.marginimage
   {  position: relative; padding: 0em;
      float: right;
      margin-right:4%; margin-top: 0.5em; margin-bottom: 0.5em;
      page-break-inside: never;
      /* atomicselection:true; Seems to do nothing. */
   } 

   div.middleimage
   {  position: relative; padding: 0em;
      margin-left: 5%; margin-top: 1em; margin-bottom: 1em;
      page-break-inside: avoid;
   }

   div.bigimage
   {  position: relative; padding: 0em; margin-top: 0.5em; margin-bottom: 0.5em;
      margin-left: 5%;
   } 
}