* {
  box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.overheadcolumn1 {
  float: left;
  width: 50%;
  padding: 5px;
  height: 50px; 
  background-color: #fff; 
  color: #010066;
  text-align: left;
  border-bottom: 0.5px solid #010066;
}


.overheadcolumn2 {
  float: left;
  width: 25%;
  padding: 5px;
  height: 50px; 
  background-color: #fff; 
  color: #010066;
  text-align: left;
  border-bottom: 0.5px solid #010066;
	}
	
	
	.overheadcolumn3 {
  float: left;
  width: 25%;
  padding: 5px;
  height: 50px; 
  background-color: #fff; 
  color: #010066;
  text-align: left;
  border-bottom: 0.5px solid #010066;
	}

/* above columns shaded DCDCE0 */

.overheadcolumn1a {
  float: left;
  width: 50%;
  padding: 5px;
  height: 50px; 
  background-color: #DCDCE0; 
  color: #010066;
  text-align: left;
  border-bottom: 0.5px solid #010066;
}


.overheadcolumn2a {
  float: left;
  width: 25%;
  padding: 5px;
  height: 50px; 
  background-color: #DCDCE0; 
  color: #010066;
  text-align: left;
  border-bottom: 0.5px solid #010066;
	}
	
	
	.overheadcolumn3a {
  float: left;
  width: 25%;
  padding: 5px;
  height: 50px; 
  background-color: #DCDCE0; 
  color: #010066;
  text-align: left;
  border-bottom: 0.5px solid #010066;
	}










.shadedoverheadcolumn1 {
  float: left;
  width: 50%;
  padding: 5px;
  height: 50px; 
  background-color: #010066; 
  color: #fff;
  text-align: left;
  border-bottom: 0.5px solid #010066;
}


.shadedoverheadcolumn2 {
  float: left;
  width: 25%;
  padding: 5px;
  height: 50px; 
  background-color: #010066; 
  color: #fff;
  text-align: left;
  border-bottom: 0.5px solid #010066;
	}
	
	
.shadedoverheadcolumn3 {
  float: left;
  width: 25%;
  padding: 5px;
  height: 50px; 
  background-color: #010066; 
  color: #fff;
  text-align: left;
  border-bottom: 0.5px solid #010066;
	}






/* Clear floats after the columns */
.overheadrow:after {
  content: "";
  display: table;
  clear: both;
}


.solutionsheader1 {
  float: left;
  width: 80%;
  padding: 5px;
  height: 50px; 
  background-color: #010066; 
  color: #fff;
  text-align: left;
 
}


.solutionsheader2 {
  float: left;
  width: 20%;
  padding: 5px;
  height: 50px; 
  background-color: #010066; 
  color: #fff;
  text-align: left;
	}

.solutions1 {
  float: left;
  width: 80%;
  padding: 5px;
  height: 50px; 
  background-color: #fff; 
  color: #010066;
  text-align: left;
 
}


.solutions2 {
  float: left;
  width: 20%;
  padding: 5px;
  height: 50px; 
  background-color: #fff; 
  color: #010066;
  text-align: left;
	}
	



.shadedsolutions1 {
  float: left;
  width: 80%;
  padding: 5px;
  height: 50px; 
  background-color: #dcdce0; 
  color: #010066;
  text-align: left;
 
}


.shadedsolutions2 {
  float: left;
  width: 20%;
  padding: 5px;
  height: 50px; 
  background-color: #dcdce0; 
  color: #010066;
  text-align: left;
	}
	
	

.solutions21 {
  float: left;
  width: 80%;
  padding: 5px;
  height: 100px; 
  background-color: #fff; 
  color: #010066;
  text-align: left;
 
}


.solutions22 {
  float: left;
  width: 20%;
  padding: 5px;
  height: 100px; 
  background-color: #fff; 
  color: #010066;
  text-align: left;
	}
	



.shadedsolutions21 {
  float: left;
  width: 80%;
  padding: 5px;
  height: 100px; 
  background-color: #dcdce0; 
  color: #010066;
  text-align: left;
 
}


.shadedsolutions22 {
  float: left;
  width: 20%;
  padding: 5px;
  height: 100px; 
  background-color: #dcdce0; 
  color: #010066;
  text-align: left;
	}
	






/* Clear floats after the columns */
.solutionsrow:after {
  content: "";
  display: table;
  clear: both;
}