a:link {
	text-decoration: none;
}

.body {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	background-color: #63D1F4;
	font-family: Arial;
	font-size: 12pt;
	margin: 0;
}

.layout01 {
	width: 100%;
	text-align: center;
}

.layout02 {
	width: 100%;
	float: left;	
	}
	
.layout03 {
	width: 15%;
	float: left;
}

.layout03i {
	width: 15%;
	float: left;
	font-style: italic;
	color: green;
}

.layout03p {
	width: 15%;
	float: left;
	font-style: italic;
	color: #8E388E;
}

.layout04 {
	width:55%;
	float: left;
}

.layout04i {
	width:55%;
	float: left;
	font-style: italic;	
	color: green;
}

.layout04p {
	width: 85%;
	float: left;
}

.layout04b {
	width: 85%;
	float: left;
	color: #8E388E;
	font-style: italic;
}

.layout04e {
	width: 70%;
	float: left;
	color: green;
	font-style: italic;	
}

.layout04f {
	width: 70%;
	float: left;
}

.layout05 {
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	color: green;
	font-style: italic;
}

.layout05a {
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	color: #8E388E;
	font-style: italic;
}

.layout06 {
	font-family: Arial;
}

.layout07 {
	width: 40%;
	text-align: center;
	padding-left: 30%;
	padding-top: 20px;
	font-size: 16pt;
	text-decoration: bold;
}

.body02 {
	font-family: Arial;
	background-color: #97FFFF;
	padding-left:5%;
	padding-right:5%;
}

.hr1 {
	height: 5px; 
	border: 5px outset #4876FF; 
	background-color: #FFFFFF;
	width: 100%;
	float: left;
}

.hr2 {
	color: #4876FF;
	width: 100%;
}

.grid-container {
  display: grid;
  grid-template-columns: 15% 10% 15% 30% 30%;
  background-color: #63D1F4;
  padding: 10px;
}

.grid-item {
  background-color: #63D1F4;
  border: 1px solid #63D1F4;

  font-size: 12pt;
  text-align: left;
}

.box01 {
	width: 100%;

	border: 5px solid black;
	box-sizing: border-box;
}

.line1 {
	margin: 5px 0;
	height: 2px;
	background:
    repeating-linear-gradient(to right,black 0,black 3px,transparent 3px,transparent 7px);
	padding-left: 5%;
	padding-right: 5%;
}