body {background: rgb(240,240,240); color: black; font-family: garamond; margin-left: 15%; margin-right: 20%;}
h1 {font-size: 160%; font-Weight: normal; margin-left: -7%; font-family: garamond;}
h1.title {margin-left: 0%; font-family: garamond;}
h2 {font-size: 130%; font-Weight: normal; margin-left: -4%; font-family: garamond;}
h3 {font-size: 100%; font-Weight: bold; margin-left: -2%; font-family: garamond;}
h4 {font-size: 100%; font-Weight: normal; margin-left: 0%; font-family: garamond;}
h5 {font-size: 100%; font-Weight: normal; margin-left: -7%; font-family: garamond;}

p {font-size: 100%; font-Weight: normal; font-family: garamond; margin-top: 1em; margin-bottom: 1em;}
p.barheader {position: absolute; left: 1em; margin-bottom: 0em; margin-top: 0em;}
p.quote {font-size: 100%; font-Weight: normal; margin-left: 3%; margin-top: 0em; margin-bottom: 0.9em;}

pre {font-family: verdana, monospace;}
sub {font-size: 80%;} super {font-size: 80%;}

table {font-size: 100%; margin-top: 1em;}
td {cellspacing: 0; cellpadding: 0; font-family: garamond; font-size: 100%;}

div.box {border: thin solid; border-color: silver; margin-top: 0em; margin-bottom: 0.9em;}
span.box {border: thin solid; border-color: silver; margin-top: 0em; margin-bottom: 0.9em;}
div.leftbar {height: 100%; left: 2.5em; position: absolute; top: 4.5em;}

/* A marginnote is absolute with respect to the paragraph right margin. Should be a span. */
span.marginnote {position: absolute; top: -1.5em; left:61%; margin-right:50em;
   border-left: thin solid; border-color: silver; border-left-width: 1px;
   font-size: 85%; padding: 0.3em; width: 40%;}

span.margin_ad {position: absolute; left:85%;}

/* A marginimage is ideally absolute w.r.t. the screen right margin, but actually floats inwards from right to left.
   A marginimage should be inside and at the beginning of the related paragraph.
   The marginimagenote is a div inside the span of the marginimage, and after the image.
   Example: <p><span class=marginimage><img src="becky.png"><br><span class=marginimagenote>figure 1.</span></span>text</p>
   Note: Would like to have marginimage.margin-right:-45%, but Netscape will messes it up. */
span.marginimage {position:relative; float:right; padding: 0.5em;}
div.marginimagenote {position:relative; width:15em; font-size: 85%; padding: 0.3em; Width: 25em;}

table.marginimage1 {halign: right;}
a.special {background: silver; color: navy; text-decoration: none} a.special:hover {color: brown; text-decoration: none}
a {text-decoration: none;} :hover {color: rgb(0, 96, 255)}

@media print
 {body {margin-left: 0%; margin-right: 0%; page-break-inside: avoid}
 h1 {margin-left: 0%; margin-right: 0%; page-break-inside: avoid}
 h2 {margin-left: 0%; margin-right: 0%; page-break-inside: avoid}
 h3 {margin-left: 0%; margin-right: 0%; page-break-inside: avoid}
 h4 {margin-left: 0%; margin-right: 0%; page-break-inside: avoid}
 h5 {margin-left: 0%; margin-right: 0%; page-break-inside: avoid}
 h6 {margin-left: 0%; margin-right: 0%; page-break-inside: avoid}
 p {margin-left: 0%; margin-right: 0%; page-break-inside: avoid}
 table {margin-left: 0%; margin-right: 0%; page-break-inside: avoid}
 div.marginnote {font-size: 100%; font-Weight: normal; margin: 0.9em 0% 0em; position: relative; Width: 100%} }