/* the bit that does the work */
body {
	margin: 0;
	border: 0;
	padding: 0;
	height: 100%;
	max-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15 px;
	overflow: hidden;
}
/* for internet explorer */
* html body {
	padding: 34px 0 34px 0;
}

#wrp {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100 %;
	position: fixed;
	top: 39px;
	left: 0;
	bottom: 39px; /*no IE*/
	right: 0;
	overflow: auto;
	background: transparent url(background.gif) fixed;
	padding: 20px;
	text-align: left;
}
img {
	border: none;
}

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

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 34px;
	overflow: auto;
	background: #53829d;
	border-bottom: 4px solid #73a2bd;
	color: #ddd;
}
* html #header {height:34px;}


#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 34px;
	overflow: auto;
	text-align: right;
	background: #2C7D0B;
	border-top: 5px solid #53829d;
}
* html #footer {height:34px;}

/* end of bit that does the work */

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
}
h5 {
	color: Yellow;
	text-align: right;
}
h3 {
	color: Red;
}
#footer p , #footer img, #header img{
	color: #fff;
	margin: 5px 10px 0 10px;
	border: none;
	text-align: left;
}


#header img {
  margin:10px 10px 0 10px;
  }
#header h1 ,#header h5 , #header h3 {
	margin-left: 80px;
	text-align: center;
}
#header em {
	color: Yellow;
}
#wrp 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: 1em;
  text-decoration:none;
  color:#ddd;
  }
#wrp a, #wrp a:visited {
	color: Blue;
}
a:hover {
  color:#fff; 
  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: 38%;
	margin-right: 2%;
	float: left;
	text-align: left;
	margin-left: 40px;
}
	
	.columntwo {
	float: right;
	text-align: left;
	margin-right: 70px;
}
.columnthree {
	text-align: justify;
	border: 1px solid #fff;
	margin-left: 40px;
}
#computer {
	background: url(laptop_25.gif) no-repeat;
	padding-left: 30px;
	padding-bottom: 10px;
}
#tv {
	background: url(plasma_25.gif) no-repeat;
	padding-left: 30px;
	padding-bottom: 10px;
}
* html .columnthree {border:0;}
hr {clear:both; border:0; height:1px; color:#888; background-color:#888;}
dl {
	
	font-size: 77%;
	
}
dt {
	font-weight: bold;
}

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