/*
** bg gradient 1: 0f2e3e
** bg gradient 2: 779baf
** menu bg: 040d12
** content bg:  #0c2431
** links: #ede98a
** highlight: #ce0404
*/

body {margin: 0; padding: 0; color: #fff; background: #779baf url('../images/bg_gradient.png') repeat-x top; text-align: center; font-size: 10pt; font-family: Century Gothic, Tahoma, Arial, sans-serif;}

a, a:link, a:visited {color: #ede98a; text-decoration: none;}
a:hover, a:active {color: #ede98a; text-decoration: underline;}

ul {list-style-type: square;}

q {font-style: italic;}
q:before {content: '\201E';}
q:after {content: '\201D';}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.floatl {float: left; clear: left; margin: 0.2em 0.5em 0.2em 0;}
.floatr {float: right; clear: right; margin: 0.2em 0 0.2em 0.5em;}

div#container {width: 800px; margin: 2em auto; padding: 0; background-color: #0c2431; border: 1px solid #000; text-align: left;}

div#header {height: 160px; position: relative;}

div#language img {position: absolute; top: 10px; right: 10px; border: 1px solid #444;}

div#navbar {padding: 4px 2em; background: #040d12 url('../images/navbar.jpg') repeat-y center; border-bottom: 1px solid #000;}
div#navbar a {color: #fff; text-decoration: none;}
div#navbar ul {padding: 0; margin: 0; list-style: none;}
div#navbar li {padding-right: 1.2em; float: left; position: relative; line-height: 24px; font-size: 20px; font-weight: bold;}
div#navbar li ul {display: none;position: absolute; top: 24px; left: 0; background-color: #040d12; border-top: 1px solid #779baf; border-left: 1px solid #779baf; border-bottom: 2px solid #0a1d27; border-right: 2px solid #0a1d27; margin: 0; padding: 0; filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;}
div#navbar li > ul {top: 24px; left: 0;}

div#navbar li:hover ul, div#navbar li.over ul {display: block; z-index: 1;}

div#navbar li li {padding: 3px 1em; float: none; margin: 0; line-height: 16px; font-size: 14px; white-space: nowrap;}
div#navbar li li:hover, div#navbar li li:hover a {background-color: #ede98a; color: #000;}

div#content {min-height: 500px; padding: 1em; text-align: justify;}
div#content h2 {border-left: 20px solid #ce0404; padding-left: 1em;}
div#content strong {color: #ce0404; font-weight: bold;}
div#content em {color: #ce0404; font-style: italics;}
div#content kbd {color: #ce0404;}
div#content dt {font-weight: bold;}

div#footer {padding: 0.4em 1em; background: #000 url('../images/footer.jpg') center; color: #fff; text-align: right;}
div#footer a {color: #ede98a; font-weight: bold;}

label {display: block;}

.required {font-weight: bold;}
.required:before {content: '* '; color: #ce0404;}

input[type=text], textarea, select {width: 350px;}

div.frow {margin-bottom: 8px;}
div.fhint {font-size: 80%;}

table.list {border: 1px solid #779baf;}
table.list th {background-color: #779baf; color: #fff; font-weight: bold; text-align: center; padding: 0.2em 2em;}
table.list td {padding-left: 1em; padding-right: 1em;}
table.list tr:hover {background-color: #ede98a; color: #000;}