.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*  ---------------------------------------------------------------------
	Responsive Header
	added CDH 1 Sep 2016
	--------------------------------------------------------------------- */

/* Custom, iPhone Retina */
@media only screen and (min-width:320px) { 
	#header {
		/*margin-bottom: 25px;*/
		background-image: url("../images/header/Crick2020webheader290x179button.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center top;
		height: 179px;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (min-width:480px) { 
	#header {
		/*margin-bottom: 25px;*/
		background-image: url("../images/header/Crick2020webheader427x125button.png");
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center top;
		height: 170px;
		/*width: 100%;*/
	}
}
/* Crick special size */
@media only screen and (min-width:624px) { 
	#header {
		/*margin-bottom: 25px;*/
		background-image: url("../images/header/Crick2020webheader720x170button.png");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: contain;
		height: 153px;
		width: 100%;
	}
}
/* Small Devices, Tablets */
@media only screen and (min-width:768px) { 
	#header {
		/*margin-bottom: 25px;*/
		background-image: url("../images/header/Crick2020webheader720x170button.png");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: contain;
		height: 153px;
		width: 100%;
	}
}
/* Medium Devices, Desktops */
@media only screen and (min-width:992px) { 
	#header {
		/*margin-bottom: 25px;*/
		background-image: url("../images/header/Crick2020webheader940x222button.png");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: contain;
		height: 200px;
		width: 100%;
	}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width:1200px) { 
	#header {
		/*margin-bottom: 25px;*/
		background-image: url("../images/header/Crick2020webheader1140x269button.png");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: contain;
		height: 242px;
		width: 100%;
	}
}

/*  ---------------------------------------------------------------------
	Standard HTML Elements
	--------------------------------------------------------------------- */

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: black;
	font-family: Helvetica, sans-serif;
	font-size: 100%;
	background-color: ##ffffff;
}
p {
	color: #333333;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	text-align: left;
	/*margin-right: 30px;
	margin-left: 10px;*/
	line-height: 1.4em;
	/*margin-top:10px;*/
}
label {
	color: #333333;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	text-align: left;
	line-height: 1.4em;
}

h4 {
	/*margin-left: 10px;*/ /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	margin-bottom: 0px;
	padding: 0px 40px 0px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #27437a;
	font-family: Helvetica, sans-serif;
	font-size: 1.6em;
	/*margin-top: 10px;*/
	line-height: 1.4em;
	font-weight: bold;
}
h5 {
	margin-left: 0px;
	padding: 0;
	color: #27437a;
	font-family: Helvetica, sans-serif;
	font-size: 1.5em;
	margin-top: 1px;
	font-weight: bold;
}
h2 {
	margin-left: 10px;
	padding: 0;
	font-family: Helvetica, sans-serif;
	margin-top: 0px;
	font-weight: bold;
}
h3 {
	/*margin-left: 10px;*/
	padding: 0;
	color: #27437a;
	font-family: Helvetica, sans-serif;
	font-size: 2.05em;
	margin-top: 0px;
	text-align: left;
	line-height: 1.2em;
	font-weight: bold;
}
ul li {
	color: #333333;
/*	line-height: 1.4em*/
	font-size: 1.4em;
}
input text {
	color: #000000;
	background: #F7F7F7;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-left: 20px;
	height: 26px;
}
img { border-style: none }
a:hover { color: #27437a }
.aside p {
margin-left:0px;
margin-right:0px;
}


/*  ---------------------------------------------------------------------
	CDH Additions 2/9/2016 - 14/9/2016
	--------------------------------------------------------------------- */
.mainColumn{
/*	padding-top:10px;
	padding-left:15px;*/
	padding-top: .8em;
	padding-left: 1.4em;
	padding-right: 1.4em;
}

.youtube{
	height:300px;
	width:100%;
}

/*  ---------------------------------------------------------------------
	Crick Menu / Navbar class
	--------------------------------------------------------------------- */

.dropdown-menu li a {
color:white;
}
.crickmenu ul {
  text-align: left;
/*  display: inline;*/
  margin: 0;
  background: #e2499a;
  padding: 1px 4px 1px 0px;
 list-style: none;
}
.crickmenu ul li {
  font: 14px/18px sans-serif;
/*  display: inline-block;*/
  margin-right: -4px;
  position: relative;
  padding: 5px 0px;
  cursor: pointer;
}
.crickmenu {
	background: #e2499a;
}
.crickmenu a  {
	color: #fff;
	text-decoration:none;
}
.crickmenu ul li a:hover {
	color: #fff;
	text-decoration:none;
	background: #27437a;
}
.crickmenu ul li:hover {
	background: #27437a;
	color: #fff;
}
.crickmenu ul li ul li { 
  background: #e2499a; 
 /* display: block; */
  color: #fff;
}
.crickmenu ul li ul li:hover { 
	background: #27437a; 
}
.crickmenu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
/*  background: #27437a;*/
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
background-color: #337ab7;
}
.navbar-default .navbar-nav>li>a { color: white }
.navbar-nav>li>a {
	padding-top: 0px;
	padding-bottom: 0px;
}
.navbar-nav>li>a { line-height: 20px }


/*  ---------------------------------------------------------------------
	twoColFixRtHdr class
	--------------------------------------------------------------------- */

.twoColFixRtHdr { background-color: #1d4ba3 }
.twoColFixRtHdr #container {
	width: 90%; /* the auto margins (in conjunction with a width) center the page */
	border-top: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: #fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.twoColFixRtHdr #header {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	/*margin-bottom: 25px;*/
}
.twoColFixRtHdr #header h1 {
	margin-left: 10px;
	padding: 0;
	color: #27437a;
	font-family: Helvetica, sans-serif;
}
.twoColFixRtHdr .floatpic {
	/*width: 97%;*/
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 1px;
	border: 3px solid #d1dbec;
}
.twoColFixRtHdr .fl_left {
	margin-left: auto;
	margin-right: 20px;
	float: left;
}
.twoColFixRtHdr .fl_right {
	margin-left: 20px;
	margin-right: auto;
	float: right;

}
.twoColFixRtHdr .intextpic {
	margin-right: 20px;
	padding: 5px;
	border: 0px solid #d1dbec;
}
.twoColFixRtHdr .intextpicrr {
	margin-left: 20px;
	padding: 5px;
	border: 0px solid #d1dbec;
}
.twoColFixRtHdr #header h2 {
	margin-left: 10px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	margin-bottom: 20px;
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #12aedf;
	font-family: Helvetica, sans-serif;
	font-size: 1.1em;
}
.twoColFixRtHdr #footer {
	padding: 0px 10px 0 20px;
	background-color: #1d4ba3;
	height: 32px;
	margin-bottom: -5px;
}
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
	color: #ffffff;
	float: right;
	font-size: .9em;
	font-family: Helvetica, sans-serif;
}
.twoColFixRtHdr #footer a:hover { color: #e2499a }
.twoColFixRtHdr #logos {
	margin-top: -120px;
	width: 210px;
	position: relative;
	top: 210px;
	left: 780px;
	z-index: 2;
	border: 0;
}
.twoColFixRtHdr #logos.a {
	border: 0;
	text-decoration: none;
}
.twoColFixRtHdr #mtt a { border: 0 }
.twoColFixRtHdr #mainContent li {
	color: #333333;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
}


/*  ---------------------------------------------------------------------
	mainContent class
	--------------------------------------------------------------------- */

.mainContent. floatpic {
	margin-left: 10px;
	margin-right: 20px;
	padding: 1px;
	border: 3px solid #d1dbec;
}
.mainContent .intextpic {
	margin-right: 20px;
	padding: 5px;
	border: 0px solid #d1dbec;
}
.mainContent .intextpicrr {
	margin-left: 20px;
	padding: 5px;
	border: 0px solid #d1dbec;
}

/*  ---------------------------------------------------------------------
	prizefund
	--------------------------------------------------------------------- */

#prizefund {
	background-image: url(images/prizes2.jpg);
	background-repeat: no-repeat;
	width: 400px;
	height: 188px;
}
#prizefund p {
	position: relative;
	top: 70px;
	left: 220px;
	color: #27437a;
	font-weight: bold;
	font-size: 2.4em;
}
#prizefundhome {
	background-image: url(images/prizes.jpg);
	background-repeat: no-repeat;
	width: 200px;
	height: 188px;
}
#prizefundhome p {
	position: relative;
	top: 70px;
	text-align: center;
	color: #27437a;
	font-weight: bold;
	font-size: 2.4em;
}

/*  ---------------------------------------------------------------------
	Advticketclose
	--------------------------------------------------------------------- */

.advticketclose {
	width: 100%;
	line-height: 60px;
	background-color: #FFFF00;
}


/*  ---------------------------------------------------------------------
	Google Ad
	--------------------------------------------------------------------- */

.GoogleAd { height: 100px }


/*  ---------------------------------------------------------------------
	Shop Page
	--------------------------------------------------------------------- */
.shopbuy {
	color: #666666;
	text-align: left;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.shopitem {
	margin-top: 5px;
	margin-right: 10px;
	padding: 5px 10px 0 10px;
	background-color: #CCEDFF;
	border: 1px solid #27437a;
	line-height: 1.4em;
}
.shopitem img { padding-right: 15px }
.shopitem ul {
	list-style-type: square;
	list-style-position: inside;
}
.shopitem li { padding-bottom: 2.5px }


/*  ---------------------------------------------------------------------
	Flexslider - for Slideshows
	--------------------------------------------------------------------- */

ul.slides {
	list-style-type: none;
	padding-left: 0px;
}
.slide li {
	list-style: none;
}
.flex-caption {
	/*	width: 576px;*/
	padding: 2%;
	left: 0;
	bottom: 0;
	background: #e2499a;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	line-height: 18px;
}
p.flex-caption {
	margin: 0px;
	font-weight: bold;
}

/*  ---------------------------------------------------------------------
	Ticket page table
	added RF 2 Feb 2011
	--------------------------------------------------------------------- */
table.ticketmatrix {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px solid white;
	background: #CCEDFF;
	margin-left: 0px;
}
.ticketmatrix th {
	border-bottom: 4px solid #27437a;
	padding: 1px;
	color: #27437a;
	font-family: Helvetica, sans-serif;
	font-size: 1.6em;
	line-height: 1.4em;
	font-weight: bold;
	vertical-align:bottom;
}
.ticketmatrix th h4 {
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
}
.ticketmatrix tr td h4 {
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
}
.table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>th, .table>thead>tr>td{
	vertical-align:middle;
}
.ticketmatrix td {
/*	padding: 1px;*/
	border-bottom: 2px solid #27437a;
	font-size: 1.3em;
}
.ticketmatrix td.lhcol,
th.lhcol { 
	border-right: 1px solid #27437a;
	color: #27437a;
	font-family: Helvetica, sans-serif;
	font-size: 1.6em;
	line-height: 1.4em;
	font-weight: bold;
}
.ticketmatrix td.altcol,
th.altcol { background: #66CBFF }
.ticketmatrix td.subcol,
th.subcol {
	background: #e2499a;
	color: white;
}
.ticketmatrix td.subcol h3,
th.subcol h3 { color: white !important }
.ticketmatrix h3 { 
	display: inline;
	font-size: 1.8em;
}
.ticketmatrix input {
	display: inline;
	float: none;
}

/*  ---------------------------------------------------------------------
	Google Map iframe container
	--------------------------------------------------------------------- */
	
.gmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden;
}

.gmap iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*  ---------------------------------------------------------------------
	Footer
	--------------------------------------------------------------------- */

.col4foot {
	width:100%;
}

.col4foot p {
	margin-right: 0px;
	margin-left: 10px;
}

.col4foot h4 {
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 0px;
}

.col4foot h3 {
	background-color: #e2499a;
/*	width: 210px;*/
	width: 100%;
	padding: 8px;
	color: white;
	font-size: 1.8em;
	font-weight: normal;
	margin-right: 10px;
	margin-left: 10px;
}

.col4foot h3:hover {
	background-color: #27437a;
}

.col4foot a {
	color: white;

}


#mainphoto { margin-top: -1px; }

#countdownpos {
	margin: 0;
	float: right;
	position: relative;
	top: 72px;
	left: -55px;
	font-size: 3.1em;
	font-family: Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
}

.floatleft {
	float: left;
	margin-right: 20px;
	margin-left: 0px;
	padding: 1px;
	border: 3px solid #d1dbec;
}

#crickpic {
	margin-left: 10px;
	padding: 5px;
	border: 1px solid #12aedf;
}

#frame {
	margin-bottom: 40px;
	min-height: 80px;
}

.rhiframe { width: 100% }

.fltrt {
	/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 15px;
}
.fltlft {
	/* this class can be used to float an element left in your page */
	float: left;
	margin-right: 15px;
}
.fltlft2 {
	/* this class can be used to float an element left in your page */
	float: left;
	margin-left: -10px;
}
.fltlft2 a {
	/* this class can be used to float an element left in your page */
	color: #ffffff;
}
.clearfloat {
	/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

#ticker {
	display: none;
	overflow: hidden;
	color: #ffffff;
	width: 100%;
}

#noborder {
	border-style: none;
	text-decoration: none;
}
countbox { background-color: #ff3399 }

.std-image{
    max-width: 100% ;
    height: auto;
    display:block;
	padding: 1px;
	border: 3px solid #d1dbec;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 20px;
}

.std-image-left{
    max-width: 100% ;
    height: auto;
    display:block;
	padding: 1px;
	border: 3px solid #d1dbec;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: 20px;
	float: left;
}
.std-image-right{
    max-width: 100% ;
    height: auto;
    display:block;
	padding: 1px;
	border: 3px solid #d1dbec;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: auto;
	float: right;

}