html
{
  overflow: auto;
  overflow-y: scroll;
}

html,
body
{
  height: 100%;
  margin: 0;
  padding: 0;
}

body
{
  background-color: #000000;
}

#header
{
  background-image: url('/images/header-background.gif');
}

#header #site-logo
{
  white-space: nowrap;
  color: #ffffff;
}

#container
{
  color: #ffffff;
}

#container div.max-width
{
  max-width: 80em;
  margin: 0 auto;
}

* html #container
{
  text-align: center;
}

* html #container div.max-width
{
  width: 80em;
  text-align: left;
}

#languages
{
  float: right;
  height: 20px;
  margin-top: -20px;
}

#languages ul
{
  padding: 0;
  margin: 0;
  list-style: none;
  white-space: nowrap;
}

#languages ul li
{
  display: inline;
  font-weight: bold;
  margin-left: 1em;
  padding-left: 1em;
  border-left: solid 1px #ffffff;
}

#languages ul li a,
#navigation ul li a
{
  color: #ffffff;
}

#container a:link,
#container a:visited
{
  text-decoration: none;
}

#container a:hover,
#container a:visited:hover
{
  text-decoration: underline;
}

#navigation
{
  width: 200px;
  float: left;
}

#navigation ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation ul li
{
  margin: 4px 0;
}

#navigation ul li a
{
  display: block;
  background-color: #8f8e92;
  padding: 5px 10px;
}

#navigation ul li a.selected
{
  background-color: #656467;
}

#navigation ul li a:hover
{
  background-color: #949397;
}

#navigation ul li ul
{
  padding-left: 20px;
}

#content-text
{
  margin-left: 220px;
}