.Banner
{
	display: grid;
	grid-template-columns: 70% 29%;
	padding: 10px;
	width:99%;
	background-color: #8AE;
	border-bottom: 1px solid #333;

}

.Page-View
{
	display: grid;
	grid-template-columns: 17% 82%;
	padding: 10px;
	width:99%;
	background-color: #FFF;
	border-bottom: 1px solid #333;

}


.buttonGRN {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  margin-bottom: 10px;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition-duration: 0.4s;
  border-radius: 12px;
} 

.buttonBLU {
  background-color: blue; /* Not Green */
  border: none;
  color: white;
  margin-bottom: 10px;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition-duration: 0.4s;
  border-radius: 12px;
}  
.buttonBLU:hover {
  background-color: white; /*  Not Green */
  color: blue;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.nav
{
float: left;
width: 90%;
margin-left: 10px;
padding-top: 1em;
}

#nav p 
{ 
margin-top: 0; 
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
}
.Content
{
width: 99%;
padding-top: 1em;
padding-left: 2em;
margin: 2px 2px 2px 2px;
background-color: #EEE;
font-family: "Times New Roman", Times, serif;
font-size: 20px;
} 

.Titling {
  background-color: #DDD;
  color: maroon;
  
  
  padding: 2px;
}

.ILB1
{
width: 72%;
float: left;
display: inline-block;	
}
.ILB2
{
width: 27%;
float: left;
align: right;
display: inline-block;	
}

#hp  {
float: right;    
margin: 0 0 0 15px;
}

#plainGrid {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
}
#plainGrid th {

font-size: 18px;
}

th, td, tr {
background-color: white;	
padding: 4px;
border: 1px solid;

	
}

i {
	color: maroon;
	font-weight: bold;
}