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

body
 {
  margin: 0;
}

.wrapper {
	width: 1280px;
	background: none;
	margin: 0 auto;
}

/* Header */

.header {
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000000; 
}

.header-left {
  width: 50%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000000;
  float: left; 
}


.header-right {
  width: 8%;
  margin: 0;
  padding: 10px;
  overflow: hidden;
  background-color: #000000;
  float: right; 
}


/* Navigation */

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #cc3300;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 6px 6px;
  text-decoration: none;
  font-family: Verdana, Geneva, sans-serif
}

li a:hover {
  background-color: #ff3300;
}

li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}


li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}

document.addEventListener('DOMContentLoaded', function () {
  let stickyElement = document.querySelector('.sticky');
  let initialOffset = stickyElement.offsetTop;
 
 
  function handleScroll() {
    let scrollY = window.scrollY || window.pageYOffset;
 
 
    if (scrollY >= initialOffset) {
      stickyElement.style.top = scrollY - initialOffset + 'px';
    } else {
      stickyElement.style.top = '0';
    }
  }
 
 
  window.addEventListener('scroll', handleScroll);
});


/* SLIDESHOW */

* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container { 
  max-width: 1280px;
  position: relative;
  margin: auto;
  z-index: -1;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 14px;
  padding: 8px 12px;
  position: absolute;
  bottom: 40px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}


/* CONTENT HOME PAGE */

.slideshow-logos {
	width: 100%;
	display: inline-block;
}

 
.slideshow {
	width: 80%;
	float: left;
}
 
.logos {
	width: 20%;
	height: 100%;
	padding: 10px;
	background: black;
	float: left;
}



/* CONTENT HOME PAGE */

.content {
	width: 90%;
	background: white;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding: 20px;
}

 
.column-left {
	width: 33%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding: 20px;
	float: left;
	background: white;
}
 
.column-center {
	width: 33%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding: 20px;
	float: left;
	background: white;
}
 
.column-right {
	width: 33%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding: 20px;
	float: left;
	background: white;
}

/* CONTENT RACERS PAGE */

.content-racers {
	width: 100%;
	height: 100%;
	background: white;
	margin: 0 auto;
	padding: 35px;
}

/* CONTENT RECORDS */

.content-rec {
	width: 100%;
	height: 100%;
	background: white;
	margin: 0 auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding: 20px;
}

.column-rec-left {
	width: 70%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding: 20px;
	float: left;
	background: white;
}
 
.column-rec-right {
	width: 30%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding: 20px;
	float: left;
	background: white;
}

/* CONTENT SECONDARY PAGE */

.content-sec {
	width: 100%;
	height: 100%;
	background: white;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding: 10px;
}

.column-sec-left {
	width: 70%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding: 20px;
	float: left;
	background: white;
}
 
.column-sec-right {
	width: 30%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding: 20px;
	float: left;
	background: white;
}


/*Content List */

ol li {
    font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
}


/* unvisited link */
.footer a:link {
  color: white;
  text-decoration: none
}

/* visited link */
.footer a:visited {
  color: yellow;
  text-decoration: none
}

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

/* selected link */
.footer a:active {
  color: yellow;
  text-decoration: none
}



/* Sticky */

.sticky {
  position: sticky;
  top: 0;
}

/* H1 */

.h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	text-align: 5px;
}

.h1-news {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #cc3300;
	font-weight: bold;
	text-align: center;
	text-align: 5px;
}


.h1-racers {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-align: 5px;
}
 
 /* H2 */

.h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #cc3300;
	font-weight: bold;
	text-align: left;
	text-align: 5px;
}

 /* PHOTO CAPTION */
 
.photocaption {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	text-align: 5px;
}

.notes {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	text-align: 5px;
} 

/* Red border */
hr.new1 {
  border-top: 1px solid red;
}


.recordheader {
	displau: inine-block;
	padding-bottom: 25px;
	width: 95%;
}
	
.recordtitle {
	float: left;
	width: 50%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	}
	
.byclass {
	float: left;
	width: 25%;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: bold;
	}
	
.byhistory {
	float: right;
	width: 25%;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: bold;
	}

/* 1/4 RECORDS TABLE */

#records {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.3;
  border-collapse: collapse;
  width: 95%;
}

#records td, #records th {
  border: 1px solid #cccccc;
  padding: 6px;
}

#records tr:nth-child(even){background-color: #f2f2f2;}

#records tr:hover {background-color: #ffff00;}

#records th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-style: bold;
  background-color: #cc3300;
  color: white;
}

/* 1/8 RECORDS TABLE */

#recordsorange {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.3;
  border-collapse: collapse;
  width: 95%;
}

#recordsorange td, #recordsorange th {
  border: 1px solid #cccccc;
  padding: 6px;
}

#recordsorange tr:nth-child(even){background-color: #f2f2f2;}

#recordsorange tr:hover {background-color: #ffff00;}

#recordsorange th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-style: bold;
  background-color: #ff9900;
  color: white;
}

/* JR RECORDS TABLE */

#jrrecords {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.3;
  border-collapse: collapse;
  width: 95%;
}

#jrrecords td, #jrrecords th {
  border: 1px solid #cccccc;
  padding: 6px;
}

#jrrecords tr:nth-child(even){background-color: #f2f2f2;}

#jrrecords tr:hover {background-color: #ffff00;}

#jrrecords th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-style: bold;
  background-color: #cc66cc;
  color: white;
}

/* LAND SPEED RECORDS TABLE */

#landspeedrecords {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.3;
  border-collapse: collapse;
  width: 95%;
}

#landspeedrecords td, #landspeedrecords th {
  border: 1px solid #cccccc;
  padding: 6px;
}

#landspeedrecords tr:nth-child(even){background-color: #f2f2f2;}

#landspeedrecords tr:hover {background-color: #ffff00;}

#landspeedrecords th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-style: bold;
  background-color: #0066cc;
  color: white;
}

/* ET RECORDS TABLE */

#etrecords {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.3;
  border-collapse: collapse;
  width: 95%;
}

#etrecords td, #etrecords th {
  border: 1px solid #cccccc;
  padding: 6px;
}

#etrecords tr:nth-child(even){background-color: #f2f2f2;}

#etrecords tr:hover {background-color: #ffff00;}

#etrecords th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-style: bold;
  background-color: #009933;
  color: white;
}

/* FASTEST RECORDS TABLE */

#fastestrecords {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px
  line-height: 1.3;;
  border-collapse: collapse;
  width: 95%;
}

#fastestrecords td, #fastestrecords th {
  border: 1px solid #cccccc;
  padding: 6px;
}

#fastestrecords tr:nth-child(even){background-color: #f2f2f2;}

#fastestrecords tr:hover {background-color: #ffff00;}

#fastestrecords th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-style: bold;
  background-color: #ff9900;
  color: white;
}

/* !00 MPH CLUB */

#mphclub {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-collapse: collapse;
  width: 95%;
}

#mphclub td, #mphclub th {
  border: 1px solid #cccccc;
  padding: 5px;
}

#mphclub th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
   font-size: 18px;
  font-style: bold;
  background-color: #ffff00;
  color: black;
}

/* CLASSES TABLE */

#classes {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-collapse: collapse;
  width: 90%;
}

#classes td, #classes th {
  border: 1px solid #cccccc;
  padding: 5px;
}

#classes tr:nth-child(even){background-color: #f2f2f2;}

#classes tr:hover {background-color: #ffff00;}

#classes th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-style: bold;
  background-color: #cc3300;
  color: white;
}

/* DIVISIONS TABLE */

#divisions {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-collapse: collapse;
  width: 90%;
}

#divisions td, #divisions th {
  border: 1px solid #cccccc;
  padding: 5px;
}

#divisions tr:nth-child(even){background-color: #f2f2f2;}

#divisions tr:hover {background-color: #ffff00;}

#divisions th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-style: bold;
  background-color: #cc3300;
  color: white;
}

#divisions td {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}

/* JR CLASSES TABLE */

#classes {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-collapse: collapse;
  width: 90%;
}

#classes td, #classes th {
  border: 1px solid #cccccc;
  padding: 5px;
  text-align: center;
}

#classes tr:nth-child(even){background-color: #f2f2f2;}

#classes tr:hover {background-color: #ffff00;}

#classes th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-style: bold;
  background-color: #cc3300;
  color: white;
}


/* WATTS ALLOWED TABLE */

#watts {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-collapse: collapse;
  width: 90%;
}

#watts td, #watts th {
  border: 1px solid #cccccc;
  padding: 5px;
}

#watts tr:nth-child(even){background-color: #f2f2f2;}

#watts tr:hover {background-color: #ffff00;}

#watts th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-style: bold;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  background-color: #cc3300;
  color: white;
}

#watts td {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}


* {
  box-sizing: border-box;
}

/* SIDE BY SIDE TABLE */

.row {
  margin-left:-5px;
  margin-right:-5px;
}
  
.column {
  float: left;
  width: 50%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

th, td {
  text-align: left;
  padding: 16px;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

/* PHOTO PLACEMENT */

.photo_left {
	padding-right: 10px;
	padding-bottom: 10px;
}

.photo_right {
	padding-left: 10px;
	padding-bottom: 10px;
}



<!--CLUB PAGES-->

.content-club {
	display: table; /* Make the container element behave like a table */
	width: 100%;
	height: 100%;
	background: white;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
}

.clubcolumn-left {
	display: table-cell; /* Make elements inside the container behave like table cells */
	width: 40%;
	height: 100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding: 24px;
	float: left;
}
 
.clubcolumn-center {
	display: table-cell; /* Make elements inside the container behave like table cells */
	width: 40%;
	height: 100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding: 24px;
	float: left;
}
 
.clubcolumn-right {
	display: table-cell; /* Make elements inside the container behave like table cells */
	width: 20%;
	height: 100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding: 10px;
	float: right;
}


.clubcontainer {
	border-style: solid;
	border: 1px solid #0033ff;
	margin: 0;
	width: 465px;
	height: 100%;
    font-size: 14px;
	background-color: #ffffff;
	}
	
.clubscontent {
	displau: inine-block;
	width: 90%;
	background: white;
	margin: 0 auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding: 20px;
}

.clubheader {
	displau: inine-block;
	background-color: #0033ff;
	padding: 5px;
	width: 465px;
	height: 30px;
}
	
.name {
	float: left;
	width: 48%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	}
	
.date {
	float: left;
	width: 33%;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: bold;
	color: #ffffff;
	}
	
.mph {
	float: right;
	width: 19%;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: bold;
	color: #ffff00;
	}
	
.clubcontent {
	displau: inine-block;
	padding: 10px;
	margin-left: 10px;
	width: 100%;
	}
	
.clubimaage {
	float: left;
	height: 100%;
	}
	
.clubinfo {
	float: left;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.5;
	font-size: 12px;
	}
	
.clubfooter {
	background-color: #cccccc;
	padding: 5px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	}
	
.clubvehicle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: bold;
	}
	

/* FOOTER */

.footer {
  height: 120px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
  padding: 20px;
  background-color: #cc3300; 
}