/* CSS Document */

/* the bit that does the work */

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

/* for internet explorer */
* html body {
	padding:110px 0 32px 0;
	background-color: #EF052F;
  }

#container {
	font-family:"Comic Sans MS";
	font-size: 1.2em;
	position:fixed;
	top:110px;
	left:0;
	bottom:32px;
	right:0;
	overflow:auto;
	background:#ffef00 url(../Resized%20images/background.jpg) no-repeat center;
	padding:10px;
	text-align:center;
	font-weight: bold;
 }

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

#header {
  position:absolute; 
  top:0px; 
  left:0px; 
  width:100%; 
  height:110px; 
  overflow:auto; 
  background:#EF052F;
 border-bottom:2px solid #000000; 
  }
* html #header {
	height:110px;
	width: 100%;
}


#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:32px;
	overflow:auto;
	text-align:right;
	background:#EF052F;
	border-top:2px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
  }
* html #footer {height:32px;}

/* end of bit that does the work */

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

#footer p {
	color:#FFFFFF;
	margin-left: 10px;
	
  }
#footer right {
	float: right;
	height: 27px;
	width: 331px;
	margin-top: 0px;
	margin-left: 20px;
  }




#left {
	color:#000;
	width:360px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Comic Sans MS";
	height: 270px;
	margin-top: 10px;
	position: relative;
  }
#left2 {
	color:#000;
	width:360px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Comic Sans MS";
	
	height: 360px;
	
  }
#bottom {
	color:#000;
	height: 50px;
	width: 360px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	position: relative;
	clear: both;
  }
  .box2{
	font-family: "Comic Sans MS";
	color: #00;
	float: left;
	height: 16px;
	width: 120px;
	text-align: center;
} 
.box3{
	font-family: "Comic Sans MS";
	color: #00;
	height: 20px;
	width: 360px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	text-decoration: underline;
	position: relative;
}

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

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

.grey {color:#888;}

.ltgrey {color:#ddd;}

img#mascot {float:right;}

#header ul {
  clear:both; 
  text-align:center;
  }

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

#header ul li {
	display:inline;
	color:#ffef00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
  }



.lft {float:left;
	margin-left: 20px;
	color: #FFFFFF;
	margin-top: 5px;}
.rgt{float:right;}



a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}