html, body {height: 100%; overflow: hidden;}
body {background-color: #FFFFFF; color: #000000;}

a:link {color: #F78E1F;}
a:visited {color: #514D4E;}
a:hover, a:active, a:focus {color: #F78E1F;}


div#templateMain {position: relative; width: 775px; height: 100%; margin: auto; background: url("/images/template/background.gif") no-repeat bottom right;}
div#templateHeader {position: absolute; bottom: 40px; right: 0;}
div#templateMenu {position: absolute; bottom: 40px; left: 0; height: 40px; font-size: 0.9em;}
div#templateContent {position: absolute; top: 150px; left: 0; bottom: 95px; width: 500px; padding-right: 10px; padding-bottom: 10px; border-bottom: 1px solid #F78E1F; text-align: justify; overflow: auto;}

div#intro {position: absolute; left: 0; bottom: 30px; width: 100%;}

ul.menu {margin: 0; list-style: none;}
ul.menu a {padding-right: 10px; color: #000000; text-decoration: none;}
ul.menu li {display: inline;}
ul#menu {margin-bottom: 5px;}
ul#submenu {margin-left: 5px; font-size: 0.95em;}
ul.menu a.current {color: #F78E1F;}


span.important, p.important {border-color: #F78E1F;}
p.point, span.highlight {color: #F78E1F;}


h1#logo {position: relative; top: 0; left: 0; margin: 0; background: url("/images/template/logo.gif") no-repeat top left; text-indent: -1000em; overflow: hidden;}
h1#logo a {display: block; width: 85px; height: 113px;}

h1, h1#header {position: absolute; top: 45px; left: 0; margin: 0; color: #F78E1F; line-height: normal;}
h1#header {line-height: 1em; padding-bottom: 10px}
h2 {margin-top: 0;}

p.subtitle {color: #F78E1F;}


thead {background-color: #F78E1F;}


input, textarea, select {width: 98%;}
legend, button, input.button {border-color: #F78E1F;}
label.requiredField {color: #F78E1F;}
input, textarea, select {background-color: #FFFFFF; border-color: #000000;}