body { background-color: #ccffcc;
  color: #000000; }

.alignHorizontalCenter { width: 50%;
  margin-left: auto;
  margin-right: auto }

.academicHonesty { width: 50%;
  text-align: center;
  font-size: 1.5em }

/* When we want multiple columns we need to wrap the columns in
 a div and make the wrapper to be the total width of its
 constituent columns. In this case we want each collection of
 columns to be the full width of the page.*/

.column_wrapper {
  float:left;   /* Required, when columns are different lengths */
  width:100%;
}

/* For four columns we need four styles.  In this case we label
 the styles, from left to right, as col_1, col_2, etc. */


.col_1_four_column {
  float: left;     /* Put column to the left to permit the col_2
                    to be on the right; */
  width: 20%;      /* need to adjust carefully to make sure
                    columns have the correct width. */
  text-align: center;
}

.col_2_four_column {
  float: left;     /* Put column to the left to permit col_3
                    to be on the right; */
  width: 35%;      /* need to adjust carefully to make sure
                    columns have the correct width. */
  text-align: center;
  font-size: 1.5em;
  font-style: bold }

.col_3_four_column {
  float: left;     /* Put column to the left to permit col_4
                    to be on the right; */
  width: 20%;      /* need to adjust carefully to make sure
                    columns have the correct width. */
  text-align: center;
  font-size: 1.2em;
  margin-top: 10px; }

.col_4_four_column {
  text-align: center;
  margin-top: -15px;
}