@charset "utf-8";
/* CSS Document */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	box-sizing: border-box;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	line-height: 1;
}

.header-item {
	grid-area: header;
	background-color: rgb(248, 187, 187);
	border: 2px darkblue solid;
}

.content-item {
	grid-area: main;
	background-color: rgb(239, 250, 250);
	background-size: cover;
	/* background-repeat: no-repeat; */
	/* border: 2px darkblue solid; */
	padding:  3px;
}

.sidebar-item {
	grid-area: sidebar-1;
	background-color: rgb(219, 229, 250);
	padding:  1px;
}
.sidebar2-item {
	grid-area: sidebar-2;
	background-color: rgb(219, 229, 250);
	padding:  1px;
}

.footer-item {
	grid-area: footer;
	background-color: lightsteelblue;
	border: 2px darkturquoise solid;
	/* padding:  4px; */
}

.grid {
	display: grid;
	grid-template-columns: 3% 47% 47% 3%;
	grid-template-rows: auto;
	grid-template-areas: 
	 "sidebar-2 header header header"
	 "sidebar-2 main main sidebar-1"
	 "sidebar-2 footer footer sidebar-1";
	gap: 4px 4px;
	padding-left: 10px;
	padding-right: 10px;
}
.listgrid {
	display: grid;
	grid-template-columns: 3% 15% 15% 34% 15% 15% 3%;
	grid-template-rows: auto;
	grid-template-areas: 
	 "blank line1 line1 line1 blank blank blank"
	 "blank blank line2 line2 line2 blank blank"
	 "blank blank blank line3 line3 line3 blank"
	 "blank blank line4 line4 line4 blank blank"
	 "blank line5 line5 line5 blank blank blank"
	 "blank blank line6 line6 line6 blank blank"
	 "blank blank blank line7 line7 line7 blank"
	 "blank blank line8 line8 line8 blank blank" ;
}

.blank-item {
	grid-area: blank;
	border: 2px rgb(224, 247, 188) solid;
}
.line1-item {
	grid-area: line1;
	border: 2px darkturquoise solid;
}
.line2-item {
	grid-area: line2;
	border: 2px rgb(188, 246, 247) solid;
}
.line3-item {
	grid-area: line3;
	border: 2px darkturquoise solid;
}
.line4-item {
	grid-area: line4;
	border: 2px rgb(188, 246, 247) solid;
}
.line5-item {
	grid-area: line5;
	border: 2px darkturquoise solid;
}
.line6-item {
	grid-area: line6;
	border: 2px rgb(188, 246, 247) solid;
}
.line7-item {
	grid-area: line7;
	border: 2px darkturquoise solid;
}
.line8-item {
	grid-area: line8;
	border: 2px rgb(188, 246, 247) solid;
}

header {
  top: 0;
  left: 0;
  /* background-color: rgb(230, 72, 72); */
  /* background-image: url("../images/LL1bkg.jpg"); */
  width: 100%;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
 border: 0;
 width: 100%;
 padding: 4px 4px;
} 
td, th {
	vertical-align:top;
	border: 2px solid black;
}
.noborder, .noborder tr, .noborder th, .noborder td { 
	border: none; 
	padding: 8px;
}
.w40 {
	width: 40%;
}
.w45 {
	width: 45%;
}
.w50 {
	width: 50%;
}
.w55 {
	width: 55%;
}
.w60 {
	width: 60%;
}

.col1 {
  width: 80%
}
.col2 {
  width: 20%
}
caption {
  padding: 5px 0px;	
}

.ca {
	text-align: center;
}
.cr {
	/* text-align: right; */
	/* margin-left: 330px;  */
	margin-bottom: 15px; 
	margin-right: 35%;
	padding: 0px;
}
.crt {
	/* text-align: rightt; */
	margin-bottom: 20px; 
	margin-top: -45px; 
	/* margin-right: 300px;  */
	margin-right: -35%; 
	padding: 0px;	
}
.cl {
	/* text-align: left; */
	margin-bottom: 15px; 
	/* margin-right: 300px;  */
	margin-right: 40%; 
	padding: 0px;	
}
.clt {
	/* text-align: rightt; */
	margin-bottom: 20px; 
	margin-top: -45px; 
	/* margin-right: 300px;  */
	margin-right: -40%; 
	padding: 0px;	
}
blockquote, q {
	quotes: none;
	margin: 20px 20px 20px 20px;
	/* width: 65%; */
	background-color: lightcyan;
	font-style: italic;
	text-align: justify;
}
blockquote:before, blockquote:after,  q:before, q:after {
	content: '';
	content: none;
}

h1	{
  font-size: 145%;
}
h2	{
  font-size: 120%;
}
h1, h2, h3, h4, h5 {
	padding: 5px 20px;
	text-align: center;
}

/* https://love2dev.com/blog/html-horizontal-line// */
hr {
	width: 80%; 
	margin-left: auto; 
	margin-right: auto;
	background-color: transparent; 
}

.fivepad {
	padding: 5px;
}
.btpad {
	padding: 10px 1px 10px 1px;
}
.white {
	color: whitesmoke;
}
.cred {
	color: maroon;
	font-weight: bold;
	font-size: 110%;
	padding: 12px;
}
.bred {
	background-color: maroon;
}
.bpink {
	background-color: rgb(250, 231, 231);
}
.red {
	color: maroon;
}
.cblue {
	color: darkblue;
	text-align: center;
}
.blue {
	color: darkblue;
}
.darkred {
	color: darkred;
}
.purple {
	color: rgb(67, 0, 130);
}
.green {
	color: rgb(2, 73, 2);
}
.overl {
	text-decoration: overline;
}	

ul, ol {
	/* list-style: circle outside none; */
	list-style-position: outside;
	padding-left: 20px;
}
ol {
	list-style-type: numeral;
}
/* ul {
	list-style-type: circle;
}
ol li {
	list-style-type: numeral;
} */	/* font-weight: bold; */

.nav ul {
  list-style: none;
  display: inline-block;
  margin-left: 20px;
  padding: 5px;

}
.nav li {
  list-style-type: none;
  text-align: center;
  float: left;
}
.nav ul li a {
  text-decoration: none
}

a {
	margin: 0;
	padding: 3px;
	font-size: 90%;
	vertical-align: baseline;
	background: transparent;
}
.nav a {
  color: rgb(33, 33, 160);
  display: block;
  
/*  background-image: url("images/pill2.jpg") ;
  background-repeat:no-repeat;*/
  background-color: rgb(235, 235, 204);
  box-shadow: 3px 3px 3px gray;
  margin-bottom: 2px;
  margin-right: 20px;
  border-radius: 12px;
  border: 2px outset #24248a;
}

.nav ul li a:hover {
  background-color: lightcyan;
  color: rgb(97, 3, 3);
  border: 2px outset #090992;
  }
.nav ul li a .active {
  background-color: rgb(212, 184, 184);
  color: rgb(14, 177, 14);
  border: 2px outset #EEEEFF;
  }
.nav .active {
  background-color: rgb(207, 225, 250);
  color: rgb(4, 112, 4);
  border: 2px outset #EEEEFF;
  }


iframe {
	position: absolute;
	/* top: 0; */
	/* left: 0; */
	width: 100%;
	height: 100%; 
	border: 0;
	/* background-color: rgb(250, 239, 250); */
}
.pct {
	padding: 10px;
	text-align: justify;
   font-size: 95%;
}
.pc {
	padding: 5px 15px;
	text-align: center;
}
.ptb {
	/* padding: 10px 25px; */
 	font-weight: bold;
	margin-left: 40px;
	margin-right: 40px;
   font-size: 110%;
}
.ptt {
	/* padding: 10px 25px; */
	/* font-weight: bold; */
	margin-left: 40px;
	margin-right: 40px;
   font-size: 100%;
}
.pt {
	margin-left: 20px;
   font-size: 90%;
}
.ptn {
	margin-left: 20px;
}
.ptl {
	margin-left: 20px;
   font-size: 110%;
}
.pi {
	padding: 10px 50px;
}
.ps {
	color: darkolivegreen;
	padding: 5px 5px;
	text-align: center;
   font-size: 85%;
}
.pf {
	color: darkolivegreen;
}

p a {
	color: royalblue;
}
p a:visited {
  color: blueviolet;
}
p a:hover, a:active, a:focus {
  color: red;
}


input[type="submit"] {
   font-size: 110%;
   border-color: royalblue;
	color: black;
	display: block;
	background-color: lightblue;
	box-shadow: 3px 3px 3px gray;
	margin-bottom: 2px;
	border-radius: 7px;
	border: 3px outset #EEEEFF;
   cursor: pointer;
}

input[type="submit"]:hover {
    background: tan;
}
input:required, textarea:required, input.invalid, textarea.invalid {
	background-color: lightcyan;
/*	border: double; */
}
input.valid, textarea.valid{
	background-color: white;
}

.error{
	display: none;
	margin-left: 10px;
}		
.error_show{
	/*color: red;  */
	margin-left: 10px;
}

.selector45 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
 }
 .selector-45 {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
 }

@media screen and (max-width: 500px) {
	.pct {
	  display: none;
	}
 }


/* input, select {
	vertical-align: middle;
} 

@media screen{
}