@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-image: url("/images/KDHeaderSmall.jpg");
/*	background-size: cover; */
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.content-item {
	grid-area: main;
	background-image: url("/images/MainBGsmall.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	padding: 7px;
}
.sidebar-item {
	grid-area: sidebar-1;
	background-color: rgb(248, 218, 218);
}
.footer-item {
	grid-area: footer;
	background-color: lightgray;
}

.grid {
	display: grid;
	grid-template-columns: 13% 50% 20% 15%;
	grid-template-rows: auto;
	grid-template-areas: 
	 "header header header header"
	 "main main main sidebar-1"
	 "footer footer footer footer";
	gap: 3px 3px;
}
.contactgrid {
	display: grid;
	grid-template-columns: 30% 30% 40%;
	grid-template-rows: auto;
	grid-template-areas: 
	 "info toplabelL toplabelR"
	 "info label1 entry1"
	 "info label2 entry2"
	 "info label3 entry3"
	 "info label4 entry4"
	 "info label5 entry5"
	 "info label6 entry6"
	 "info label7 entry7"
	 "info label8 entry8";
	padding:  4px 3px 4px;
}
.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;
}

/*
header {
  top: 0;
  left: 0;
  background-image: url("images/KDHeader.jpg");
  width: 100%;
}
*/

table {
 border-collapse: collapse;
 border-spacing: 0;
 border: 0;
 padding: 3px 0px;
 width: 100%
}
.col1 {
  width: 80%
}
.col2 {
  width: 20%
}
caption {
  padding: 5px 0px;	
}

.stripedTable{
	border-collapse: collapse;
}
.stripedTable th {
	text-align: left;
	padding: 1px;
}
.stripedTable td {
	width: 90%;
}
.stripedTable td:nth-child(1) {
	width: 10%;
}
.stripedTable tr:nth-child(even) {
	background-color: #f2f2f2;
}
.stripedTOC{
	border-collapse: collapse;
	width: 100%;
}

.stripedTOC th {
	text-align: left;
	padding: 1px;
}
.stripedTOC td {
	width: 90%;
}
.stripedTOC td:nth-child(1) {
	width: 10%;
}
.stripedTOC td:nth-child(2) {
	width: 80%;
}
.stripedTOC td:nth-child(3) {
	width: 10%;
}
.stripedToc tr:nth-child(even) {
	background-color: #f2f2f2;
}

blockquote, q {
	quotes: none;
	margin: 10px 40px;
	width: 65%;
	background-color: lightcyan;
	font-style: italic;
}
blockquote:before, blockquote:after,  q:before, q:after {
	content: '';
	content: none;
}

h1	{
  font-size: 175%;
  padding: 5px;
}
h2	{
  font-size: 120%;
}
h1, h2, h3, h4 {
	padding: 5px 20px;
	text-align: center;
}
.nope {
	display: none;
}

.red {
	color: rgb(216, 10, 10);
}
.blue {
	color: mediumblue;
}
.tan {
	color: tan;
}
ul, ol {
	/* list-style: circle outside none; */
	list-style-position: outside;
	padding-left: 20px;
}
ul {
	/* list-style: circle outside none; */
	list-style-type: circle;
}
ol {	/* list-style: circle outside none; */
	list-style-type: numeral;
}

ol li {	/* list-style: circle outside none; */
	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: 100%;
/*	vertical-align: baseline;*/
	background: transparent;
}
.nav a {
  color: black;
  display: block;
/*  background-image: url("images/pill2.jpg") ;
  background-repeat:no-repeat;*/
  background-color: rgb(248, 218, 218);
  box-shadow: 3px 3px 3px gray;
  margin-bottom: 2px;
  margin-right: 20px;
  border-radius: 12px;
  border: 2px outset #06066b;
}
.nav ul li a:hover {
  background-color: lightcyan;
  color: darkolivegreen;
  border: 2px outset #06066b;
  }
.nav ul li a .active {
  background-color: rgb(88, 6, 6);
  color: whitesmoke;
  border: 2px outset #EEEEFF;
  }
.nav .active {
  background-color: rgb(88, 6, 6);
  color: whitesmoke;
  border: 2px outset #EEEEFF;
  }

p .pct {
	padding: 5px;
	text-align: justify;
}
.pc {
	padding: 5px 15px;
	text-align: center;
}
.pi {
	padding: 10px 10px;
}
.ps {
	color: rgb(39, 53, 14);
	padding: 10px 5px;
	text-align: center;
}
/* tab */
.pt {
	margin-left: 20px;
	font-size: 85%;
}
.pf {
	color: maroon;
}
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;
}
.cls li {
	/* list-style: circle outside none; */
	padding-left: 5px;
}

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

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

/* change border colour to suit your needs
hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
 */


/* change colours to suit your needs */
/* ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

	<style>
			
		
	</style>


.data1-item, .data2-item, .data3-item, .data4-item, .data5-item, .data6-item, .data7-item, .data8-item {
	
}

/* change colours to suit your needs */
/* mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}


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

@media screen{
}