p {
	margin-left:15px;
    font-family: Verdana, sans-serif;
	color: black;
	background-color:white;
	}
h2,h3 {
	font-family: Verdana, sans-serif;
	color: blue;
	}
body { margin-left:15px;
       font-family:Verdana, sans-serif;
       background-color:#dde5ff; 
	 /*  background-color: white; */
       color:black;
}	   
h3.rest {
color: blue;
font-family: Verdana, Arial;
}
div.bluebox {
    border-style:solid;
    border-width:3px;
	border-color:#0000FF;
	padding-left:10px;
	width:98%;
	}
div.bluebox2 {
	 border-style:solid;
    border-width:3px;
	border-color:#0000FF;
	padding-left:10px;
	background-color: white;
	width:97%;
}
#img1 {border:1px solid darkblue; margin-left:5px; margin-bottom:0px;
background-color: darkblue;} 
#wrap2 {
width: auto;
position: relative;
}	
.frontcenter {
font-family: Arial;
float: left;
position:relative;
width:725px;
word-wrap: break-word;
padding-left:2px;
padding-bottom:2px;
padding-top:1px;
margin-top:1px;
order:2;
 
}
.frontcenter2 {
font-family: Arial;
float: left;
position:relative;
width:70%;
word-wrap: break-word;
padding-left:2px;
padding-bottom:2px;
padding-top:1px;
margin-top:1px;
 
}
.frontleft {
float:left;
width:20%;
padding:2px 2px 2px 0px;
background-color:#9999FF;
margin-left:2px;
margin-top:2px;
padding-top:2px;
}
.left {
width: 350px;
float: left;
}
.frontright {
width:400px;
float:left;
position:relative;
}
.clearBoth {
padding-top:10px;
clear: both;
}
div.redbox {
    border-style:solid;
    border-width:2px;
	border-color:#FF0000;
	padding-left:10px;
	width:90%;
	background-color: white;}
	}
table.tabtbl {
	border-width: 2px;
	color: darkblue;
	padding-right: 1px;
	padding-left: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color:darkblue;
	font-family: Verdana, sans-serif;
	border-collapse: separate;
	background-color: #F8F8F8;
	width:950px; 
}
.tabtbl td{ height: 15px;
    min-width:20px;
	}
.tabs {
  position: relative;   
  min-height: 2000px; 
  clear: both;
  margin: 0px 0px;
  width:99%;
}
.tab {
 /* float: left;*/
}
.tab label {
  background: darkblue; 
  padding: 15px; 
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  width:10%;
  left: 1px; 
  color: white;
}
.tab [type=radio] {
  display: none;   
}
.content {
  position: absolute;
  top: 28px;
  left: 0;
  background: #dde5ff;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc; 
}
[type=radio]:checked ~ label {
  background: #dde5ff;
  border-bottom: 1px solid darkblue;
  z-index: 2;
  color:darkblue;
  font-size: 120%;
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}
.container {
    display: grid;
	grid-template-columns: 135px auto; /* Two column layout */
    grid-template-rows: auto auto; /* Automatically sized rows */
    gap: 10px; /* Adjust the gap between items as needed */
}
.frontleft1 {
	width:15%;
    grid-column: 1; /* Place in the first column */
    grid-row: 1 / span 6; /* Span one row */
}
.frontcenter3 {
	display: flex;
	display: flex;
	justify-content: left;
    grid-column: 2; /* Place in the second column */
    grid-row: 1 / span 6; /* Span one row */
}