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

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

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

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

#container p {
		margin:5px 10% 10px 10%;
		padding:5px 10% 10px 10%;
		
		}

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:160px; 
  overflow:auto; 
  background:#000;
  border-bottom:4px solid #000;
  }
* html #header {height:120px;}


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

/* end of bit that does the work */

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

#footer p {
  color:#fff; 
  margin:5px 10px 0 10px;
	font-weight:bold;
  }


#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:#ddd;
  }

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

  }

.grey {color:#888;}

.ltgrey {color:#ddd;}

img#mascot {float:right;}

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

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

#header ul li {
  display:inline; 
  color:#fff;
  }

#colour1	{
width:40px;
height:40px;
background:#66ffff;
float:left;
margin:5px 0 0 0;
color:#000;
}
#colour2	{
width:40px;
height:40px;
background:#ff0000;
float:left;
margin:5px 0 0 5px;
color:#000;
}
#colour3 {
width:40px;
height:40px;
background:#cccccc;
float:left;
color:#000;
margin:5px 0 0 5px;
}
#colour4	{	
width:40px;
height:40px;
background:#ffff00;
float:left;
margin:5px 0 0 0;
color:#000;
}
#colour5	{
width:40px;
height:40px;
background:#3366ff;
float:left;
margin:5px 0 0 5px;
color:#000;
}

#colour6	{
width:40px;
height:40px;
background:#99ff99;
float:left;
margin:5px 0 0 5px;
color:#000;
}
.box	{
width:175px;
clear:right;
float:right;
font-weight:bold;
margin:0px 10px 0 0;

}
#words	{width:72%;
	float:right;
	z-index:10;
	margin:0 10px 0 0;
}

.small {font-size:.9em;
	margin:5px 10px 8px 0px;
	padding:5px 5px 8px 0px;
		}


.link {font-size:1em;
	margin:5px 0 8px 0;
	padding:5px 0 8px 0;
	color:#f00;
	font-weight:bolder;
	}
 
.med 	{font-size:1.25em;
	margin:0px 0px 0px 15px;
	padding:0px 5px 8px 0px;
		}	
#footer a {
	font-weight:bold;
	font-size:15px;
	margin:0 8px 0 0;
	color:#f00;
	}
#footer a:hover {color:#fff;}

.left {float:left;}
.right{float:right;}
.l 	{display:none;}