html { min-height: 100%; margin-bottom: 1px; }
body {margin: 0; padding: 0; text-align: left; background: #718A7C; font-family:Arial, Helvetica, sans-serif; font-size: x-small}
div.container {width: 880px; margin: auto; text-align: left}
div.top {background: url(/images/top.jpg) no-repeat; width: 880px; height: 35px}
div.middle {background: url(/images/middle.jpg) repeat-y; width: 880px;}
div.inner {padding: 10px 42px 0;}
div.inner2 {background: #fff}
div.bottom {background: url(/images/bottom.jpg) no-repeat; width: 880px; height: 38px}
div.navigation {text-align: center; text-transform:capitalize; letter-spacing: 1px; padding: 8px 0; border-bottom: 1px solid #ccc; margin: 0 7px}
div.navigation a {text-decoration: none; color: #333; padding: 9px}
div.navigation a:hover {text-decoration:underline}
div.footer {text-align: center; text-transform:uppercase; letter-spacing: 1px; padding: 8px 0; margin: 0 7px; font-size:9px;}
div.footer a {text-decoration: none; color: #333; padding: 9px}
div.footer a:hover {text-decoration:underline}
div.mainphoto {width: 780px; margin: auto; border: 1px solid #ccc; text-align: center; padding: 10px 0}
div.content {padding: 12px}
div.subnavigation {background: #4C4C4C; width: 200px; font-size: 90%; padding: 12px 0px  48px; margin-right:10px}
div.subnavigation a {display: block; text-transform: titlecase; font-size: 12px; letter-spacing: 1px; color: #fff; line-height: 2em; text-decoration: none; padding: 0 12px}
div.subnavigation a:hover {text-decoration: underline}
div.mainarea {border-left: 1px solid #ccc; width: 550px; padding-left: 10px; text-align:left;}
h2 {margin: 0 0 12px 0;
font-size:18px;}
h3 {font-size:12px;
}
td {vertical-align: top;}