/* -- HTML STYLES ---------- */
html, body {overflow: auto}
html, body, #container {height: 100%; margin: 0; padding: 0; width: 100%}
body {background: #dbdccb url(images/layout_bg.gif); color: #FFF}
body, table, td, a, h2 {color: #404727; font: 11px tahoma, sans-serif; line-height: 18px}
/* -- Headers ---------- */
h1 {font-family: times, serif; font-size: 18px; font-style: italic; font-weight: bold; line-height: 25px; margin: 0}
h2 {font-weight: bold; margin: 0}
/* -- Links ---------- */
a:link, a:visited {color: #76825b; text-decoration: underline}
a:hover, a:active {text-decoration: none}
a.bottomFrame:link, a.bottomFrame:visited {color: #fad01a; font: italic bold 11px georgia, serif}
/* -- Layout ---------- */
#flash, #html {background: #ECF0E6 url(images/layout_html_bg.gif) top left no-repeat; margin: 20px auto 0 auto; text-align: left; width: 750px}
.htmlText {padding: 0 40px}
#footer {background: #cccdb6; margin: 10px 0 20px 0; position: relative; text-align: center; width: 750px}
#flashLink {font-size: 9px; left: 190px; position: absolute; text-align: left; top: 40px}
#bottomFrame {background: #76825b; border-top: 2px solid #8d9769; color: #FFF; font: 11px georgia, serif; font-style: italic; height: 30px; padding-bottom: 6px; text-align: center}
/* -- Form ---------- */
form {margin: 0}
#form {background: #ECF0E6; margin: 20px; padding: 10px}
/* -- Images ---------- */
img {border: none}
.image {float: right; margin: 0 0 10px 10px}

/* -- FLASH EXTERNAL HTML STYLES ---------- */
.flashHeader {color: #404727; font-family: times, serif; font-size: 22px; font-style: italic; font-weight: bold}
.flashText {color: #404727; font-family: tahoma, sans-serif; font-size: 11px}