@charset "utf-8";
/* CSS Document */
<style>
body { font-family: Arial, Helvetica, sans-serif; font-size: medium; background-color: #666666; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: x-large; font-weight: bold; color: #AAAAAA; margin-top: 8px; margin-bottom: 4px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: large; font-weight: bold; color: #999999; margin-top: 8px; margin-bottom: 4px; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; color: #666666; margin-top: 8px; margin-bottom: 4px; border-bottom: solid 1px #DEDEDE; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; font-style: italic; color: #333333; margin-top: 4px; margin-bottom: 2px; }
p { font-family: Arial, Helvetica, sans-serif; margin-top: 4px; margin-bottom: 4px; }
/* leftnav */
div.leftnav { font-family: Arial, Helvetica, sans-serif; float: left; position: absolute; top: 65px; width: 200px; padding: 4px; background-color: #CCCCCC; border-right: solid 1px #000000; }
a.leftnav { font-size: small; font-weight: bold; color: #0066FF; text-decoration: none; }
a.leftnav:hover { color: #0033CC; text-decoration: underline; }
/* topnav */
div.topnav { font-family: Arial, Helvetica, sans-serif; float: left; position: absolute; top: 0px; height: 64px; }
a.topnav { font-size: small; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.topnav:hover { color: #CCCCCC; text-decoration: underline; }
/* logo */
div.logo { float: left; position: absolute; top: 0px; height: 64px; padding: 2px; }
/* coupon */
div.coupon { font-family: Arial, Helvetica, sans-serif; float: right; height: 38px; padding: 4px; background-color: #CDFFCC; border: dashed #006600; border-collapse: collapse; }
a.coupon { font-size: medium; font-weight: bold; font-style: italic; color: #0066FF; text-decoration: none; }
a.coupon:hover { color: #0033CC; font-style: italic; text-decoration: underline; }
/* content pane */
div.content { font-family: Arial, Helvetica, sans-serif; float: left; position: absolute; top: 65px; left: 216px; padding: 8px; background-color: #FFFFFF; border-left: solid 2px #CFCFCF; border-top: solid 2px #CFCFCF; }
/* main */
div.main { font-family: Arial, Helvetica, sans-serif; float: left; width: 100%; }
/* callout */
div.callout { font-family: Arial, Helvetica, sans-serif; float: right; width: 300px; font-style: italic; color: #999999; padding: 8px; margin: 8px; font-size: x-large; text-align: justify; }
/* calloutlinks box */
div.calloutlinks { font-family: Arial, Helvetica, sans-serif; float: left; width: 300px; background-color: #DEDEDE; padding: 8px; margin: 4px; border: solid 1px #999999; }
a.calloutlinks { font-size: medium; font-weight: bold; color: #0066FF; text-decoration: none; }
a.calloutlinks:hover { color: #0033CC; text-decoration: underline; }
/* caveatemptor box */
div.caveatemptor { background-color: #E7E8F8; float: left; width: 400px; padding: 8px; margin: 4px; }
/* examples picture box */
div.examples { float: left; padding: 8px; margin: 4px; }
/* footer */
td.footer { font-family: Arial, Helvetica, sans-serif; width: 100%; padding: 8px; background-color: #999999; }
</style>