@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: heOne;
   /* src: url("/fonts/FugazOne-Regular.ttf"); */
    src: url("/fonts/CHILLER.ttf");
}
@font-face {
    font-family: heTwo;
   /* src: url("/fonts/FugazOne-Regular.ttf"); */
    src: url("/fonts/MissSmartyPants.ttf");
}
@font-face {
    font-family: heThree;
   /* src: url("/fonts/FugazOne-Regular.ttf"); */
    src: url("/fonts/SHOWG.ttf");
}
@font-face {
    font-family: heFour;
   /* src: url("/fonts/FugazOne-Regular.ttf"); 
    src: url("/fonts/SNAP.ttf");*/
	src: url("/fonts/TektonPro-Bold.otf");
}
@font-face {
    font-family: heFive;
   /* src: url("/fonts/FugazOne-Regular.ttf"); */
    src: url("/fonts/GOTHIC.ttf");
}
@font-face {
    font-family: heSix;
   /* src: url("/fonts/FugazOne-Regular.ttf"); */
    src: url("/fonts/BERNHC.TTF");
}

.about-faq-link {
  
margin: 1.75rem 0;
  padding: 1.1rem 1.25rem;
  border-left: 5px solid #e0e0e0; 
  background: #f7f7f7;
  color: #444444;
  font-style: italic;
  line-height: 1.55;
  border-radius: 4px;    
}

.about-faq-link a {
  color: #c62828;
  font-weight: 600;
  text-decoration: none;
}

.about-faq-link a:hover {
  text-decoration: underline;
}

/* Primary CTA button – Horsevents */
.cta-primary {
  display: inline-block;
  background-color: #c62828; /* rich, confident red */
  color: #ffffff !important;
  padding: 14px 28px;
  font-size: 1.05rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover / focus state */
.cta-primary:hover,
.cta-primary:focus {
  background-color: #b71c1c; /* slightly darker red */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  text-decoration: none !important;
  outline: none;
}

/* Optional: keyboard accessibility */
.cta-primary:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}

.anchorCss{
position:relative;
visibility:hidden; 
display:block;
top: -200px;
}
/* One-line testimonial / quote block */
.testimonial-quote {
  margin: 1.75rem 0;
  padding: 1.1rem 1.25rem;
  border-left: 5px solid #c62828; /* matches your CTA red */
  background: #f7f7f7;
  color: #222;
  font-style: italic;
  line-height: 1.55;
  border-radius: 4px;
}

.testimonial-quote cite {
  display: block;
  margin-top: 0.65rem;
  font-style: normal;
  font-weight: 600;
  color: #444;
}

/* Subtle organiser strip (homepage) */
.hv-strip {
  margin: 1rem 0;
  padding: 0.85rem 1rem;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  border-left: 4px solid #c62828; /* Horsevents red accent */
  border-radius: 4px;
  color: #333;
  font-size: 0.98rem;
  line-height: 1.4;
}

/* Make the whole message feel clickable without being shouty */
.hv-strip a {
  color: #333;
  text-decoration: none;
  font-weight: 600;
}

.hv-strip a:hover {
  color: #c62828;
  text-decoration: underline;
}

.hv-strip .hv-strip-arrow {
  color: #c62828;
  font-weight: 700;
  margin-left: 0.25rem;
  white-space: nowrap;
}
.hv-strip a { color: #333 !important; }
.hv-strip a:hover { color: #c62828 !important; }

/* Optional: tighten on small screens */
@media (max-width: 600px) {
  .hv-strip {
    font-size: 0.95rem;
    padding: 0.75rem 0.9rem;
  }
}



/* FAQ callout / reassurance box */
.faq-callout {
  margin: 1.75rem 0;
  padding: 1rem 1.25rem;
  background: #fafafa;
  border-left: 4px solid #c62828; /* same red as CTA */
  color: #333;
  border-radius: 4px;
}

.faq-callout strong {
  display: block;
  margin-bottom: 0.25rem;
}

.faq-callout a {
  color: #c62828;
  font-weight: 600;
  text-decoration: none;
}

.faq-callout a:hover {
  text-decoration: underline;
}
/* Freelance instructor examples list */
.freelancer-list {
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 1.2rem;
  list-style: none;
  padding: 0;
}

.freelancer-list li {
  font-size: 0.95rem;
}

.freelancer-list a {
  color: #444;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
}

.freelancer-list a:hover {
  color: #c62828;
  border-bottom-color: #c62828;
}
 #centreclose{
        text-align: right;box
 padding-right:10px;
        font-size: 1.5rem;
    }

option{
    -moz-white-space: pre-wrap;
    -o-white-space: pre-wrap;
    white-space: pre-wrap;
    overflow:hidden;
    text-overflow: ellipsis;
    
}
#schedulezone{
    width: 100%;
    max-height: 150px;
    border:thin solid #CFCFCF;
    scroll-behavior: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 3px;margin-bottom: 5px;
}
#colwholeevent{ width:100%;
border: thin solid #cccccc;
padding:4px;
min-height: 30px;
margin-bottom: 5px;
    margin-top: 5px;
	-moz-border-radius: 2%;
	-webkit-border-radius: 2%;
	border-radius: 2%;
filter: drop-shadow(3px 6px 5px #c0c0c0);}
.titleev{font-size:1.4rem; font-weight: bold;}
.subtitleev{font-size:0.7rem; }
#groupTitle{
	float:left;
	width:100%;
	text-align:left;
    clear: both;
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    color: darkslategray;
    
}
#groupSubTitle{
	float:left;
	width:100%;
	text-align:left;
    clear: both;
    font-size: 15px;
    font-style:italic;
    padding: 5px;
}
.pcnoview{display:none;}
body{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}
html{
		height:100%;
	margin:0px;
		width:100%;
     scroll-behavior: smooth;
	}
.quote{
	font-style:italic;
	padding-left: 20px;
	padding-right: 20px;
	
	
}

#backToTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background-color: #000000;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 15000;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transition: transform 0.3s, background-color 0.3s;
    border: 2px solid #FFF;
}

/* Hover animation */
#backToTop:hover {
  background-color: #000000;
  transform: translateY(-5px);
}

/* SVG styling */
#backToTop svg {
  width: 24px;
  height: 24px;
  stroke: white;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.3s;
}

/* Optional arrow bounce on hover */
#backToTop:hover svg {
  transform: translateY(-3px);
}


#searchbox{
	position:fixed;
	bottom:0px;
	left:0px;
	width:156px;
	height:189px;
	z-index:10000;
	
}
#searchboxCell{
	display:none;
}
#searchblanket{
	display:none;
		z-index:25000;
		position:fixed;
	width: 100%; /* the auto margins (in conjunction with a width) center the page */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:100%;
		background-color:#CCCCCC;
		 background: rgba(0, 0, 0, 0.5);
		
		background-size:cover;	
}
#searchblanketmenu{
	text-align:right;
	padding-top: 100px;
	padding-right:100px;
	font-size:48px;
	font-family:	heFour;
}
#searchblanketmenu a{
	color:#FFFFFF;
	text-decoration:none;
	
}
#searchblanketmenu a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
#searchblanketsearch{
	margin-top:75px;
	text-align:center;
	width: 100%;
	/*
	margin-left:auto;
	margin-right:auto;
	*/
}
#livesearchresults{
	clear:both;
	display:inline-block;
	background-color:#FFFFFF;
	 background: rgba(255, 255, 255, 0.8);
	width:750px;
	font-size:14px;
	text-align:left;
	line-height:20px;
	overflow-y:auto;

	
	
}
#livesearchresults a{
	color:#000000;
	text-decoration:none;
}
#livesearchresults a:hover{
	color:#FF0000;
	text-decoration:none;
}
.searchmaincolor{
 background: rgba(255, 255, 255, 0.8);
}

.searchaltcolor{
 background: rgba(255, 255, 255, 0.8);
}
#searchblanketsearch input{
	width: 740px;
	height: 40px;
	padding:8px;
	font-size:24px;
	color:#000000;
	background-color:#FFFFFF;
	/*	border:#CCCCCC thin solid;*/
	-moz-border-radius: 2;
	-webkit-border-radius: 2%;
	border-radius: 2%;
}

#searchblanketsearch input:focus{
    outline: none;
}

  #bgimg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
    object-position: center center;
  z-index: -1; /* make sure it stays behind content */
}
    
    @media (min-aspect-ratio: 16/9) {
  #bgimg video {
    height: 100%;
    width: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  #bgimg video {
    width: 100%;
    height: auto;
  }
}
    
    
   .video-desktop {
    display: block;
  }
  .video-mobile {
    display: none;
  }

#infoinfo{
	width:100%;
	text-align:center;
	color:#FF0000;
	font-size:14px;
}
#compnums{
	float:left;
	width:30px;
	height: 30px;
	text-align:center;
	vertical-align:middle;
	
}
#addToDiaryDiv{
	position:fixed;
	right: 3px;
	top: 400px;
	width:150px;
	height:50px;
	color:#333333;
	background: rgb(255, 255, 51); 
    background: rgba(255, 255, 51, 0.5);
	font-family:heFive;
	font-size:14px;
	text-align:center;
	padding-top:15px;
	border:thin #999999 solid;

}
.eventImage{
	width:300px;
	padding:5px;
	
}
.darkGrey{
	color:#6B6B6B;
}

.faqQuestionEven{
	background:#CCCCCC;
	width:100%;
	padding:5px;
	z-index:5000;
}
.faqQuestionOdd{
	background:#999999;
	width:100%;
	padding:5px;
	z-index:5000;
}
.faqAnser{
	background-color:#FFFFFF;
	margin-top:-5px;
	border:#666666 2px solid;
	border-radius:20px;
	margin-left:50px;
	width:75%;
	padding:8px;
	z-index:10000;
		box-shadow: 0px 0px 2px 2px #CCCCCC;
	-webkit-box-shadow: 0px 0px 2px 2px #CCCCCC;
	-moz-box-shadow: 0px 0px 2px 2px #CCCCCC;
}
.uCase{
	text-transform:uppercase;
}
#menufooter{
	font-size:12px;
	width:80%;
	margin:0 auto;
	text-align:center;
	padding-bottom:5px;
}
.dittoBtn{
width:15px;
height:15px;
color:#333333;
background:url(/gfx/icons/ditto.png) center top;
	
	
}
#menufooter a{text-decoration:none; color:#999999;}
#menufooter a:hover{text-decoration:underline; color:#FF0000;}

#addToDiaryDiv a{
	color:#333333;
	text-decoration:none;
	
}
#loadmoreBar{
width:100%;	
}
.btnLoadMore{
	width:100%;
	background-color: rgba(0,204,0,0.3);
	color:#000000;
	font-size:20px;
	font-family:Verdana, Geneva, sans-serif;
	height:35px;
	text-transform:uppercase;
}
#blackfriday{
width:100%;
height:45px;
padding:5px;
background-color:#000000;
color:#FF0000;
text-align:center;
}
.boldtext{
	font-weight:bold;
}
.normaltext{
	font-weight:normal;
}

.bflarge{
	font-size:20px;
	font-weight:bold;	
}
.bfSmaller{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;	
}
#blackfriday a:link{
	text-decoration:none;
	color:#FFFFFF;
	
}
/* The Modal (background) */
#dupModalM {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
#dupModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
#dupModalPrev {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
#dupLate {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 20% auto; /* 15% from the top and centered */
  padding: 10px;
  border: 1px solid #888888;
  width: 350px; /* Could be more or less, depending on screen size */
}

#boxpop{
	position:fixed;
	right: 3px;
	bottom: 18px;
	width:250px;
	height:100px;
	color:#333333;
	background: rgb(204, 204, 204); 
    background: rgba(204, 204, 204, 0.5);
	display:none;
    bottom:75px;
}
#mainMenuMsg{
padding-top:10px;
border-top:#666666 1px solid;
	position:fixed;
	bottom: 0px;
	width:100%;
	height:100px;
	text-align:center;
		background: rgb(204, 204, 204); 
    background: rgba(204, 204, 204, 0.8);

}
#mainMenuMsg a{
	font-size:14px;
font-family:heFive;
	text-decoration:none;
	color:#333333;
}
#sitelinks{
	position:fixed;
	width: 400px;
	left:0;
	top:0;
	font-size:10px;
	display:none;
	
}
#mainMenuMsg a:hover{
	text-decoration: underline;
	color:#FF0000;
}

#boxcontent{
	padding:10px;
	font-family:heFive;
		font-size:11px;
		text-align:center;
}
.smaller{
	font-size:12px;
}
#boxcontent a{
	color:#333333;
	text-decoration:none;
	font-style:italic;

}
#boxcontent a:hover{
	color:#FF0000;
	text-decoration:underline;


}

a.redlinks:link{
	color:#FF0000;
	text-decoration:none;	
}
a.redlinks:hover{
	color:#FF0000;
	text-decoration:underline;	
}


#boxdismiss{
	text-align:right;
}
#boxdismiss a{
	color:#999999;
	text-decoration:none;	
}
#adFeatured{
float:left;
	text-align:center;
	padding:4px;
	margin-bottom:40px;
	width: 240px;
	margin-left:20px;
	margin-right:20px;
	margin-top:40px;
	
}
#bottomFeatured{
	float:left;
	font-family:heFour;
		font-size:14px;
	text-align:center;
	color:#333333;
	padding:4px;
	border:#00CC00 thin solid;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	border-radius: 10%;
	margin-bottom:40px;
	width: 240px;
	margin-left:20px;
	margin-right:20px;
	margin-top:40px;
}	
#bottomFeatured h2{
	font-family:heFive;
	font-size:18px;
	text-align:center;
	color:#333333;
	
}
#bottomFeatured p{
	font-family:heFive;
	font-size:14px;
	text-align:center;
	color:#333333;
	
}
#bottomFeatured a{
	color:#00CC00;
	text-decoration:none;
	
}
#bottomFeatured a:hover{
	color:#00CC00;
	text-decoration:underline;
	
}

#xtraVenues{
	display:none;
}
#viewXtraVenues{
float:left;
	width:500px;
	display:block;	
}
#hideXtraVenues{
	display:none;
}
#chkonline{
	display:none;
}
/* === Featured Event: modern subtle panel (override) === */
#leftFeatured{
  font-family: heFour;
  font-size: 14px;
  text-align: left;              /* calmer + easier to scan */
  color: #333333;
  padding: 14px 14px 12px;
  background: #fafafa;
  border: 1px solid #e6e6e6;     /* lighter border */
  border-radius: 4px;           /* subtle, not widgety */
  box-shadow: none;             /* remove heavy “module” look */
  margin-bottom: 20px;          /* reduce gap a touch (adjust if needed) */
  width: 240px;                 /* keep your layout */
}

/* Heading: still bold, but less shouty */
#leftFeatured h2{
  font-family: heFive;
  font-size: 16px;              /* down from 24px */
  text-align: left;
  color: #222222;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin: 0 0 8px 0;
  padding-left: 10px;
  border-left: 4px solid #d0d0d0; /* neutral accent (NOT red) */
}

/* Body text */
#leftFeatured p{
  font-family: heFive;
  font-size: 14px;
  text-align: left;
  color: #333333;
  margin: 0;
  line-height: 1.45;
       margin-top: 4px;
}

/* Links: quiet by default, clearer on hover */
#leftFeatured a{
  color: #333333;
  text-decoration: none;
 /* border-bottom: 1px solid #dddddd;  subtle affordance */
 
}

#leftFeatured a:hover{
  color: #c62828;                 /* match your CTA red family */
  border-bottom-color: 1px solid #c62828;
  text-decoration: none;
}
#leftFeatured p br {
  display: block;
  margin-top: 4px;
    font-weight: bold!important;
}
/* === Event Filter: modern subtle tool panel (override) === */
#leftFilter{
  font-family: heFive;
  font-size: 14px;
  text-align: left;
  color: #333333;

  background: #fafafa;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  box-shadow: none;

  margin-bottom: 20px;
  margin-left: 0;
  width: 240px;          /* match Featured Event/Organiser */
  padding: 14px;
}

/* Heading */
#leftFilter h2{
  font-family: heFive;
  font-size: 16px;       /* calmer than 20px */
  text-align: left;
  color: #222222;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin: 0 0 10px 0;
  padding-left: 10px;
  border-left: 4px solid #d0d0d0; /* neutral accent */
}

/* Form layout spacing */
#leftFilter form{
  margin: 0;
}

#leftFilter p{
  margin: 10px 0;
}

/* Make labels + controls breathe */
#leftFilter label{
  display: block;
  margin: 6px 0;
  line-height: 1.35;
}

/* Radios / checkboxes alignment (safe defaults) */
#leftFilter input[type="radio"],
#leftFilter input[type="checkbox"]{
  vertical-align: middle;
  margin-right: 6px;
}
/* Select boxes – increase height + improve legibility */
#leftFilter select{
  width: 100%;
  padding: 8px 10px;
  min-height: 38px;
  font-size: 14px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  background: #ffffff;
  color: #333333;
  margin-top: 5px;
  margin-bottom: 2px;   /* tighter spacing */
  box-sizing: border-box;
}


/* Apply Filter button – match height + feel more intentional */
#leftFilter .btn200{
  width: 100%;
  padding: 10px 12px;
  min-height: 40px;
  font-size: 15px;       /* slightly larger */
  font-weight: 700;      /* stronger emphasis */
  border-radius: 4px;
  border: 1px solid #d0d0d0;
  background: #f4f4f4;
  color: #333333;
  cursor: pointer;
  margin-top: 4px;
}

#leftFilter .btn200:hover{
  border-color: #c62828;
  color: #c62828;
     background: #ffffff;
}


/* Advanced Search link: keep it visible but not shouty */
#leftFilter a.redlinks{
  color: #333333;
  text-decoration: none;
  border-bottom: 1px solid #dddddd;
  font-weight: 600;
}

#leftFilter a.redlinks:hover{
  color: #c62828;
  border-bottom-color: #c62828;
}

/* === Featured Organiser: modern subtle panel (override) === */
#leftOrg{
  font-family: heFive;
  font-size: 14px;
  text-align: left;                 /* align with Featured Event */
  color: #333333;

  background: #fafafa;
  border: 1px solid #e6e6e6;        /* lighter border */
  border-radius: 4px;              /* subtle, not rounded widget */
  box-shadow: none;                /* remove heavy shadow */

  margin-bottom: 20px;
  margin-left: 0;                  /* remove offset so it aligns cleanly */
  width: 240px;                    /* match Featured Event width */
  padding: 14px;
}

/* Main heading */
#leftOrg h1{
  font-family: heFive;
  font-size: 16px;
  text-align: left;
  color: #222222;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.03em;
  margin: 0 0 6px 0;
  padding-left: 10px;
  border-left: 4px solid #d0d0d0;   /* neutral accent */
}

/* Secondary heading */
#leftOrg h2{
  font-family: heFive;
  font-size: 14px;
  text-align: left;
  color: #444444;
  text-transform: uppercase;
  margin: 0 0 8px 0;
}

/* Organiser logo */
#leftOrg img{
  max-width: 100%;
  height: auto;
  display: block;
  margin: 8px auto;                /* centre logo visually */
}

/* Links */
#leftOrg a{
  text-decoration: none;
  color: #333333;
  border-bottom: 1px solid #dddddd;
}

#leftOrg a:hover{
  color: #c62828;
  border-bottom-color: #c62828;
}

.formField70{
	width:70px;
	height:15px;
	font-family:heFive;
	font-size:12px;
	padding:0px;
}
.formField100{
	width:100px;
	height:15px;
	font-family:heFive;
	font-size:12px;
	padding:0px;
}
.formField110{
	width:110px;
	height:15px;
	font-family:heFive;
	font-size:12px;
	padding:0px;
}
.formField200{
	width:200px;
	height:15px;
	font-family:heFive;
	font-size:12px;
	padding:0px;
}
.formField30025{
	width:300px;
	height:25px;
	font-family:heFive;
	font-size:12px;
	padding:0px;
}
.formField30050{
	width:300px;
	height:50px;
	font-family:heFive;
	font-size:12px;
	padding:0px;
}

.formField300{
	width:300px;
	height:15px;
	font-family:heFive;
	font-size:12px;
	padding:0px;
}
.formField500{
	width:500px;
	height:15px;
	font-family:heFive;
	font-size:12px;
	padding:0px;
}
.formField200Select{
	width:200px;
	height:20px;
	font-family:heFive;
	font-size:12px;
	padding:0px;
}
.formField300Select{
	width:300px;
	height:20px;
	font-family:heFive;
	font-size:12px;
	padding:0px;
}
.formField200300{
	width:200px;
	height:300px;
	font-family:heFive;
	font-size:12px;
	vertical-align:top;
	padding-top:0px;
}
.formField200150{
	width:200px;
	height:150px;
	font-family:heFive;
	font-size:12px;
}
.formfieldXXlarge{
		width:100%;
	height:50px;
	font-family:heFive;
	font-size:16px;
}
.btn200{
	width:200px;
	height:22px;
	font-family:heFive;
	font-size:12px;
	color:#FFFFFF;
	background-color:#000000;
	
}
.btn100{
	width:100px;
	height:22px;
	font-family:heFive;
	font-size:12px;
	color:#FFFFFF;
	background-color:#000000;
	
}
#fbBox{
    display:none;
/*	width:250px;
	border:#000000 thin solid;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	border-radius: 10%;
	margin-bottom:40px;
*/	
}
#headerfixed{
width:100%;
height:25px;
position:fixed;
top:0px;
background-color:#000000;	
z-index:1000;
	
}
#headleft{
	float:left;
	width:300px;
	font-family:heSix;
	font-size:22px;
	color:#00CC00;
	text-transform:uppercase;
	margin-left:3px;
}
#headleft a{
	color:#00CC00;
	text-decoration:none;
	
}

#headbasket{
	float:right;
	width:300px;
	text-align:right;
	margin-right: 3px;
	font-family:heFive;
}	
#headbasket a{
color:#FFFFFF;
text-decoration:none;	
	font-family:heOne;
}
#headright{
	float:right;
	width:200px;
	text-align:right;
	margin-right: 3px;
}
#headerIMG{
	width:100%;
	height:150px;

	position:fixed;
	top:25px;
	background-color:#000000;
	background-image: url("/gfx/pagebg/toddy.jpg"); 
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:400;		/*transition: background-color 0.6s ease;
		transition: .75s cubic-bezier()
	 */
}
#bgimg{
	position:relative;
	background-color:#000000;
	/* background-image: url("/gfx/pagebg/casperKeysoe.jpg"); */
	background-image: url("/gfx/pagebg/toddy.jpg"); 
	height:100%;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
		z-index:500;
		/*transition: background-color 0.6s ease;
		transition: .75s cubic-bezier()
	 */
}

#centrecontent{
	padding:0;
	margin:0 auto;
	text-align:center;
	position:absolute;
	width:100%;
	z-index:700;
	top:50%;
	transform: translateY(-50%)	;


}
#innercircle{
	margin:0 auto;
	width: 900px;
	height: 320px;
	-moz-border-radius: 0%;
	-webkit-border-radius: 0%;
	border-radius: 0%;
    border: #FFFFFF 2px solid;
    -webkit-box-shadow:0px 0px 0px 15px rgba(0,0,0,0.70);
-moz-box-shadow: 0px 0px 0px 15px rgba(0,0,0,0.70);
box-shadow: 0px 0px 0px 15px rgba(0,0,0,0.70);
	opacity: 0.7;
	z-index:1000;
	color:#ffffff;
	padding-top: 30px;
	padding-bottom: 50px;
	font-family:heFive;
	font-size:24px;
	background-color: #000000;
	background-image: url(../gfx/icons/downArrow.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
   }
#innercircle h1{
	padding-top:5px;
font-size: 38px;	
}
#innercircle p{
padding-left: 5px;
padding-right: 5px;
}
#innercircle a{
	color:#FFFFFF;
	text-decoration:none;
}
#innercircle a:hover{
	text-decoration:underline;
}
#menu{
	position:fixed;
	right:0px;
	top:25px;
	width:210px;
	   background: #000000; 
	 opacity: 0.7;
 	z-index:1000;
	color:#ffffff;
	height:100%;
	display:none;
}

#menu ul{
		list-style:none;
}

#menu ul li{
	width: 160px;
		padding:0px;
		margin-top:5px;
		margin-right:10px;
		height:25px;
		text-align:right;
		font-family:heFive;
		font-size:14px;
}

#menu a{
	color:#FFFFFF;
	text-decoration:none;
}
#menu a:hover{
	text-decoration:underline;
}
.dot {
  height: 8px;
  width: 8px;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
}

	
	

#container{
	position:relative;
	width: 100%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center;
}
#pagecontent{
	position:relative;
	width: 1200px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		text-align:center;
padding-top: 10px;

}
#pageLeft{
	float:left;
	width: 250px;

}
#pageright{
	float:left;
	width: 900px;
	text-align: left;
	margin-left:50px;
	font-family:heFive;
	font-size:14px;	
}
#pageright h1{
	font-family:heFour;
	font-size:28px;
	
}
#pageright h3{
	font-family:heFive;
	font-size:18px;

}

#message{
color:#ff0000;
font-weight:bold;
text-align:center;
font-size:16px;
font-family:heFive;
}
#headerpad{
	position:relative;
	height:175px;
}

#clear{
	clear:both;
}
#clearFatBorder{
	clear:both;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#clearThinBorder{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#999999;
}
#clearDottedBorder{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-bottom-color:#CCCCCC;
}

#footerwrap{
width:100%;
height:15px;
background-color:#000000;	

}
#footleft{
	float:left;
	width: 250px;
	text-align:left;
	font-family:heFive;
	font-size:10px;
	color:#FFFFFF;
	padding-left:15px;
}
#footright{
	float:right;
	width: 600px;
	text-align:right;
		font-family:heFive;
	font-size:10px;
	color:#00CC00;
		padding-right:15px;

}
#col75{
	float:left;
	width:75px;
}
#col25{
	float:left;
	width:25px;
}
#col50{
	float:left;
	width:50px;
}
#col80{
	float:left;
	width:80px;
}

#col350{
	float:left;
	width:350px;
	text-align:left;
}
#col350chk{
	float:left;
	width:350px;
	text-align:left;
    vertical-align: bottom;
}
#col350pad{
	float:left;
	width:340px;
	padding-left:10px;
	text-align:left;
}
#col100perc{
	float:left;
	width:100%;
	text-align:left;	
}
#col250pad{
	float:left;
	width:240px;
	padding-left:10px;
	text-align:left;
}
#col200{
	float:left;
	width:200px;
	text-align:left;
}
#col250{
	float:left;
	width:250px;
	text-align:left;
}
#col150{
	float:left;
	width:150px;
}
#col150center{
	float:left;
	width:150px;
	text-align:center;
}
#col100{
	float:left;
	width:100px;
}
#col100mobalt{
	float:left;
	width:150px;
}
#col500{
	float:left;
	width:500px;
}
#col650{
	float:left;
	width:650px;
}
#col450{
	float:left;
	width:450px;
}
#col100right{
	float:left;
	width:100px;
	text-align:right;
	padding-right:5px;
}
#col100Pright{
	float:left;
	width:100%;
	text-align:right;
	padding-right:5px;
}	

.headunderline{
width: 100%;
height:2px;
background-color:#666666;	
}
.normalunderline{
width: 100%;
height:1px;
background-color:#99999;	
}

#pageright a{
color:#333333;
text-decoration:none;
	
}

#pageright a:hover{
color:#333333;
text-decoration:underline;
	
}
.bluetext{
	color:#0000FF;
}

.redtext{
	color:#FF0000;
}
#galleryDIV{
	float:left;
	width:250px;
	height:160px;
	overflow:hidden;
	border:#000000 thin solid;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	border-radius: 10%;
	margin: 10px;
}
.pageimg{
	width:640px;
}
.pageimgSmaller{
	width:280px;
}

.ytframe{
	width:640px;
	height:315px;	
}
@media screen and (max-width : 1080px){
	.eventImage{
	width:250px;
}
	
#headleft{
	width:200px;
	font-size:16px;
		margin-top:2px;
}

#pagecontent{
	position:relative;
	width: 800px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		text-align:center;
}
#pageLeft{
	float:left;
	width: 250px;

}
#pageright{
	float:left;
	width: 500px;
	text-align: left;
	margin-left:10px;
	
}
.pageimg{
	width:400px;
}

.bflarge{
	font-size:14px;
}
.bfSmaller{
	font-size:12px;
}
	

}

@media screen and (max-width : 650px){
    #groupTitle{
    font-size: 18px;
    
}
    .mobnoview{display:none;}
     .pcnoview{display:inline-block;}
    #col100mobalt{
	float:left;
	width:100%;
	text-align:left;
        padding-bottom:3px;
}
	#searchbox{
display:none;	
}
#searchboxCell{
	position:fixed;
	bottom:25px;
	left:0px;
	width:100%;
	height:30px;
	z-index:10000;
		background-color:#000000;
	text-align:center;
	border-bottom:#FFFFFF thin solid;
		display:block;
		padding-top:3px;
	
}
#searchboxCell a{
	text-decoration:none;
	color:#FFFFFF;
}
#searchboxCell a:hover{
	text-decoration:none;
	color:#FFFFFF;
}
#searchblanketmenu{
	padding-top: 30px;
	padding-right:30px;
	font-size:36px;
}
#searchblanketsearch input{
	width: 300px;
	height: 30px;
	padding:4px;
	font-size:12px;
	color:#000000;
	background-color:#FFFFFF;
	/*	border:#CCCCCC thin solid;*/
	-moz-border-radius: 2;
	-webkit-border-radius: 2%;
	border-radius: 2%;
}
#livesearchresults{
	width:304px;
}
.searchaltcolor{
	background-color:#CCCCCC;
}
	.eventImage{
	height:300px;

	
}
#bgimg{
		background-size: auto 100%;	
					background-attachment:scroll;
}
#headleft{
	width:200px;
	font-size:14px;
	margin-top:5px;
}
#headbasket{
	position:fixed;
	width:100%;
	background-color:#000000;
	text-align:center;
	height:30px;
	bottom:0px;
}

#headright{
	width:170px;
}
#innercircle{
	width: 300px;
	height: 300px;
	font-size:18px;
}
#innercircle h1{
font-size: 30px;	
}
#pagecontent{
	position:relative;
	width: 350px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		text-align:center;
}
#pageLeft{
display:none;

}
#pageright{
	float:left;
	width: 350px;
	text-align: left;
	margin-left:0px;
	
}
#footerwrap{
	display:none;
}
.imgcell{
	width:300px;
}
.pageimg{
	width:300px;
}
.pageimgSmaller{
	width:150px;
}
#col650{
	width:350px;
}
#boxpop{
	visibility:hidden;
	position:fixed;
	bottom: 15px;
	width:100%;
	height:100px;
}
#col500{
	float:left;
	width:350px;
}
#bottomFeatured{
	margin-bottom:100px;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
}
.bflarge{
	font-size:12px;
}
.bfSmaller{
	font-size:10px;
}
#col450{
	float:left;
	width:350px;
}
#headerIMG{
	height:50px;
	 }
	 #headerpad{
	height:75px;
}
	#menufooter{
	margin-bottom:25px;
}
#adFeatured{
float:left;
	text-align:center;
	padding:4px;
	margin-bottom:10px;
	width: 100%;
	margin-left:0px;
	margin-right:0px;
	margin-top:30px;
	
}
.ytframe{
	width:320px;
	height:157px;	
}
}
@media screen and (max-width : 450px){
    .mobnoview{display:none;}
    .pcnoview{display:inline-block;}


    /*
I must have made these not display for a reason but today 2/1/2026 I cannot recall so I have brought them all back again!
    #bgimg{
	display:none;
}
#centrecontent{
	display:none;
}
    
#innercircle{
	display:none;
}
*/
    
    
    
    
        .video-desktop {
    display: none;
  }
  .video-mobile {
    display: block;
  }

    
#col500{
	float:left;
	width:300px;
}
#pagecontent{
	position:relative;
	width: 300px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		text-align:center;
}
#pageright{
	float:left;
	width: 300px;
	text-align: left;
	margin-left:0px;
	
}
#col650{
	width:300px;
}
#col450{
	float:left;
	width:300px;
}
.formField500{
	width:300px;
}
#headerIMG{
	height:50px;
	 }
	 #headerpad{
	height:75px;
}
#menufooter{
	margin-bottom:25px;
}

}