MainPage.css

.mainPage {

  background-repeat:repeat;
  background-position: center center;

}

.mainHeading {

  width: 80%; 
  position: relative;
  margin-left: auto; 
  margin-right: auto;
  font-weight: bold; 
  text-align: center;

}

.mainTable{

  width: 80%; 
  margin-left: auto; 
  margin-right: auto;
  padding: 0 0 0 0 ;
  border-spacing: 15px;

}

.boxHeading {

  color: white; 
  margin: 4px; 
  padding: 7px; 
  font-size: 190%;
  font-style: italic;
  font-weight: bold;
  font-family: Arial, sans-serif;
  text-align: center; 
  background: #582828; 
  border: 1px solid #2B3A42; 
  text-shadow: -2px 2px 0px #422, 1px -1px 0px #000

}

.mainPageTableBoxContents{

  padding-left:  1em;
  padding-right: 1em;

}

.mainPage td {

  text-align: center;
  vertical-align: top;
  border: 3px solid #AAAAAA; 
  border-radius: 7px 7px  7px  7px;
  background-color: rgba(220,220,230,.9);
  background-image: radial-gradient(red, blue ); 

}

td.leftSideBox {

  text-align: left;

}

td.rightSideBox {

  text-align: right;

}

.oneMoreThing{

  font-size: 0.8em;
  text-decoration: overline;
  line-height: 5;
  text-align: right;
  font-style: italic; 

}

.mainPage .bottomRow.rightSideBox {

  border-radius: 7px 7px 20px  7px;

}

.mainPage .bottomRow.leftSideBox {

  border-radius: 7px 7px  7px 20px;

}