body, html {background: #fff url(vellum.jpg); color: #000}
body {padding-bottom: 1px}
a:link {color: blue}
a:visited {color: #008}
a:hover {color: red}

.page {
max-width: 38em;
margin: .25in 1in;
border: 1px #000 solid;
background: #fff; color: #000;
padding: 2em 3em 3em 3em;
box-shadow: 10px 10px 3px #333;
-webkit-box-shadow: 10px 10px 3px #333;
-moz-box-shadow: 10px 10px 3px #333;
text-align: left}

#navTool {
position: absolute;
position: fixed;
text-align: center; top: 8px; left: 8px; width: 52px}
.foot {margin: 0 1in; max-width: 44em}
.footer, #navTool, .navbar {font: 80% Arial, Helvetica, sans-serif}
.navbar {padding: 2pt; margin: 0 1in}
.navbar a:hover	{background: #ddf; color: #004}
.site {margin: 1em 0; padding: 2pt 1in; background: #ddf; border: 1pt solid #99c; border-width: 1pt 0}
address, .dateline, .comment {font: normal 8pt Arial, Helvetica, sans-serif}
.dateline {margin-left:.5in}
.illo {float:right}

@media all and (max-width: 790px) {
.page {margin: .25in .5in; padding: .5in}
.site {padding: 2pt .5em}
.foot, .navbar {margin: 0 .5in}
.illo {float:none}
}

@media all and (max-width: 600px) {
.page {margin: 8px; padding: .5em}
#navTool {top:50px; left: auto; right: 20px}
}
@media all and (max-width: 400px) {
.page {margin: 0; padding: .5em;
box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
-moz-box-shadow: 2px 2px 2px #333;
}
#navTool {top:50px; left: auto; right: 20px}
}
@media print {
.page {border:0; margin:0; padding:0; background:none}
.noprint, #navTool, .navbar, .bottommenu {display:none}
a, a:link, a:visited {color:#000}
}