@charset "utf-8";
/* PAGE HEADER (APPEARS ON EVERY PAGE) */
header {
  position: sticky;
  top: 0;
  /**/padding-top: 6px;
	width:1014px;
	height: 60px;
  
  		background-image: url("../Images/Clipart/Banners/KCB_Site_Header_v6_1000x60.jpg");
	
	z-index: 10; /*Z-INDEX LOW NUMBER MAKES IMAGES SCROLL OVER ON TOP OF THE HEADER*/
}

/*SOCIAL MEDIA ICONS*/
.headerimage { padding:6px; display: flex; 
            gap: 10px; /* Space between images */ 
	padding-top:12px; /*POSITION OF ICONS*/
}

/*FOOTER (APPEARS ON EVERY PAGE)*/

.footer {
  position: fixed;
  left: 154px;
  bottom: 0;
  width: 856px;
	height: 22px;
  background-color: #020202;
  color: #676666;
  text-align: left;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	padding-left: 10px;
	padding-top: 2px;
	font-size: 14px;
	
	z-index: 8; /*Z-INDEX LOW NUMBER MAKES IMAGES SCROLL OVER ON TOP OF THE HEADER*/
}

.footer:before {
	content:"Website © Kaynecomms 2025";
	
}

/*START COLORED STRIPE DOWN THE RIGHT SIDE OF THE PAGE*/
body {
            background-color: #082E43; 
        }
/*END COLORED STRIPE DOWN THE RIGHT SIDE OF THE PAGE*/


/*START MENU BAR*/

	body {
  margin: 0;  /*starts menu bar at LH edge of page*/
}

/*UL BELOW STOPS JS PLAYLIST APPEARING!!!!!!!!!!!! */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 160px;   /*width of menu bar*/
  background-color: #050505;
  position:fixed;
  height: 100%;
  overflow: auto;  /*adds a scrollbar if menu too long*/
	
}


/*MENU BAR TEXT*/
	li a {
  		displaycolor: #06F321;
  		padding: 2px 14px;
  			font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    	font-size: 12px;
		color: #B7B7B7; /*(menu text colour)*/
		text-decoration:none /*(removes underline)*/
}


/*MENU BAR INTERACTIVE*/
li a.active {
  background-color: #FFFFFF;  /*(overlay colour block)*/
  color: #020202;
	 
}

li a:hover:not(.active) {
  background-color: #F5F9F9;
  color: #F50408;

}

/*END MENU BAR*/



/*MAIN VIEWING AREA*/

.main { 
	margin-left: 160px;  /*same value as menu bar width*/
	padding-left: 0px;
	padding-top: 9px;
	
	width: 850px;
	background-color: #FFFFFF
		
}

/*TEXT BOXES*/

.textbox1 {
  margin:auto;
  width: 780px;
	/*  border: 3px solid #73AD21;*/
  padding-top:8; padding-bottom: 8; padding-left:2px; padding-right:20px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 14px;
	background-color: #FFFFFF
		
}

.textbox2 {
  margin: auto;
  width: 780px;
  /*  border: 3px solid #73AD21;*/
  padding-top:8; padding-bottom: 8; padding-left:2px; padding-right:20px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		font-size: 13px;
	background-color: #FFFFFF
	}

	.textbox3 {
  margin: auto;
  width: 780px;
  /*  border: 3px solid #73AD21;*/
  padding-top:8; padding-bottom: 8; padding-left:2px; padding-right:20px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		font-size: 12px;
				background-color: #FFFFFF;
	}


/*old CONTAINER FOR GALLERY NAV TABLE POSITION ADJUSTMENT*/

/*.navgal {
  margin-left: 520px; /*this moves the table position   
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		font-size: 12px; color: #6792B1   }/*


/*CONTAINER FOR GALLERY NAV TABLE*/

.navgal {
  display: flex;
  align-items: center;
  justify-content: left;
	  margin-left:60px;
}

/*img {
  max-width: 100%;
max-height:100%; }*/

.navtext {
  font-size: 12px;
  /*padding-left: 10px;*/
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	color: #6792B1;
}

/*end CONTAINER FOR GALLERY NAV TABLE*/


/*START CONTAINER FOR BANNER HEADLINES POSITION ADJUSTMENT*/
.banner-container {
			padding-left: 5px;
	margin-left: 11px;   }
/*END CONTAINER FOR BANNER HEADLINES POSITION ADJUSTMENT*/		
			

/*rollover button for LIGHTBOX THUMBNAILS
#rolloverBtn:hover {
	opacity:0.4;
filter:alpha(opacity=40); }*/

/*CENTERING AN IMAGE INSIDE A DIV

.center { 
	margin: auto;
	display:block;
	width: 60%;
}*/

/*CENTERING A TABLE

.center-table {
margin-left: auto;
  margin-right: auto;
	text-align: center;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12px;
}*/


/*TWIN COLUMNS, DIFFERENT WIDTH*/

/* Create two unequal columns that floats next to each other */
.column {
  float: left;
  padding: 6px;
  margin-left: 0px;
	height:100px
}

.left {
  width: 30%; display: flex;
  justify-content: center;
  align-items: center;
	height:85px
}

.right {
  width: 66%;display: flex;
  justify-content: center;
  align-items: center;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/*old LARGE BLUE RECTANGLE ON SOME GALLERY PAGES
  .boxed {
  	
              border-style: solid;
              border-width: 3px;
              border-color: #004A95;
              margin:auto;
              width:680px;
	  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align:center;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	color:#004A95; 
}*/

/*NEW LARGE BLUE RECTANGLE ON GALLERY PAGES*/
  .boxed {  	
              border-style: solid;
              border-width: 3px;
              border-color: #016DAA;
	  padding:2px;
              margin:auto;
              width:600px;
				text-align:center;
				font-size:18px;
				font-style:normal;
				font-weight:bold;
				color:#016DAA;
					font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"
}

/*LINE DIVIDER
hr {
  border: none;
  height: 1px;
Set the hr color     background-color: #9B9A9A;  /* Modern Browsers }*/


/*ROLLOVER BUTTON HIGHLIGHT .button:hover{      //To change button color
    background-color: #436242;
}*/