@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;
}

@font-face {
	font-family: "raleway";
	src: url("fonts/raleway.woff2") format("woff2"), url("fonts/raleway.woff")
		 format("woff");
	font-weight: normal;
	font-style: normal;
 }
@font-face {
	font-family: "opensans";
	src: url("fonts/opensans.woff2") format("woff2"), url("fonts/opensans.woff") format("woff");
	font-weight: normal;
	font-style: normal;
 }

body {
	font-family: "raleway", "opensans", "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;
}

.image-item {
	grid-area: image;
	background-color: rgb(239, 250, 250);
	padding:  1px;
}

.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: rgb(215, 225, 240);
	border: 2px darkturquoise solid;
	/* padding:  4px; */
}

.grid {
	display: grid;
	grid-template-columns: 5% 8% 70% 17%;
	grid-template-rows: auto;
	grid-template-areas:
	 "sidebar-2 header header sidebar-1"
	 "sidebar-2 main main sidebar-1"
	 "sidebar-2 footer footer sidebar-1";
	gap: 4px 4px;
	padding-left: 10px;
	padding-right: 10px;
}
.bloggrid {
	display: grid;
	grid-template-columns: 5% 8% 70% 17%;
	grid-template-rows: auto;
	grid-template-areas:
	 "sidebar-2 header header header"
	 "sidebar-2 main main main"
	 "sidebar-2 footer footer footer";
	gap: 4px 4px;
	padding-left: 10px;
	padding-right: 10px;
}
.contactgrid {
	display: grid;
	grid-template-columns: 40% 60%;
	grid-template-rows: auto;
	grid-template-areas:
	 "toplabelL toplabelR"
	 "label1 entry1"
	 "label2 entry2"
	 "label3 entry3"
	 "label4 entry4"
	 "label5 entry5"
	 "label6 entry6"
	 "label7 entry7"
	 "label8 entry8"
	 "info info";
	padding:  4px 3px 4px;
	gap: 3px;
}
.commentinfo-item {
	grid-area: info;
}
.toplabelL-item, .label1-item, .label2-item, .label3-item, .label4-item, .label5-item, .label6-item, .label7-item, .label8-item {
	justify-self: right;
/*	align-self: top; */
}
.label5-item {
	column-fill: auto;
}

.toplabelL-item {
	grid-area: toplabelL;
}
.toplabelR-item {
	grid-area: toplabelR;
}
.toplabelL-item, .toplabelR-item {
	font-size: 130%;
	color: mediumblue;
}

.label1-item {
	grid-area: label1;
}
.data1-item {
	grid-area: entry1;
}
.label2-item {
	grid-area: label2;
}
.data2-item {
	grid-area: entry2;
}
.label3-item {
	grid-area: label3;
}
.data3-item {
	grid-area: entry3;
}
.label4-item {
	grid-area: label4;
}
.data4-item {
	grid-area: entry4;
}
.label5-item {
	grid-area: label5;
}
.data5-item {
	grid-area: entry5;
}
.label6-item {
	grid-area: label6;
}
.data6-item {
	grid-area: entry6;
}
.label7-item {
	grid-area: label7;
}
.data7-item {
	grid-area: entry7;
}
.label8-item {
	grid-area: label8;
}
.data8-item {
	grid-area: entry8;
}

.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: 90%;
 margin-left: 5%;
 margin-right: 5%;
}
td, th {
	vertical-align:top;
	border: 2px solid black;
}
.noborder, .noborder tr, .noborder th, .noborder td {
	border: none;
	padding: 8px;
}
.tablered {
	border-color: gold;
}
.tablestyle {
	border-style: groove;
}
.w40 {
	width: 40%;
}
.w45 {
	width: 45%;
}
.w50 {
	width: 50%;
}
.w55 {
	width: 55%;
}
.w60 {
	width: 60%;
}
.w70 {
	width: 70%;
}

.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: right; */
	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: right; */
	margin-bottom: 20px;
	margin-top: -45px;
	/* margin-right: 300px;  */
	margin-right: -40%;
	padding: 0px;
}
blockquote, q {
	quotes: none;
	/* padding: 85px 85px; */
	margin-left: 5%;
	margin-right: 5%;
	  /* 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: 125%;
}
h3	{
	font-size: 110%;
}
 h1, h2, h3, h4, h5 {
	padding: 5px 20px;
	text-align: center;
}

/* https://love2dev.com/blog/html-horizontal-line// */
hr {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
}
.reset {
	width: 100%;
	color: black;
	font-weight: normal;
	font-size: 100%;
	margin-left: 0%;
	margin-right: 0%;
}

.fivepad {
	padding: 5px;
}
.btpad {
	padding: 10px 1px 10px 1px;
}
.white {
	color: whitesmoke;
}

.cred {
	color: maroon;
	font-weight: bold;
	font-size: 110%;
	padding: 12px;
}
.blc {
	background-color: lightcyan;
}
.bred {
	background-color: maroon;
}
.bpink {
	background-color: rgb(250, 231, 231);
}
.red {
	color: maroon;
}
.cblue {
	color: darkblue;
	text-align: center;
}
.sblue {
	color: darkblue;
	font-weight: bold;
}
.blue {
	color: darkblue;
}
.rblue {
	color: royalblue;
}
.magen {
	color: rgb(131, 22, 161);
}
.dgreen {
	color: darkgreen;
}
.darkred {
	color: darkred;
}
.purple {
	color: rgb(67, 0, 130);
}
.green {
	color: rgb(2, 73, 2);
}
.overl {
	text-decoration: overline;
}
.tul {
	text-decoration-line: overline underline;
}

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: 95%;
	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: 15px;
	font-size: 95%;
	text-align: left;
}
.pcj {
	padding: 15px;
	text-align: justify;
   	font-size: 95%;
}
.pj {
	text-align: justify;
	margin-left: 20px;
}
.pjp {
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 20px;
   font-size: 95%;
}
.pb {
	font-weight: bold;
}
.pc {
	padding: 5px 15px;
	text-align: center;
}
.ptb {
	/* padding: 10px 25px; */
 	font-weight: bold;
	margin-left: 40px;
	margin-right: 40px;
   font-size: 110%;
}
.pjt {
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
   font-size: 100%;
}
.ptt {
	/* padding: 10px 25px; */
	/* font-weight: bold; */
	margin-left: 40px;
	margin-right: 40px;
   font-size: 100%;
}
.pt {
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
   font-size: 90%;
}

.psmall {
	margin-left: 20px;
   font-size: 85%;
}
.pbig {
   font-size: 120%;
}
.ptn {
	margin-left: 20px;
}
.ptl {
	text-align: justify;
	margin-right: 20px;
	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;
}
.pfsmall {
   font-size: 80%;
}

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;
}

.rotate {
	animation: rotation 3s infinite linear;
 }

 @keyframes rotation {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(359deg);
	}
 }

 .logo {
	/* width: 5%; */
	/* height: 5%; */
	position: relative;
	display: inline-block;
}
.logo .img-top {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
.logo:hover .img-top {
	display: inline;
}

.error{
	display: none;
	margin-left: 10px;
}
.error_show{
	/*color: red;  */
	margin-left: 10px;
}
.resp-container-large {
   position: relative;
   overflow: hidden;
   padding-top: 105%;
}
.resp-container {
   position: relative;
   overflow: hidden;
   padding-top: 81%;
}
.resp-iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
   background-color: rgb(250, 239, 250);
}

.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) {
	.pb {
	  display: none;
	}
 }


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

@media screen{
}