/* <style type="text/css"> */

*, *:before, *:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0px auto; border: 0px; padding: 0px;
}

.clearLeft {
	clear: left;
}

body { background-color: #111111; font-family: Verdana; font-size: 100%; color: #ffffff; }
hr { display: block; margin-top: 1.0em; margin-bottom: 1.0em; margin-left: auto; margin-right: auto; border-style: inset; border-width: 1px; } 

#page {
	width: 800px;
}
.areaBoxTitle {
	width: 100%; padding: 45px 0px 45px 0px; font-size: 3.0em; line-height: 1.0em; text-align: justify;
}
.areaBoxContainer {
	clear: left;
	width: 100%; font-size: 1.2em; line-height: 1.2em;
}
.boxCenterLinks {
	float: left;
	width: 100%; padding: 0px; text-align: justify;
	font-size: 0.7em;
	color: white;
}
.boxCenterLinks a { text-decoration: none; padding: 0px 0px 0px 0px; }
.boxCenterLinks a.aOn { background-color: white; color: black; }
.boxCenterLinks a.aOn:hover { background-color: red; color: white; }
.boxCenterLinks a.aOff { background-color: white; color: black; }
.boxCenterLinks a.aOff:hover { background-color: white; color: black; }
.boxRight { float: left; width: 33%; padding: 15px; text-align: right; }

.grid-container { display: grid; grid-template-columns: 50% 50%; }
.grid-item { padding: 10px; text-align: justify; }

/* </style> */