html { min-height: 100%; margin-bottom: 1px; }
body {margin: 0; background: #f1f1f1; text-align: center; padding: 8px}
body, table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
img {border: none}
table td {vertical-align: top}
a:hover {color: #000}
div#container {width: 820px; margin: auto; background: #fff url(/images/box-middle.jpg) repeat-y; text-align: left}
div.boxtop {background: url(/images/box-top.jpg) no-repeat; height: 10px}
div.boxbottom {background: url(/images/box-bottom.jpg) no-repeat; height: 10px}
div.inner {padding: 0 10px}
table.main {width: 100%}
table.main td {vertical-align: top; padding: 8px}
table.main td.nav {background: #D0E3F1; width: 25%; font-size: 1.2em}

div.navigation a {display: block; font-size: 1.4em; text-decoration: none; line-height: 2em; color: #000}
div.navigation a:hover {text-decoration: underline}

div.testimonial, div.address {}
div.newsletter {margin: 18px 0; padding: 8px; width: 150px; border: 1px solid #aaa; background: #D0F1EE}
div.newsletter_heading {padding: 6px 0}

td.content {}
div.contentarea {font-size: 1.4em; color: #333}
div.contentarea2 {font-size: 1.4em; color: #333}

td.footer {font-size: 1.2em; padding: 0 0 0 12px}

div.smaller {font-size: 90%}

div.bottom {text-align: center; padding: 24px}

h2 {font-size: 1.1em; font-weight: bold; text-align: center; color: #000}
div.contentarea2 h2 {text-align: left;}
ul.list {margin: 0 0 0 12px; padding: 0 0 0 12px}

h3 {font-size: 1.1em; color: #333}

div.date {text-transform: uppercase; font-size: 90%; color: #222}