body {
  background-color: powderblue;
}

h1 {
  color: black;
  font-family: Arial, sans-serif;   /* 48px */
  font-size:6vw;
}

h2 {
	font-family: Arial, sans-serif; /* 36px */
	font-size:4vw;
}

h3 {
	font-family: Arial, sans-serif; /* 30px */
	font-size:3vw;
}

h4 {
	font-family: Arial, sans-serif; /* 24px */
	font-size:2vw;
}

h5 {
	font-family: Arial, sans-serif; /* 24px */
	font-size:1vw;
}

p {
  font-family: Arial, sans-serif;  /* 18px */
  font-size:18px;
  color: black;
  border: 2px solid powderblue;
}

a.bodylink:link {color: #2E8B57;}
a.bodylink:visited {color: #4B0082;}
a.bodylink:hover {color: red;}
a.bodylink:active {color: #B0E0E6;}
ul {
  /*position: fixed;
  top: 0;
  width: 99%;*/
  list-style-type: none;
  margin: 0; 
  padding: 0; 
  overflow: hidden; 
  background-color: #48D1CC;
  border: 2px solid red;
}
li {float: left;}
li:last-child {border-right: none;}
li a {display: block;color: #2E8B57;text-align: center;padding: 14px 16px;text-decoration: none;font-family: "Lobster", sans-serif; vertical-align: baseline;}
li a:hover {background-color: #20B2AA; color: #B0E0E6;}


/* main banner styles */
.mainbanner{
  height: 10%;
  background-color:#48D1CC;
  border-style:double;border-color:red;
  color: #00008B;
  padding: 1;
  display: grid;
  grid-template-columns: 20% 60% 20%;
  justify-content: centre;
  align-content: center;
}

.bannerfonts{
	color: black;
}

.active {
  background-color: #20B2AA;
  color: #B0E0E6;
}

.newstable {
  border-collapse: collapse;
  width: 95%;
}

.newsrows {
  border-bottom: 1px solid #48D1CC;	
}

.bannergrid {
  grid-column: 1 / span 3;
  grid-row: 2;
}

.dropimage{
	position: relative;
	display: inline-block;
}

.dropimgcontent{
  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;
}

.dropimage:hover .dropimgcontent {
  display: block;
}

.dropimgdesc{
  padding: 15px;
  text-align: center;
}

.ticket{
  width: 50%;
  margin: auto;
}

.gallery-button{
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	white-space:normal;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
	}
	
.gallery-button:disabled{
	cursor:not-allowed;
	opacity:0.3
	}
	
.gallery-button:hover{
	color:#000!important;
	background-color:#ccc!important
	}
	
.gallerybutton-display-left{
	position:absolute;
	top:50%;
	left:0%;
	transform:translate(0%,-50%);
	-ms-transform:translate(-0%,-50%)
	}
	
.gallerybutton-display-right{
	position:absolute;
	top:50%;
	right:0%;
	transform:translate(0%,-50%);
	-ms-transform:translate(0%,-50%)
	}
	
.w3-black,.w3-hover-black:hover{
	color:#fff!important;
	background-color:#000!important
	}
	
.w3-content,.w3-auto{
	margin-left:auto;
	margin-right:auto
	}
.w3-content{
	max-width:980px
	}
.w3-auto{
	max-width:1140px
	}
	
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}

.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}

.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}

.w3-large{font-size:18px!important}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,

.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}

.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}

.sponsorimage {
  width=10%; 
  float:right;
  margin:auto;
}

.sponsorlist {
  padding-bottom:40px;
}