body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#f6e9d0; 
  font-family: verdana, arial, sans-serif; 
  font-size:76%;
  overflow: hidden; 
  }

/* for internet explorer */
* html body {
  padding:190px 0 30px 0; 
  }

#container {
  font-family: palantino, arial, sans-serif; 
  font-size: 1.2em;
  position:fixed; 
  top:190px;
  left:0;
  bottom:30px; 
  right:0; 
  overflow:auto; 
  background:#f6e9d0;
  padding:5px 20px 10px 20px;
  text-align:center;
  }

* html #container {
  height:100%; 
  width:100%; 
  }

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:190px; 
  overflow:auto; 
  background:#f6e9d0;
  }
* html #header {height:190px;}


#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:25px; 
  overflow:auto; 
  text-align:right; 
  background:#ccc;
  border-top:5px solid #bbb;
  }
* html #footer {height:30px;}

/* end of bit that does the work */

h1 {font-size:1.4em; color:#cc6633; padding:0 0 10px 0; margin:0;}
h2 {font-size:1.3em; color:#666; padding:20px 0 10px 2px; margin:0;}

#footer p {
  color:#666; 
  margin:5px 10px 0 10px;
  }


#header img {
  margin:0px;
  }
#container img {margin:5px;}
#absolute {
  position:absolute; 
  top:400px; 
  right:100px; 
  width:200px; 
  background:#ddd; 
  padding:10px; 
  border:1px solid #000;
  }

#left {
  float:left; 
  background:#eee; 
  padding:10px; 
  border:1px solid #000; 
  color:#000; 
  width:50%;
  }

#right {
  float:right; 
  background:#ddd; 
  padding:10px; 
  border:1px solid #000; 
  color:#000; 
  }
.imgright
{
    FLOAT: right;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px
}
.imgleft
{
    FLOAT: left;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px
}
.leftimg
{
    BACKGROUND-COLOR: white;
    BORDER-BOTTOM: outset;
    BORDER-LEFT: outset;
    BORDER-RIGHT: outset;
    BORDER-TOP: outset;
    FLOAT: left;
    MARGIN: 10px;
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    PADDING-TOP: 10px
}
.rightimg
{
    BACKGROUND-COLOR: white;
    BORDER-BOTTOM: outset;
    BORDER-LEFT: outset;
    BORDER-RIGHT: outset;
    BORDER-TOP: outset;
    FLOAT: right;
    MARGIN: 10px;
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    PADDING-TOP: 10px
}

a, a:visited {
  font-size:1.1em;
  text-decoration:none;
  color:#39f;
  }

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

.grey {color:#888;}

.ltgrey {color:#ddd;}

img#mascot {float:right;}

#header ul {
  clear:both; 
  text-align:center; 
  border-top:1px solid #73a2bd;
  }

#header ul {
  margin:0; 
  padding:0; 
  list-style-type:none; 
  background:transparent; 
  height:3em;
  }

#header ul li {
  display:inline; 
  color:#73a2bd;
  }


#lang{margin-left: 20px}
.linksep{background-color: #f6e9d0;color: #3399ff;font-size: 1.2em}
.strike {text-decoration:line-through;}
.lft {float:left;}
.rgt{float:right;}

.columnone {width:21%; float:left; text-align:right; margin-right:2%;}
.columntwo {width:51%; float:left; text-align:justify; margin-right:2%;}
.columnthree {text-align:justify; }
* html .columnthree {border:0;}
hr {clear:both; border:0; height:1px; color:#888; background-color:#888;width:70%}

.columnthree a, .columnthree a:visited {font-size:1em; color:#000; text-decoration:underline;}
.columnthree a:hover {color:#888; text-decoration:none;}