html, body { background-color: #999; }

h1 { font-size: 2em; color: #cb6e27; }
h2 { font-size: 1.5em; color: #cb6e27; margin-top: 1em; }

em { font-style: italic; }
strong { font-weight: bold; }

div.item { margin: 1em 0 0 0; }


/* TABLES */

table.design td { padding: 1em; vertical-align: top; text-align: left; }

table.list th, table.list td { padding: 0.1em 1em 0.1em 0; }
table.list th { font-weight: bold; }


/* FORMS */

div.overview.item { border-bottom: 2px solid #24384f; padding-bottom: 1em; }

form.history-item { border-top: 2px solid #24384f; padding: 1em 0 1em 0; }

input, textarea, select { font-family: arial; font-size: 1em; }
input.text { color: #000; padding: 0.5em; border: 1px solid #999; }
input.button { background-color: #24384f; color: #fff; padding: 0.3em; border: 1px outset #000; }

/* PROFESSIONALS */

div#professionals { position: absolute; height: 420px; width: 560px; overflow: scroll; }
div.professional { width: 160px; height: 275px; float: left; margin: 0 1em 1em 0; background-color: #c9ced3; }
div.professional .img, div.professional .name, div.professional .position, div.professional .mail, div.professional .phone { width: 120px; margin: 0 auto; font-size: 0.6em; }
div.professional .img { margin-top: 20px; }
div.professional .name { font-size: 0.85em; font-weight: bold; margin-top: 0.4em; }

/* STRONGHOLD STORY */

table.stronghold-story { width: 60%; }
table.stronghold-story td { vertical-align: top; padding-top: 1em; }
table.stronghold-story td.y { padding-right: 1em; }


/* CONTACT */

div#contact { position: absolute; height: 510px; width: 560px; overflow: scroll; }

/* DESIGN */

div#site { width: 917px; margin: 50px auto 0 auto; font-family: arial; padding: 0 0 1em 0; }
div#logo { padding: 0 0 20px 0; }

div#menu th { text-align: center; font-size: 9px; font-weight: bold; background-color: #24384f; color: #fff; border-left: 1px solid #999; }
div#menu th:first-child { border: none; }
div#menu a:link, div#menu a:visited { color: #fff; text-decoration: none; }
div#menu a:hover, div#menu a:active { color: #fff; text-decoration: underline; }

div#sub-menu td { font-size: 9px; font-weight: bold; padding: 1em 0 0 2em; }
div#sub-menu a:link, div#sub-menu a:visited { color: #24384f; text-decoration: none; }
div#sub-menu a:link.selected, div#sub-menu a:visited.selected { color: #cb6e27; text-decoration: underline; }
div#sub-menu a:hover, div#sub-menu a:active { color: #24384f; text-decoration: underline; }


div#body { min-height: 550px; background-color: #eaeaea; }
div#content { color: #24384f; margin: 0 2em 0 2em; padding: 1em 0 1em 0; font-size: 0.9em; }
div#content p { width: 60%; margin-top: 1em; }
div#content ul { width: 60%; }
div#content li { margin: 0.3em 0 0 2em; list-style: disc; }

div#footer { margin: 1em 0 0.5em 0; text-align: center; border-top: 1px solid #24384f; border-bottom: 1px solid #24384f; }
div#foot-menu { text-align: right; font-size: 12px; font-weight: bold; word-spacing: 20px; }
div#foot-menu a:link, div#foot-menu a:visited { color: #000; text-decoration: none; }
div#foot-menu a:hover, div#foot-menu a:active { color: #000; text-decoration: underline; }
div#foot-menu a { word-spacing: 0.15em; }