body
{
  margin: 0 auto;
  padding: 0;
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-size: 80%;
}

#container
{
  width: 754px;
  margin: 0 auto;
  padding: 0;
  background-color: #000066;
  color: #ffffff;
}

#header
{
  height: 149px;
  background: #000066 url(../images/hpi_header.jpg) top left no-repeat;
  color: #ffffff;
}

#header h1
{
  display: none;
}

#menu
{
  height: 86px;
  background: #efefef url(../images/hpi_menu.jpg) top left repeat-x;
  color: #000000;
}

#menu #menu-left
{
  height: 72px;
  width: 580px;
  float: left;
  clear: left;
  background: transparent url(../images/hpi_menu_left.jpg) top left no-repeat;
  color: #000000;
  padding-left: 20px;
  padding-top: 13px;
}

#menu #menu-left ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
}

#menu #menu-left ul li
{
  width: 229px;
  height: 30px;
  background: transparent url(../images/hpi_item.jpg) top left no-repeat;
  color: #000000;
  font-weight: bold;
  float: left;
}

#menu #menu-left ul li a
{
  display: block;
  text-decoration: none;
  color: #333333;
  background: inherited;
  padding-top: 0.5em;
  padding-left: 1em;
}

#menu #menu-left ul li a:hover
{
  text-decoration: none;
  color: #000000;
  background: inherited;
}

#menu #menu-right
{
  height: 86px;
  float: right;
  clear: right;
  background: transparent url(../images/hpi_menu_right.jpg) top right no-repeat;
  padding-right: 20px;
  text-align: right;
}

#menu #menu-right div
{
  padding-top: 2em;
}

#menu #menu-right div a
{
  color: #000000;
  background: inherit;
  font-weight: bold;
}

#links-bar
{
  clear: both;
  height: 28px;
}

#links-bar #links
{
  float: left;
  clear: left;
  padding-left: 10px;
  padding-top: 0.4em;
}

#links-bar #links a
{
  color: #ffffff;
  font-weight: bold;
}

#links-bar #mailinglist
{
  float: right;
  clear: right;
  width: 292px;
  height: 28px;
  text-align: right;
  background: #999999 url(../images/hpi_list.jpg);
}

#links-bar #mailinglist div
{
  padding-right: 10px;
  padding-top: 0.4em;
}

#links-bar #mailinglist div input
{
  font-size: 0.8em;
  border: 0;
  padding: 0;
  margin: 0;
}

#links-bar #mailinglist div input.button
{
  background: transparent;
  color: #ffffff;
  font-weight: bold;
  cursor: hand;
}

#content
{
  padding: 1em;
}

#info-bar
{
  background: #cccccc;
  color: #000000;
  text-align: center;
  margin-bottom: 1em;
  font-size: 0.8em;
  padding: 0.5em;
}

#footer
{
  margin-top: 1em;
  background: #ffffff;
  color: #000066;
  text-align: center;
  font-size: 0.8em;
  padding: 0.5em;
}

#footer a
{
  background: inherited;
  color: #000066;
}