/* the bit that does the work */
	html {
		height: 100%;
		overflow: hidden;
	}	
	
body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background: #fff; 
  font-family:helvetica,arial, serif;
  font-size:76%;
  overflow: hidden; 
  }

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

#container {
  font-family:helvetica,arial, serif;  
  font-size: 1.2em;
  position:fixed; 
  top:0px;
  left:0;
  bottom:25%; 
  right:0; 
  overflow-x: hidden;
  height: 100%;
  background:#fff;
  padding:0px;
  text-align:center;
  }

* html #container {
  height:100%; 
  width:100%; 
  }
#player{
	left: 0;
	bottom: 25%;
	padding-top:100px ;
}
#header {
  position:absolute; 
  bottom:0px; 
  left:0; 
  width:100%; 
  height:25%; 
  overflow:auto;
  padding-left: 10px;
  background:#ffffff;
 
  font-family:helvetica,arial, serif;
  font-size: 1.1em;
}
* html #header {height:180px;}

#header ul {
  clear:both; 
  text-align:left; 
  padding-left:1.3%; 
  padding-top: 20px;
  list-style-type:none; 
  height: auto;
  margin: 0px;
  }

#header ul li {
  color:#000;
  }
  

.headerOne {
	float:left;
	width: 145px;
	height: auto;
	margin-left: 1.3%;
	padding-top: 0px;
	
	}
.headerOne ul{
	text-align: left;
	margin: 0px;
	list-style: none;
	background: none;
	
	
}

.headerOne ul li {
	border: none;
	font-size: 10px;
    font-weight: bold;
    padding-right: 5px;

}
.headerOne ul li:hover {
	 background: #000;
}
.headerOne ul li a{
	border: none;
	color: #000;

}
.headerOne ul li a:hover{
	border: none;
    color: #29ABE2;
    background: #000;
    padding-right: 5px;
    font-weight: normal;

}	
.headerTwo{
	float:left;
	padding-left: 10px;
	padding-top: 0px;
	width: 150px;

	}
	
.headerTwo ul{
	text-align: left;
	margin: 0px;
	list-style: none;
	background: none;
}

.headerTwo ul li {
	border: none;
	font-size: 10px;
    font-weight: bold;
	}
.headerTwo ul li:hover {
	 background: #000;
	 color: #686868;
     padding-right: 5px;
}
.headerTwo ul li a{
	border: none;
    color: #000;
}

.headerTwo ul li a:hover{
	border: none;
    color: #29ABE2;
    background: #000;
    font-weight: normal;

}
.headerThree{
	float:left;
	padding-left: 10px;
	padding-top: 0px;
	width: 150px;
	height: 100px;

	}
	
.headerThree ul{
	text-align: left;
	margin: 0px;
	width: auto;
	list-style: none;
	background: none;
}

.headerThree ul li {
	border: none;
	font-size: 10px;
    font-weight: bold;
	}
.headerThree ul li:hover {
	 background: #000;
	 color: #ffffff;
     padding-right: 5px;
}
.headerThree ul li a{
	border: none;
    color: #29ABE2;
}

.headerTwo ul li a:hover{
	border: none;
    color: #ffffff;
    background: #000;
    font-weight: normal;

}



h1 {
	font-size:4em; 
	margin:0; 
	padding:0;
	}
#columnfloat{
  position:absolute; 
  top:57%;
  left:2%; 
  width:28.5%;
  padding: 7px; 
  height:auto;
  background:#fff;
  font-family:helvetica,arial, serif;
  text-align: left;
  line-height:13px ;  
  font-size: 11px;
}
.columnone {
	width:30%; 
	float:left; 
	text-align:justify; 
	padding-left: 26px;
    padding-right:1.3%;
    padding-top:1.3%;
	background:#fff;
	font-family:helvetica,arial, serif;
	  line-height:18px ;
	  letter-spacing: .1em; 
	  font-size: 13px; 

    
}
.columnone ul{
	width:100%; 
	height: auto;
	float: left;
	padding: 0;
	color: #000;
}
.columnone ul li {
	letter-spacing: .1em; 
    text-decoration: none;
    list-style: none;
    text-align: left;
	font: 10px helvetica,arial, serif;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #b2b2b2;

	
}
.columnone ul li a{
	font-family:helvetica,arial, serif;
	
	color: #000;
    text-decoration: none;

}
.columnone ul li a:hover{
	font-family:helvetica,arial, serif;
	color: #29ABE2;
    text-decoration: none;

}
.columnone h1{
	font-family:helvetica,arial, serif;
	 line-height:25px ;
	 letter-spacing: .1em; 
	 font-size: 13px;
	 font-weight: bold;
    color: #29ABE2;
	}

.columntwo {
	width:30%; 
	float:left; 
	text-align:justify; 
    padding-right:1.3%;
	margin-left: 1%;
	padding-top:1.3%;
	background:#fff;
	font-family:helvetica,arial, serif;
	  line-height:18px ;
	  letter-spacing: .1em; 
	  font-size: 13px; 

}
.columntwo ul{
	width:100%; 
	height: auto;
	float: left;
	padding: 0;
	color: #000;
}
.columntwo ul li {
	letter-spacing: .1em; 
    text-decoration: none;
    list-style: none;
    text-align: left;
	font: 10px helvetica,arial, serif;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #b2b2b2;
}
.columntwo ul li a{
	font-family:helvetica,arial, serif;
	
	color: #000;
    text-decoration: none;

}
.columntwo ul li a:hover{
	font-family:helvetica,arial, serif;
	color: #29ABE2;
    text-decoration: none;
 
}
.columntwo h1{
	font-family:helvetica,arial, serif;
	 line-height:25px ;
	 letter-spacing: .1em; 
	 font-size: 13px;
	 font-weight: bold;
    color: #29ABE2;
	}

.columnthree {
	width:30%; 
	float:left; 
	text-align:justify; 
    padding-right:1.3%;
	margin-left: 1%;
	padding-top:1.3%;
	background:#fff;
	font-family:helvetica,arial, serif;
	  line-height:18px ;
	  letter-spacing: .1em; 
	  font-size: 13px; 

}
.columnthree ul{
	width:auto; 
	height: auto;
	float: left;
	padding: 0;
	color: #000;
}
.columnthree ul li {
	letter-spacing: .1em; 
    text-decoration: none;
    list-style: none;
    text-align: left;
	font: 10px helvetica,arial, serif;
padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #b2b2b2;

}
.columnthree ul li a{
	font-family:helvetica,arial, serif;
	
	color: #000;
    text-decoration: none;

}
.columnthree ul li a:hover{
	font-family:helvetica,arial, serif;
	color: #29ABE2;
    text-decoration: none;
 
}
.columnthree h1{
	font-family:helvetica,arial, serif;
	 line-height:25px ;
	 letter-spacing: .1em; 
	 font-size: 13px;
	 font-weight: bold;
    color: #29ABE2;
	}

.columnfour {
	width:100%; 
	height: 75%;
	float:left; 
	left: 0;
	text-align:justify;
	padding-left: 26px;
	margin-left: 0px;
	background:#fff;
	z-index:0;
}
.columnfour ul  {
	padding: 0px;
	margin: 0px;
}
.columnfour img{
	padding: 0;
	margin: 0;
}
* html .columnthree {
	border:0;
	}
	
hr {
	clear:both; 
	border:0; 
	height:1px; 
	color:#888; 
	background-color:#888;
	}
	
#flashcontent {
		height: 100%;
	}
	
.columnthree a, .columnthree a:visited {
	font-size:1em; 
	color:#000; 
	text-decoration:underline;
	}

.columnthree a:hover {
	color:#888; 
	text-decoration:none;
	}


#container img {
	margin:0px;
	}

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

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

.grey {color:#888;}

.ltgrey {color:#ddd;}

img#mascot {float:right;}