a:link		{
		text-decoration:none;
		}

a:hover		{
		text-decoration: underline;
		}

body		{
		font-family: "Courier New", monotype;
		}


.stickyheader	{
		display:grid;
		grid-template-areas:
		". toprow .";
		grid-template-columns: 2fr 3fr 2fr;
		
		background-color: #ffffff;
		padding: 0px;
		gap: 0px;
		position: sticky;
		top: 0;

		}

.stickyheader > div {
  		border: 0px solid black;
		background-color: #ffffff;
		gap: 5px;
		padding: 5px;
		}

.stickyheader > div.toprow {
		grid-area: toprow;
  		text-align: center;
		}



.container 	{
  		display: grid;
		grid-template-areas:
    		"blank content right"
		". footer .";
		
 		grid-template-columns: 2fr 3fr 2fr;
  		overflow-y: auto;
  		background-color: #ffffff;
		width: 100%;
		gap: 5px;
		padding: 5px;
		}

.container > div {
		border: 0px solid #000000;
		background-color: #ffffff;
		padding: 5px;
		}


.container > div.content {
		grid-area: content;
		text-align: left;
		overflow-y: scroll;
		}

.container > div.footer {
		grid-area: footer;
		text-align: left;
		}

.container > div.blank {
		grid-area: blank;
		text-align: left;
		}

.container > div.right	{
		grid-area: right;
		padding: 5px;
		}




.stickyfooter	{
  		display: grid;
		grid-template-areas:
    		". menu .";

 		grid-template-columns: 2fr 3fr 2fr;
		grid-template-rows: 1fr;
		background-color: #ffffff;
		width: 100%;
		gap: 5px;
		padding: 5px;

		position: sticky;
		bottom: 0;

		}

.stickyfooter > div {
		border: 0px solid #000000;
		background-color: #ffffff;
		padding: 5px;

		}

.stickyfooter > div.menu {
		grid-area: menu;
		background-color: #ffffff;
		color: #00ff00;
		text-align: center;	
		}

.nav            {
                list-style-type: none;
                text-align: center;
                padding: 5px;
                }

.nav li         {
                display: inline-block;
                padding: 5px;
                }