/* the bit that does the work */

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

/* for internet explorer */
* html body {
  padding:120px 0 50px 0;
  }

#container {
  font-size: 1.2em;
  position:fixed;
  top:60px;
  left:0;
  bottom:30px;
  right:0;
  overflow:auto;
  background:#000;
  padding:20px;
  text-align:left;
  }

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

#header {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:55px;
  overflow:auto;
  background:#111;
  border-bottom:4px solid #222;
  text-align:center;
  }
* html #header {height:120px;}

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

/* end of bit that does the work */

h1 {font-size:2em; margin:0; padding:0;}

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


#header img {
  margin:10px 10px 0 10px;
  }
#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;
  }

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

a:hover {
  color:#d7df01;
  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;
  }



.strike {text-decoration:line-through;}
.lft {float:left;}
.rgt{float:right;}

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

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

.center {position: absolute;left: 50%;top: 50%;text-align:center;width: 100%;margin-left: -50%;}