﻿
/* -------------------------------------- GLOBAL -------------------------------------- */

* {
 font-family:Verdana,Arial,Helvetica,sans-serif;
 margin:0;
 padding:0;
}
html, body {
 height:100%;
}

/* -------------------------------------- BASIC -------------------------------------- */

body {
 background-color:#F1EFE7;
 background-image:url("/img/bg_main.gif");
 font-size:80%;
}
h1, h2, h3, h4, h5, h6 {
 margin:1.25em 0 1em 0;
}
h1 {
 font-size:1.75em;
}
h2 {
 font-size:1.25em;
}
h3, h4, h5, h6 {
 font-size:1em;
}
hr {
 margin:1em 0 1em 0;
}

/* -------------------------------------- TEXT -------------------------------------- */

abbr, acronym {
 border-bottom:1px dotted;
 cursor:help;
}
blockquote {
 font-style:italic;
 margin:2em;
}
cite {
 font-style:italic;
}
em {
 font-style:italic;
}
p {
 margin-bottom:1.5em;
}
strong {
 font-weight:bold;
}

/* -------------------------------------- LISTS -------------------------------------- */

dd {
 margin:0 0 0 1em;
}
dl {
 margin:1em;
 padding:0;
}
dt {
 font-weight:bold;
}
li {
 margin:0.5em 0 0.5em 1.3em;
}
li ul {
 margin-bottom:0.5em;
}
ul {
 margin:0 0 2em 0;
}
ul {
 list-style-type:disc;
}
ol {
 margin:0 0 2em 0.5em;
}
ul.collapse {
 list-style:none;
 margin:0;
 padding:0;
}
ul.collapse li {
 margin:0;
}

/* -------------------------------------- TABLES -------------------------------------- */

table {
 border-collapse:collapse;
 border-spacing:1px;
 background:#E7E7E7;
 color:#666666;
 margin-bottom:1em;
 width:100%;
 border:1px solid #E7E7E7;
 font-size:0.95em;
}
caption {
 font-style:italic;
 font-weight:bold;
 padding:10px;
}
td, th {
 border:1px solid #FFF;
 padding:4px;
 text-align:left;
 vertical-align:top;
}
th {
 font-weight:bold;
}
thead th {
 background:#F3F2G2; /*F5F5F5*/
}
tbody tr.odd, tbody tr.odd td {
 background:#FAFAFA;
}
tbody tr td {
 background:#F3F2F2; /*EBF8FE*/
}

/* -------------------------------------- LINKS -------------------------------------- */

a:link {
 color:#0000FF;
}
a:visited {
 color:#6365CE;
}
a:active {
 color:#FF0000;
}
a:hover {
 color:#000;
}
a {
 text-decoration:underline;
}
a abbr, a acronym {
 padding:1px;
}
a.skiplink {
 display:none;
}

/* -------------------------------------- IMAGES -------------------------------------- */

img {
 border:0;
}
img.inline {
 float:left;
 margin:0 1em 1em 0;
}

/* -------------------------------------- FORMS -------------------------------------- */

input, select {
 margin:0 0.5em 0 0;
}
input.error {
 background-color:#FF0000;
 color:#FFF;
}
fieldset {
 margin:0 0 1em 0;
 padding:0 1em 1em 1em;
}
legend {
 color:#000;
 padding:0 0.5em 0 0.5em;
}
label {
 font-weight:bold;
}
option {
 margin:0 0.5em 0 0;
}
textarea {
 font-size:1em;
}
div.formitem {
 clear:left;
 margin:5px 0 0 0;
}
div.formitemlabel {
 float:left;
 padding-right:5px;
 text-align:right;
 width:125px;
}

/* -------------------------------------- CONTAINER DIV -------------------------------------- */

#container {
 background-color:#FAFAFA;
 color:#424542;
 position:relative;
 margin:0 auto;
 max-width:960px;
 min-height:100%;
 min-width:760px;
}

/* -------------------------------------- CONTENT DIV -------------------------------------- */

#content {
 margin:4em 25em 0 0;
 padding:0 2em 5em 2em;
}
#content h1, #content h2, #content h3, #content h4 {
 color:#0000FF;
 font-family:"trebuchet ms",arial,tahoma,verdana,sans-serif;
}
#content p {
 line-height:1.5em;
}
#content p.details {
 font-size:0.8em;
 font-weight:bold;
}
#content .warning {
 background-color:transparent;
 color:#FF0000;
 font-weight:bold;
}

/* -------------------------------------- HEADER DIV -------------------------------------- */

#header {
 background-color:#000;
 background-repeat:repeat-x;
 background-image:url(/img/header.jpg);
 height:140px;
}
#header #logo {
 font-size:1.2em;
 left:0.5em;
 position:relative;
 top:0.5em;
 width:30em;
}
#header #logo a {
 background-color:transparent;
 color:#FFF;
 font-family:times new roman;
 font-size:1.8em;
 font-weight:bold;
 text-decoration:none;
 text-transform:uppercase;
}

/* -------------------------------------- FOOTER DIV -------------------------------------- */

#footer {
 background-color:#DFDFDF;
 bottom:0;
 font-size:0.8em;
 height:2em; /* required by IE */
 padding:0 0 1em 0;
 position:absolute;
 width:100%;
}
#footer ul {
 padding:1em;
}
#footer li {
 float:left;
 padding-right:1em;
}

/* -------------------------------------- MENU DIV ----------------------------------- */

#menu {
 font-size:0.85em;
 margin:6em 2em 0 0;
 position:absolute;
 right:0;
 top:140px;
 width:25em;
}
#menu ul {
 margin-left:0.05em; /* required by IE */
}
#menu li {
 color:#000;
 font-weight:normal;
 list-style-image:none;
}
#menu li.current {
 color:#FF0000;
 font-weight:bold;
 list-style-image:url(/graphics/arrow_black_right.gif);
}
div.box {
 clear:left;
 margin:0 0 2em 0;
}
div.box h4 {
 border-bottom:1px dotted #0000FF;
 color:#0000FF;
 font-family:"trebuchet ms",arial,tahoma,verdana,sans-serif;
 font-size:1.3em;
 margin:0 0 1em 0;
 padding:0 0 0.5em 0;
}
div.box p {
 line-height:1.5em;
 margin:0 0 1em 0;
 padding:0;
}
div.box a.more {
 float:right;
 font-size:0.86em;
 margin-top:-1.5em;
}
div.box input {
 font-size:1em;
}

/* -------------------------------------- NAVIGATION -------------------------------------- */

#navigation {
 background-color:#081B55;
 color:#FAFAFA;
 height:2em;
 left:0;
 position:absolute;
 right:0;
 top:140px;
}
#navigation li {
 float:left;
 font-size:1em;
 font-weight:bold;
 margin:0;
 text-align:center;
 width:7.5em;
}
#navigation li a {
 background-color:#081B55;
 border-right:1px solid #DCDCDC;
 color:#FAFAFA;
 display:block;
 height:1.7em;
 padding-top:0.3em;
 text-decoration:none;
}
#navigation li a:hover {
 background-color:#555555;
}
#navigation li.current a {
 background-color:#D31112;
}

/* -------------------------------------- MISC -------------------------------------- */

.non-visual {
 display:none;
}
.clearfloat {
 clear:both;
}