body {
    background-color: #fff;
    font: 81% Arial, Verdana, Sans-Serif;   
    color: #000;
    margin: 0;
    padding: 0;
}

h1 {
    font: bold 142%/1.1 Georgia, Arial, Sans-Serif;
    color: #a51912;
    margin: 0 0 0.5em 0;
    padding: 0;
}

h2 {
    font: bold 132%/1.1 Georgia, Arial, Sans-Serif;
    color: #a51912;
    margin: 0 0 0.5em 0;
    padding: 0;
}

h3 {
    font: bold 121%/1.1 Georgia, Arial, Sans-Serif;
    color: #a51912;
    margin: 0 0 0.5em 0;
    padding: 0;
  
}

h4 {
    font: bold 110%/1.1 Georgia, Arial, Sans-Serif;
    color: #a51912;
    margin: 0 0 0.5em 0;
    padding: 0;
}

.ht {
    color: #a51912;
}

a {
    color: #108faf;
    text-decoration: underline;
}

a:link {
}

a:visited {
    color: #108faf;
    text-decoration: underline; 
}

a:active {
}

a:hover {
    color: #108faf;
    text-decoration: none;
}

#header {
    background-color: #fff;
}

#lang {
    width: 100%;
    height: 16px;
    font: 11px Arial, Tahoma, Verdana;
    color: #666;
  text-align: right;
}

#lang div.txt {
  margin: 5px;
}

#lang a  {
    color: #666;
    text-decoration: none;
}

#lang a:visited  {
    color: #666;
    text-decoration: none;
}

#lang a:hover  {
    color: #666;
    text-decoration: underline;
}

/* index */

#promobg1 {
    background-image: url("images/promo1.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    width: 300px;
    height: 39px;
    float: left;
}

#logo1 {
    width: 190px;
    height: 39px;
    float: left;
}

#topmenu1 {
    background-image: url("images/topmenu_bg.gif");
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #69cce5;
    height: 39px;
    font: 11px Tahoma, Verdana, Arial;
    color: #fff;
    white-space: nowrap; 
  margin-left: 490px;
}

#topmenu1 div.txt {
  padding: 12px 0px 12px 12px;
  position: absolute;
}

#topmenu1 a  {
    color: #fff;
    text-decoration: none;
}

#topmenu1 a:visited  {
    color: #fff;
    text-decoration: none;
}

#topmenu1 a:hover  {
    color: #fff;
    text-decoration: underline;
}

#promo {
    background-color: #fff;
    background-image: url("images/promo_bg.gif");
    background-position: top left;
    background-repeat: repeat-x;
    width: 100%;
    height: 187px;
}

#promobg2 {
    background-image: url("images/promo2.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    width: 333px;
    height: 187px;
    float: left;
}

#promobg3 {
    background-image: url("images/promo3.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    height: 187px;
}

#promobg3 div.txt {
    font: 12pt Georgia, Tahoma, Verdana;
    color: #0e7d99;
  padding: 30px 0px 12px 10px;
    margin-right: 180px;
}

/* subpage */

#logo2 {
    width: 246px;
    height: 39px;
    float: left;
}

#topmenu2 {
    background-image: url("images/topmenu_bg.gif");
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #69cce5;
    height: 39px;
    font: 11px Tahoma, Verdana, Arial;
    color: #fff;
    white-space: nowrap; 
    margin-left: 246px;
}

#topmenu2 div.txt {
  padding: 12px 0px 12px 12px;
}

#topmenu2 a  {
    color: #fff;
    text-decoration: none;
}

#topmenu2 a:visited  {
    color: #fff;
    text-decoration: none;
}

#topmenu2 a:hover  {
    color: #fff;
    text-decoration: underline;
}

/* common */

#content {
    background-color: #fff;
    position: relative;
  padding: 10px;
}

#left {
    width: 246px;
    height: 100%;
  float: left;
}

#left div.menu {
    color: #000;
    margin: 35px 5px 5px 20px;
}

#left a:hover  {
    color: #a51912;
    text-decoration: none;
}

span.active {
  color: #a51912;
}

#right {
    height: 100%;
    margin-left: 246px;
}

table.intro {
  border-collapse: collapse;
  border: 0px;
  margin: 0px;
  padding: 0px;
}

table.intro td {
  vertical-align: top;
  margin: 0px;
  padding: 0px;
}

table.intro td.nbr {
  width: 10px;
}

img.intro {
  margin-right: 10px;
}

table.intro div.txt {
  margin-left: 6px;
}

div.bluebox {
    background-image: url("images/bluebox_bg.gif");
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #108faf;
    width: 277px;
    height: 29px;
}

div.bluebox div.headline {
    font: bold 12px Arial, Tahoma, Verdana;
  color: #fff;
  padding: 7px 0px 0px 8px;
}

div.greybox {
    background-image: url("images/greybox_bg.gif");
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #e8e8e7;
    height: 29px;
}

div.greybox div.headline {
    font: bold 12px Arial, Tahoma, Verdana;
  color: #a51912;
  padding: 7px 0px 0px 8px;
}

#clean {
    clear: both;
}

#footerline {
    background-image: url("images/footer_bg.gif");
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #3daeca;
    width: 100%;
    height: 7px;
    position: bottom;
    margin: 0;
    padding: 0;
}

#footer {
    background-color: #fff;
    width: 100%;
    height: 100px;
    position: bottom;
}

#footer div.copyright{
    text-align: left;
    padding: 15px 0px 0px 15px;
    line-height: 1.5;
}