html, body {
	margin: 0;
	padding: 0;
    justify-content: center;
	color: #000000;
	background-color: #000;
	display: block;
	max-width: 100%;
	overflow-x: hidden;
	font-family: "Lucida Console", "Courier New", monospace;
	font-size: 12px;
	height:100%;
	width:auto;
	}

h1, p {
	margin: 0;
    padding: 0;
	}

div	{
	border: none;
	display: block;
	}
	
.header {
	background-color: #000000;
	color: #fff;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
	top: 0;
	width: 100%;
    }

.content {
	display: inline;
	width: 100%;
	height: 100%;
	
		div {
			margin-top: 5px;
		}		
	}
	
.footer {
	background-color: #000000;
    color: #fff;
    text-align: center;
	padding-top: 10px;
    padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	position: fixed;
	bottom: 0;
	width: 100%;
    }

.stripeleft {
	float: left;
	width: 10%;
	height: 70%;
	/* background-color: red; */ 
	}
.middle {
	float: left;
	width: 80%;
	height: 95%;
	background-image: url("/images/cbLogo6.jpg");
	background-size: 70%;
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	/*background-size: cover; /* Resize the background image to cover the entire container */
	}
.striperight {
	float: left;
	width: 10%;
	height: 70%;
	/* background-color: blue; */  
	}

.hiddenlink {
	font-family: "Lucida Console", "Courier New", monospace;
	font-size: 20px;
	a:link {
	  color: black;
	  text-decoration: none;
	}

	/* visited link */
	a:visited {
	  color: black;
	  text-decoration: none;
	}

	/* mouse over link */
	a:hover {
	  color: red;
	  text-decoration: none;
	}

	/* selected link */
	a:active {
	  color: black;
	  text-decoration: none;
	}
	
}

.image-link {
    display: block;
    width: fit-content; /* Ensures only the image is clickable */
}

.image-link img {
    width: 100%;
    max-width: 200px;
    height: auto;
    cursor: pointer;
}