html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: normal;
  font-size: small;
  font-family: inherit;
  vertical-align: baseline;
  font-family: helvetica, sans-serif
}

/* remember to define focus styles! */
:focus { outline: 0; }
html { background: #cedffc; }
body { line-height: 1.3em; color: #fff; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

h1, h2, h3, h4 { font-weight: bold; margin: .4em 0; text-decoration: none; }
h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }

p { color: #fff; margin: .4em 0; text-align: left; }

a { color: #eec136; text-decoration: none; }
a:hover { text-decoration: underline; }

strong { font-weight: bold; }
em { font-style: italic; }
u { text-decoration: underline; }

/* ---- WRAPPERS ---- */

#wrapper {
  margin: auto;
  width: 960px;
  }

#content {
  background: #5e8bd4;
  margin: 0 0 20px 200px;
  width: 760px;
  }

/* --- HEADER --- */

#header {
  width: 100%;
  height: 178px;
  background: #cedffc url('../images/header3.png') no-repeat 0 bottom;
  }

#header h1 { text-indent: -5000px; }

/* --- NAVIGATION --- */

#navigation { float: left; width: 200px; }
#navigation li { margin: 1px 0px; width: 200px; }
#navigation li a {
  color: #304c7a;
  display: block;
  font-weight: bold;
  padding: 10px 0 0 0;
  }
#navigation li a em {
  display: block;
  font-size: 110%;
  font-style: normal;
  padding: 0 0 10px 15px;
  }

#navigation li a:hover {
  background: #9cb9e7 url('../images/left_top.gif') no-repeat 0 0;
  color: #fff;
  text-decoration: none;
  }
#navigation li a.selected { background: #5e8bd4 url('../images/left_top.gif') no-repeat 0 0; color: #fff; }
#navigation li a:hover em, #navigation li a.selected em { background: url('../images/left_bottom.gif') no-repeat 0 bottom; }

#navigation li#lang { text-align: center; margin-top: 1em; }
#navigation li#lang a { padding: 0; margin: 0 .5em; display: inline; opacity: 0.8; }
#navigation li#lang a:hover { background: none; opacity: 1;}

#navigation li#logo a {
  background: url("../images/logo4.png") no-repeat 45% 50%;
  height: 124px;
  margin: 43px 0 0 0;
  }

/* --- CONTENT BLOCKS --- */

#inner {
  background: url("../images/right_top.gif") no-repeat right 0;
  padding: 20px;
}

#footer {
  background: url("../images/footer.gif") no-repeat 0 bottom;
  clear: both;
  height: 5px;
  }

/* --- CONTENT MISC --- */

#inner img {
  border: 2px solid white;
  margin: 0 .5em;
  -moz-border-radius: 2px;
  }

#inner ul { list-style: disc inside; margin: .4em 0; }
#inner ol { list-style: decimal inside; margin: .4em 0; }
#inner li { margin: .4em 0 .4em .4em; }

#inner dd { margin-left: .5em; }

#inner hr { border: 1px solid #557bbe; }

#inner table { border: 1px solid #fff; margin: .5em 0; width: 100%; }
#inner table td { border: 1px solid #fff; padding: 0 .4em; }

#inner .notify {
  background: #fff;
  border: 2px solid #cedffc;
  color: #304c7a;
  padding: .4em 10px;
  margin: 10px 0;
  -moz-border-radius: 5px;
  }

#inner .notify p { color: #304c7a; }
#inner .notify a { color: #6186c5; }