body 		{ text-align:center;	margin: 0;	padding: 0;	background-color: #CCC;
}
body, p, li {	font-family:Arial, Helvetica, sans-serif; font-size:13px;	}
h1 { font-size:18px; }
#header 	{ margin:10px 10px 0 0; 	} 
#tnavigation ul {
	list-style-type: none;	display: block;	float:right;	margin: 0px;	padding: 0px;
}
#tnavigation  ul  li {
	float: left;	display: block;	margin: 3px 0 0 0;	padding: 0;
}
#tnavigation  ul  li  span{
	border-right:dotted 1px #999999;	padding: 0px;	display: block;		font-size:14px;
}
#tnavigation  ul  li .noborder{
	border-right:dotted 1px  #FFFFFF;
}
#tnavigation ul li a {
	display: block;	text-decoration: none;	font-size: 14px;	color: #666666;	font-weight: bold;	padding: 7px;
}
#tnavigation ul li a:hover {
	background-color:#EFEFEF;
}
#content {max-width:800px; min-width:230px; width 95%;
	margin: 20px auto; padding:20px; text-align:left; 	background-color:#FFF; border:1px solid #CFF;	
}
#footer { margin-top:20px; text-align:right; 	font: normal 8pt Arial;	color: #666666;	} 

.container {
  display: grid;  grid-template-columns: 1fr 1fr;  gap: 1rem;
}

.column {
  padding: 1rem;  border-radius: 8px;  background-color: hsl(240, 62%, 90%);
}