body {
    padding: 60px 0;
    background: #ffffff;
    }

h1  {
    font-size: 1.15em;  
    color: white;
    background-color:#800000;
    padding: 0.5em;
    text-align: center;
    border: 2px solid;
    border-radius: 25px;
    }

h2  {
    font-size: 1.05em;  
    color: white;
    text-align:center;
    background-color:#B00000;
    padding: 0.5em;
    text-align: left;
    border: 2px solid;
    border-radius: 25px;
    /* width:300px; */
    width:30%;
}
h3 {
    font-size: 1.0em;   
    color: white;
    background-color:#807000;
    padding: 0.5em;
    text-align: left;
    border: 2px solid;
    border-radius: 25px;
    width:12%;
}

body td, body th {
	line-height: 1.2;
	padding-right: 1.5em;
}

table {
	border-collapse:collapse;
	padding: 02.em;
}

.informaltable, .table th {
	padding-left: 6px;
	text-align: left;
}

.red td {
    color : red;
}

.green td {
    color : green;
}

/*  Experimental for generating the menu buttons   */
  td.menu {
    border: 12px white solid;
    border-radius: 45px;

    color:white;
    height: 100px;
    width: 100px;
    cursor: pointer;
    }

td.menu:hover {
    color:black;
    }
td.menu:active {
    }

 menu:onclick {
    background-color: green;}

.menu_screen {
    background-color: black;
    border: 1px outset white;
    }


button.menu {
    border: 12px black solid;
    border-radius: 45px;

    background-color: black;
    color:white;
    text-align: center;
    height: 160px;
    width:  160px;
    cursor: pointer;
    }

button.menu:hover {
    background-color: red;
    color:black;
    }

button.menu:active {
    background-color: green;}