body{font-family: Arial, Helvetica, sans-serif;}

h1 {text-align: center}


a:hover, a:hover {
	color: red;
	background-color: #ff0;
}

a:active, a:active {
	color: #ff0;
	background-color: red;
}





#header {
	text-align: center;
}


.wrapper1 {
  display: grid;
  grid-template-columns: 100%;
  padding: 20px;
}

.wrapper2 {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 20px;
}

.wrapper3 {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  padding: 20px;
}

.wrapper3h {
  display: grid;
  grid-template-columns: 25% 50% 25%;
  padding: 20px;
  text-align: center;
  justify-content: center;
}

.wrapper4 {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  padding: 20px;
}




.leftImage {
    text-align:left;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}
.centeredImage {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}
.rightImage {
    text-align:right;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}
 

/* <p class="centeredImage"><img src="imgName.gif" alt="image description" height="100" width="100"></p> */








	#one {
		float: left;
		width: 100%;
		}




	#two1 {
		float: left;
		width: 45%;
		padding:20px;
		}


	#two2 {
		float: left;
		width: 45%;
		padding:20px;
		}


	#two1p {
		float: left;
		width: 50%;
		padding:50px;
		}


	#two2p {
		float: left;
		width: 50%;
		padding:50px;
		}

	#three1 {
		float: left;
		width: 33%;
		}

	#three2 {
		float: left;
		width: 33%;
		}
		
	#three3 {
		float: left;
		width: 33%;
		}

	#farleft {
		float: left;
		width: 12%;
		}

	#centretitle {
		float: left;
		width: 76%;
		}
		
	#farright {
		float: left;
		width: 12%;
		}
		
	#four1 {
		float: left;
		width: 24%;
		}


	#four2 {
		float: left;
		width: 24%;
		}
		
	#four3 {
		float: left;
		width: 24%;
		}
		
		
	#four4 {
		float: left;
		width: 24%;
		}


	#five1 {
		float: left;
		width: 19%;
		}


	#five2 {
		float: left;
		width: 19%;
		}
		
		
	#five3 {
		float: left;
		width: 19%;
		}
		
		
	#five4 {
		float: left;
		width: 19%;
		}
		
	#five5 {
		float: left;
		width: 18%;
		}


	#cl {
	clear: both;
	}