<!-- body { background: white; } -->
body {
    background: white; margin: 0px auto; padding-top: 10px;
}

body.small {
    background: white; margin: 0px auto; padding-top: 10px;
    width: 70%;
}

p, td, th  {
    font-family: verdana, arial; font-size: 12pt
}

p.quote {width: 90%; margin: 20px; text-align: justify }

h1 {
    font-family: arial; font-size: 20pt;
}

h2 {
    font-family: arial; font-size: 16pt; 
    display: block; 
    background: lightblue;
    padding: 2px;
    margin-top: 25px;
}

h3 {
    font-family: system,geneva; font-weight:bold;
}

li { margin-top: 4 px; }
th { color: white; text-align: left; background: black; }
a:visited { color: purple }

table.chart td { background: #eeeeee; }
code { color: #660000; }

page { width: 100%; border: 0; cellpadding: 5; }

div.bottom-links {
    width: 68%; margin: 0px auto;
    background-color: lightblue; border: 2px solid #777777;
    padding: 4px; margin-bottom : 4px;
}

td.left-side {
    valign: top; align: left; width: 15%; 
    border: 2px solid #777777;
    padding : 4px; margin-bottom : 4px;
}
.middle { valign: top; width: 70%; }
.right-side { valign: top; align: right; width: 15%; }

pre {
	background-color: #eeeeee;
	border: solid 1px #d0d0d0;
	padding: 0.5em;
        margin-left: 0.25em;
	overflow: auto;
}