/* the bit that does the work */

body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#fff; 
  font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica; 
  font-size:76%;
  overflow: hidden; 
  min-width:780px; /*** This is needed for moz. Otherwise, the header and footer will
slide off the left side of the page if the screen width is narrower than the design.
Not seen by IE. ***/
}

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

#container {
  font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica; 
  font-size: 1em; /* was 1.2 em */
  position:fixed; 
  top:120px;
  left:0;
  bottom:50px; 
  right:0; 
  overflow:auto; 
  background:#fff;
  padding:20px;
  text-align:center;
  }

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

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:125px; /* was 116px */
  overflow:auto; 
  background:#85010A; /* #53829d; */
  border-bottom:4px solid #AB000B; /* #73a2bd; */
  }
* html #header {height:129px;}


#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:45px; 
  overflow:auto; 
  text-align:right; 
  background:#5E0006;
  border-top:5px solid #AB000B;
  }
* 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;
  }


#header img {
  margin:10px 10px 0 10px;
  }
#container img {margin:2px;}
#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:#AB000B;
  border: none;
  }

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

.grey {color:#888;}

.ltgrey {color:#ddd;}

img#mascot {float:right;}

a img {
	  border: none;
}

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

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

#header ul li {
  display:inline; 
  color:#5E0006;
  }



.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:#5E0006; background-color:#5E0006;}

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