body { background-color: #eee; margin: 0px 0px 0px 0px; }
#page { background-color: #fff; border: groove 2px #fff; margin: 20px 10%; }
#mainHeader { background-color: #ffc; overflow: auto; padding: 10px; text-align: center; }
#logo { background-image: url("img/hf.gif"); cursor: pointer; float: left; height: 65px; width: 90px; }
#logoText { background-image: url("img/hftext.gif"); height: 59px; margin: 6px auto 0px auto; width: 373px; }
#mainMenu { background-color: #500; border-top: solid 3px #500; font-family: Verdana, sans-serif; font-size: 12px; height: 18px; margin: 0px; overflow: hidden; padding: 0px; }
#mainMenu ul { display: block; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; }
#mainMenu li { color: #600; display: inline; list-style-type: none; margin: 0px 0px 0px 0px; overflow: auto; padding: 0px 0px 0px 0px; }
#mainMenu li span, #mainMenu li a { display: block; float: left; padding: 1px 20px 3px 20px; }
#mainMenu li span { background-color: #fff; }
#mainMenu li a, #mainMenu li a:link, #mainMenu li a:visited { color: #fff; text-decoration: none; }
#mainMenu li a:hover, #mainMenu li a:active { color: #ff0; }
#mainContent { padding: 5px 10px; }
div.text { font-family: "Times New Roman", Times, serif; font-size: 1em; margin: 10px 0px; }
div.text img.left { border: 0; float: left; margin: 5px 10px 5px 0px; }
div.text img.right { border: 0; float: right; margin: 5px 0px 5px 10px; }

@media print {
#page { border: none; margin: 0px; }
#mainHeader { display: none; }
#mainMenu { display: none; }
a, a:link, a:visited { color: #000; text-decoration: none; }
form { display: none; }
}
