html, body {height: 100%;}
body {background-color: #FFFFFF; color: #00496C;}
table, img.border, fieldset, legend, input, textarea, select, button {border-color: #007EB1;}

a:link {color: #7FC4E0;}
a:visited {color: #006086;}
a:hover, a:active, a:focus {color: #66E847;}


div#templateMain {position: relative; width: 770px; margin: auto; overflow: hidden;}
div#templateContainer {float: left;}
div#templateHeader {position: absolute; top: 10px; right: 14px;}
div#templateHeader {z-index: 1; width: 156px; margin-bottom: -2500px; padding-bottom: 2500px; background-color: #7FFF29; opacity: 0.8; filter: alpha(opacity=80);}
div#templateBody {position: relative; top: 82px; left: 0; z-index: 0; width: 580px; min-height: 485px; margin-bottom: 122px; padding-left: 10px; padding-right: 180px; border-bottom: 40px solid #7FC4E0; background-color: #008AC1;}
div#templateMenu {position: absolute; top: 50px; left: 0; width: 760px; height: 25px; padding-left: 10px; padding-top: 7px; background: #008AC1 url("/images/template/menubackground.gif") repeat-x bottom center; font-size: 1.2em;}
div#templateSearch, div#templateFooter {position: absolute; width: 149px; position: absolute; left: 607px; color: #FFFFFF; font-size: 1.2em;}
div#templateSearch {top: 176px; z-index: 3; background-color: #65E747;}
div#templateFooter {bottom: 88px; z-index: 2;}
div#templateFooter a {color: #FFFFFF;}

ul#menu, ul#subMenu {margin: 0; text-transform: lowercase; list-style: none;}
ul#menu li, ul#subMenu li {display: inline; margin-right: 1em;}
ul#menu a, ul#subMenu a {color: #FFFFFF;}
ul#subMenu {width: 580px; margin-left: -10px; margin-bottom: 15px; border-top: 1px solid #007EB1; border-bottom: 1px solid #007EB1; padding: 4px 10px;}
ul#subMenu li {margin-right: 0.7em;}

p.extraTitle {margin: 0; text-transform: lowercase;}
div#templateSearch form {margin-top: 0.5em; font-size: 0.8em;}
div#templateFooter table {margin-top: 0.5em; font-size: 0.75em;}

div#homeTranslogik {position: absolute; left: 615px; bottom: 172px; z-index: 2;}
div#homeTranslogikHandheld, div#homeTranslogikPrint {display: none;}


span.important, p.important {background-color: #66E847;}
span.important a:hover, span.important a:active, span.important a:focus, p.important a:hover, p.important a:active, p.important a:focus {color: #FFFFFF;}

div.banner {position: relative; left: -10px; width: 580px; margin: 0; padding: 5px 10px; background-color: #7FFF29; opacity: 0.8; filter: alpha(opacity=80);}
div.banner p {margin: 3px 0; padding: 0;}

div.feature, img.feature {position: relative; left: -10px;}
div.feature {width: 600px; margin-top: 15px;}

div.icon {border-color: #00497C;}


h1, h2, h3, h4, h5, h6 {color: #FFFFFF;}

h1#logo {position: absolute; top: 10px; right: 14px; z-index: 2; width: 156px; margin: 0; padding: 0; background: url("/images/template/logo.gif") no-repeat top left; text-indent: -1000em; overflow: hidden;}
h1#logo a {display: block; width: 156px; height: 156px;}

h1 {width: 770px; margin: 0; margin-left: -10px; padding: 21px 10px; background-color: #007EB1;}
h2 {margin: 10px 0 15px;}

hr {background-color: #007EB1; color: #007EB1;}


table.contactDetails td.firstColumn {width: 30%;}


legend {background-color: #007EB1; color: #FFFFFF;}
label.requiredField {color: #66E847;}

input, textarea, select {background-color: #007EB1; color: #FFFFFF;}
button, input.button {color: #006086; color: #FFFFFF;}

form#searchForm fieldset {margin: 0; border: 0px none; padding: 0;}
form#searchForm label {float: none;}
form#searchForm fieldset div.row {margin-top: 5px;}
form#searchForm fieldset div.keywords {margin-top: 0;}
form#searchForm input, form#searchForm textarea, form#searchForm select {width: 138px; border-color: #FFFFFF; background-color: #65E747; color: #FFFFFF;}
form#searchForm input.checkbox, form#searchForm input.radio {width: auto;}
form#searchForm button, form#searchForm input.button {width: 60px; vertical-align: middle;}
form#searchForm img#alertMeImage {padding: 3px; padding-right: 0; vertical-align: middle;}
form#searchForm a#alertMeLink {color: #FFFFFF; vertical-align: middle;}