html,body,p,div,img,h1,h2,h3,h4,li,ul,dl,dd,dt,form,table,td,tr{
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;
}
input,select{
  margin:0;
  padding:0;
}
* {
	margin: 0;
}

table{
border-spacing: 10px 10px;
}

p{
	color: white;  
	padding: 20px;
	font-family:Optima, Birch Std, AppleMyungjo,cochin,georgia;
	text-align: center;
	top: 45%;
	}
	
#container{
	margin:0px 0px; 
	padding:0px;
	text-align:center;
	width: 100%;
	height: 100%;
	background: black; 

}

#container2{
	width:1000px;
	height: 800px;
	margin:0px auto;
	text-align:left;
	border:none;
	background: transparent;
}
#container3{
	width:1000px;
	height: 3000px;
	margin:0px auto;
	text-align:left;
	border:none;
	background: transparent;
}

#background {
	background:black;
	position:absolute;  
	width:900px;
	height:800px;
	margin-top:auto;
	
}
#background2 {
	background:black;
	position:absolute;  
	width:900px;
	height:3000px;
	margin-top:auto;
	
}
#header {
	background:transparent;
	position:absolute;  
	left: 50px;
	width:800px;
	height:50px;
	top: 100px;
	margin:auto;
	text-align:center;
	font-family:Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: rgb(142,124,129);
	font-size: 80px;
	
}
#texttitle {
	width: 200px;
	height: 50px;
	background: transparent;
	position:absolute; 
	top: 20px;  
	left: 300px;
	border: none;	
	font-family:Orator Std, Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: black;
	font-weight: bold;
	font-size: 18px;
}
#trusttitle a {
	width: 300px;
	height: 50px;
	background: transparent;
	position:absolute; 
	top: 250px;  
	left: 0px;
	border: none;	
	font-family:Orator Std, Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: black;
	font-weight: bold;
	font-size: 18px;
}
#texttitlewhite {
	width: 900px;
	height: 50px;
	background: transparent;
	position:absolute; 
	top: 0px;  
	left: 230px;
	border: none;	
	font-family:Orator Std, Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: white;
	font-weight: bold;
	font-size: 18px;
}
#subtopics {
	font-family:Orator Std, Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: red;
	font-weight: bold;
	font-size: 18px;
}
#titlewhite {
	width: 200px;
	height: 50px;
	background: transparent;
	position:absolute; 
	top: 0px;  
	left: 230px;
	border: none;	
	font-family:Orator Std, Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: white;
	font-size: 18px;
}
#titleleftside {
	text-align: center;
	width: 180px;
	height: 300px;
	background: transparent;
	position:absolute; 
	top: 200px;  
	left: 0px;
	border: none;	
	font-family:Orator Std, Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: black;
	font-size: 18px;
}
#stafflinks {
	text-align: center;
	width: 180px;
	height: 300px;
	background: transparent;
	position:absolute; 
	top: 280px;  
	left: 0px;
	border: none;	
	font-family:Orator Std, Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: black;
	font-size: 18px;
}



#textbottom {
	width: 700px;
	height: 30px;
	background: transparent;
	position:absolute; 
	top: 575px;  
	left: 130px;
	text-align: center;
	border: none;	
	font-family:Orator Std, Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: white;
	font-weight: bold;
	font-size: 18px;
}

#runner {
	width: 1000px;
	height: 350px;
	background: white;
	position:absolute; 
	top: 200px;  
	border: none;	
	font-family:Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: rgb(142,124,129);
	font-size: 20px;
}


#skinnyrunner {
	width: 180px;
	height: 370px;
	background: white;
	position:absolute; 
	top: 80px;  
	border: none;	
	font-family:Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: rgb(142,124,129);
	font-size: 20px;
}
#skinnyrunnerlonger {
	width: 180px;
	height: 540px;
	background: white;
	position:absolute; 
	top: 80px;  
	border: none;	
	font-family:Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: rgb(142,124,129);
	font-size: 20px;
}
#skinnyrunnerlonger2 {
	width: 180px;
	height: 540px;
	background: white;
	position:absolute; 
	top: 80px;  
	border: none;	
	font-family:Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: rgb(142,124,129);
	font-size: 20px;
}

#geeccontent {
	width: 500px;
	height: 370px;
	background: transparent;
	position:absolute; 
	top: 80px;
	left: 230px;
	border: none;	
	font-family:Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: beige;
	font-size: 15px;
}
#teacherscontent {
	width: 500px;
	height: 370px;
	background: transparent;
	position:absolute; 
	top: 25px;
	left: 230px;
	border: none;	
	font-family:Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: beige;
	font-size: 15px;
}
#sustainabilitycontent {
	width: 500px;
	height: 370px;
	background: transparent;
	position:absolute; 
	top: 180px;
	left: 230px;
	border: none;	
	font-family:Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: beige;
	font-size: 15px;
}
#textrunner {
	width: 690px;
	left: 300px;
	height: 350px;
	background: transparent;
	position:absolute; 
	top: 50px;  
	border: none;	
	font-family:Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: black;
	font-size: 12px;
}
#textrunnerright {
	text-align:justify;
	width: 320px;
	left: 610px;
	height: 350px;
	background: transparent;
	position:absolute; 
	top: 50px;  
	border: none;	
	font-family:Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: black;
	font-size: 13px;
}
#textrunnerleft {
	text-align:justify;
	width: 320px;
	left: 50px;
	height: 350px;
	background: transparent;
	position:absolute; 
	top: 50px;  
	border: none;	
	font-family:Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: black;
	font-size: 13px;
}
#programs {
	text-align: center;
	width: 150px;
	height: 50px;
	background: transparent;
	position:absolute; 
	top: 50px;  
	left: 33px;
	border: none;	
	font-family:Orator Std, Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: black;
	font-weight: bold;
	font-size: 18px;
}
#news {
	text-align: center;
	width: 150px;
	height: 50px;
	background: transparent;
	position:absolute; 
	top: 50px;  
	left: 200px;
	border: none;	
	font-family:Orator Std, Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: black;
	font-weight: bold;
	font-size: 18px;
}
#staff {
	text-align: center;
	width: 150px;
	height: 50px;
	background: transparent;
	position:absolute; 
	top: 50px;  
	left: 618px;
	border: none;	
	font-family:Orator Std, Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: black;
	font-weight: bold;
	font-size: 18px;
}
#help {
	text-align: center;
	width: 150px;
	height: 50px;
	background: transparent;
	position:absolute; 
	top: 50px;  
	left: 818px;
	border: none;	
	font-family:Orator Std, Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: black;
	font-weight: bold;
	font-size: 18px;
}
#textpictures {
	position: absolute;
	left: 230px;
	top: 30px;
	padding:420px 340px;
	background-image: url(glpnews1.jpg);
	background-position: 0px 0;
	}
#textpictures2 {
	position: absolute;
	left: 230px;
	top: 910px;
	padding:370px 340px;
	background-image: url(glpnews2.jpg);
	background-position: 0px 0;
	}
#textpictures3 {
	position: absolute;
	left: 230px;
	top: 1695px;
	padding:480px 340px;
	background-image: url(glpnews3.jpg);
	background-position: 0px 0;
	}
#textpictures4 {
	position: absolute;
	left: 270px;
	top: 30px;
	padding:330px 330px;
	background-image: url(glpnews4.jpg);
	background-position: 0px 0;
	}
#textpictures5 {
	position: absolute;
	left: 230px;
	top: 750px;
	padding:600px 380px;
	background-image: url(jtownpress.jpg);
	background-position: 0px 0;
	}


#pictures {
	position: absolute;
	left: 230px;
	top: 30px;
	padding:230px 300px;
	background-image: url(pic.jpg);
	background-position: 0px 0;
	}
#pictures2 {
	position: absolute;
	left: 230px;
	top: 500px;
	padding:230px 300px;
	background-image: url(pic2.jpg);
	background-position: 0px 0;
	}
#pictures3 {
	position: absolute;
	left: 230px;
	top: 970px;
	padding:230px 300px;
	background-image: url(pic3.jpg);
	background-position: 0px 0;
	}
#pictures4 {
	position: absolute;
	left: 230px;
	top: 1440px;
	padding:230px 300px;
	background-image: url(pic4.jpg);
	background-position: 0px 0;
	}
#pictures5 {
	position: absolute;
	left: 230px;
	top: 1910px;
	padding:230px 300px;
	background-image: url(pic5.jpg);
	background-position: 0px 0;
	}

#newspage {	
	position: absolute;
	left: 230px;
	top: 30px;
	padding:230px 300px;
	background-image: url(glpnews1.jpg);
	background-position: 0px 0;
	
	}


#texthome a {
	width: 200px;
	height: 50px;
	background: transparent;
	position:absolute; 
	top: 390px;  
	left: 0px;
	border: none;	
	font-family:Orator Std, Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: red;
	font-weight: bold;
	font-size: 18px;
}

#newslink a {
	width: 200px;
	height: 50px;
	background: transparent;
	position:absolute; 
	top: 2700px;  
	left: 500px;
	border: none;	
	font-family:Orator Std, Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: red;
	font-size: 18px;
}
#titleleftside a {
	font-family:Orator Std, Optima, Birch Std, AppleMyungjo,cochin,georgia;
	color: red;
	font-size: 18px;
}

#mask a {
	position: absolute;
	left: 10px;
	top: 10px;
	padding:170px 90px;
	background-image: url(mask.bmp);
	background-position: 0px 0;
	}
#mask a:hover {	
	opacity: .2;
	
	}
#mask a:active {
	}
#mask2 a {
	position: absolute;
	left: 200px;
	top: 10px;
	padding:170px 75px;
	background-image: url(mask2.bmp);
	background-position: 0px 0;
	}
#mask2 a:hover {	
	opacity: .2;
	}
#mask2 a:active {
	}
#mask3 a {
	position: absolute;
	left: 600px;
	top: 10px;
	padding:170px 85px;
	background-image: url(mask3.bmp);
	background-position: 0px 0;
	}
#mask3 a:hover {	
	opacity: .2;
	}
#mask3 a:active {
	}
#mask4 a {
	position: absolute;
	left: 800px;
	top: 10px;
	padding:170px 90px;
	background-image: url(mask4.bmp);
	background-position: 0px 0;
	}
#mask4 a:hover {	
	opacity: .2;
	}
#mask4 a:active {
	}
	
#textimage a {
	position: absolute;
	height: 10px;
	left: 400px;
	top: 60px;
	padding:100px 95px;
	background-image: url(ghana.jpg);
	background-position: 0px 0;
	background-repeat: no-repeat;
	}
#textimage a:hover {	
	opacity: .5;
	}
#textimage a:active {
	}
	
	
	
	

	
#textimageside a {
	position: absolute;
	height: 10px;
	left: 0px;
	top: 10px;
	padding:100px 95px;
	background-image: url(ghana.jpg);
	background-position: 0px 0;
	background-repeat: no-repeat;
	}
#textimageside a:hover {	
	opacity: .5;
	}
#textimageside a:active {
	}
#textimageside2 a {
	position: absolute;
	height: 10px;
	left: 10px;
	top: 10px;
	width: 20px;
	height:40px;
	padding:100px 85px;
	background-image: url(mask3.bmp);
	background-position: 0px 0;
	background-repeat: no-repeat;
	}
#textimageside2 a:hover {	
	opacity: .5;
	}
#textimageside2 a:active {
	}

a:link {
color:white;
background-color: transparent;
text-decoration: none;

}
a:visited {
color:white;
background-color: transparent;
text-decoration: none;


}
a:hover {
color:white;
background-color: transparent;
text-decoration: none;
font-weight: bolder;

}
a:active {
color:white;
background-color: transparent;
text-decoration: none;

}
a.alternate:link {
color:black;
background-color: transparent;
text-decoration: none;

}
a.alternate:visited {
color:black;
background-color: transparent;
text-decoration: none;

}
a.alternate:hover {
font-size: larger;
color:black;
background-color: transparent;
font-weight: bolder;
text-decoration: none;

}
a.alternate:active {
font-size: larger;
color:black;
background-color: transparent;
font-weight: bolder;
text-decoration: none;

}
a.alternate2:link {
color:black;
background-color: transparent;
text-decoration: none;

}
a.alternate2:visited {
color:black;
background-color: transparent;
text-decoration: none;

}
a.alternate2:hover {
font-size: smaller;
color:black;
background-color: transparent;
font-weight: bolder;
text-decoration: none;

}
a.alternate2:active {
font-size: larger;
color:black;
background-color: transparent;
font-weight: bolder;
text-decoration: none;

}
a.alternate3:link {
font-size: 20px;
color:white;
background-color: transparent;
text-decoration: none;

}
a.alternate3:visited {
color:white;
background-color: transparent;
text-decoration: none;


}
a.alternate3:hover {

color:white;
background-color: transparent;
text-decoration: none;
font-weight: bolder;

}
a.alternate3:active {
color:white;
background-color: transparent;
text-decoration: none;

}
a.alternate4:link {
font-size: 20px;
color: rgb(142,124,129);
background-color: transparent;
text-decoration: none;

}
a.alternate4:visited {
font-size: 20px;
color: rgb(142,124,129);
background-color: transparent;
text-decoration: none;


}
a.alternate4:hover {
font-size: 20px;
color:white;
background-color: transparent;
text-decoration: none;
font-weight: bolder;

}
a.alternate4:active {
font-size: 20px;
color:white;
background-color: transparent;
text-decoration: none;

}
a.alternate5:link {
font-size: 20px;
color: white;
background-color: transparent;
text-decoration: none;

}
a.alternate5:visited {
font-size: 20px;
color: white;
background-color: transparent;
text-decoration: none;


}
a.alternate5:hover {
font-size: 20px;
color:white;
background-color: transparent;
text-decoration: none;
font-weight: bolder;

}
a.alternate5:active {
font-size: 20px;
color:white;
background-color: transparent;
text-decoration: none;

}
a.alternate6:link {
font-size: 14px;
color: red;
background-color: transparent;
text-decoration: none;

}
a.alternate6:visited {
font-size: 14px;
color: red;
background-color: transparent;
text-decoration: none;


}
a.alternate6:hover {
font-size: 14px;
color:red;
background-color: transparent;
text-decoration: none;
font-weight: bolder;

}
a.alternate6:active {
font-size: 14px;
color:red;
background-color: transparent;
text-decoration: none;

}