@font-face {
    font-family: 'thirsty_scriptregular';
    src: url('thirstyscriptregular-webfont.eot');
    src: url('thirstyscriptregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('thirstyscriptregular-webfont.woff2') format('woff2'),
         url('thirstyscriptregular-webfont.woff') format('woff'),
         url('thirstyscriptregular-webfont.ttf') format('truetype'),
         url('thirstyscriptregular-webfont.svg#thirsty_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	font-family: 'Lato', sans-serif;
	font-size:16px;
	color: #333;
	background:#303557;
	margin:15px;
}
img{
	max-width:100%;
	height:auto;
	vertical-align: top;
}
.clearfix{
	clear:both;
}
#wrapper {
	margin: 0 auto;
	width: 960px;
	max-width: 100%;
}
.container{
	padding:20px;
	background:#fff;
}
.row{
  border-bottom: 1px solid #ccc;
  padding-bottom:10px;
}
.row:after {
    content:"";
    display: table;
    clear: both;
}
.column {
  float: left;
  width: auto;
  margin-left: 30px;
  max-width: 100%;
}
.left{
    width: 30%;
}
.right{
    width: 60%;
}
a{
	color:#BF4258;
}
a:hover{
	background:rgba(191,66,88,0.2);
}
h1,h2{
	font-family:Oswald;
	color:#0157ae;
}
h2{
	color:#303557;
}
#content h1{
	margin-top:0;
	text-transform:uppercase;
	padding-top:7px;
	border-top:2px solid #0157ae;
}
h3{
	color:#BF4258;
	font-size:24px;
	margin-top:15px;
}
h1.maintitle {
    color: white;
    text-transform: uppercase;
    font-size: 38px;
    font-weight: normal;
    margin: 0;
    margin-top: 30px;
}
h2.subtitle{
	font-family:thirsty_scriptregular;
	color: white;
	font-size: 36px;
	margin: 0;
	font-weight: normal;
}
h3.dates {
    border-top: 3px solid white;
    /* width: 100%; */
    display: inline-block;
    margin: 10px 0;
    padding: 15px 0;
    color: white;
    font-family: Oswald;
    font-weight: normal;
    text-transform: uppercase;
	font-size:20px;
}
.headerimage {
    float: left;
    max-width: 100%;
    background-image: url("../images/header.jpg");
    background-size: cover;
    width: 700px;
    max-height: 302px;
    text-align: center;
    padding: 26px 0px;
    height: auto;
}
.mainmenu {
	float:left;
	width: 220px;
	/* display: block; */
}


.slicknav_menu {
	display:none;
}
#menu {
	list-style-type:none;
	margin:0;
	padding:0;
	float: left;
	width: 100%;

}
#menu li{
	margin-bottom: 8px;
	margin-left:5px;
	text-align: center;
}
#menu li a{
	color:white;
	background: #303557;
	padding: 15px 0px;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	font-family: 'Oswald', sans-serif;
	width: 100%;
}
#menu li a:hover{
	background:#0157AE;
}

#footer {
  background: #303557;
  color: white;
  padding: 15px;
  text-align: center;
  position: relative;
  margin-top: 60px;
  padding-left: 200px;
}
.logosmall {
    position: absolute;
    top: -90%;
    left: 0;
}

.logosmall img {
    max-width: 180px;
}
#footer a{
	color:white;
}
table {
	width: 100% !important;
	background-color:white;
}
th{
	background:#303557;
	color:white;
	padding:5px;
	vertical-align:middle;
}
td{
	padding:5px;
	vertical-align:top;
	border:1px solid rgba(0,0,0,0.2);
	text-align:center;
}
.mainA td{
	font-size:13px;
	padding:2px;
}
td.days{
	background:#BF4258;
	color:white;
	font-weight:bold;
}
td.allday{
	background:#747474;
	color:white;
}
td p{
	margin-top:0;
}

@media (max-width: 990px) {
	.mainmenu, #menu {
	display:none;
	}
	.headerimage{
		width:100%;
	}
	
	.slicknav_menu {
		display:block;
	}

}
@media (max-width: 660px) {
	.left{
    width:90%;
	}
	.right{
		width: 90%;
	}

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		tr { border: 1px solid #ccc; }

		#results td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left:30%;
		}
		td{
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
		*/
		#results td:nth-of-type(1):before { content: "-"; }
		#results td:nth-of-type(2):before { content: "CNTC-A"; }
		#results td:nth-of-type(3):before { content: "CMTC"; }
		#results td:nth-of-type(4):before { content: "CSTC"; }
		#results td:nth-of-type(5):before { content: "CWTC"; }
		#results td:nth-of-type(6):before { content: "CNTC-B"; }
		#results td:nth-of-type(7):before { content: "CNTC-C"; }
		#results td.allday::before { content: ""; }
		#results td.allday{padding-left:10px;}
		#results td.regional::before { content: ""; }
		}
@media (max-width: 360px) {
	h1.maintitle,h2.subtitle{
		font-size:26px;
	}
}


/*  CSS CODE ADDED BY ANDRE    */
/*  Regional Events Table    */

.eventsubtitle {
			font-size:14.0pt;
			font-family:Lato;
			color:maroon;
			font-weight: bold;
			text-decoration: none;
			}
			
.eventtitle {
			font-size:16.0pt;
			font-family:Lato;
			color:maroon;
			font-weight: bold;
			font-variant: small-caps;
			text-transform: capitalize;
			text-decoration: underline;
			}
		
.eventfee {
			font-size:14.0pt;
			font-family:Lato;
			color:black;
			font-variant: small-caps;
			text-transform: capitalize;
			text-decoration: none;
			}
			
.regionaltable {
			margin-left:30px;
			font-family:Lato;
			}
			
.regional, tr, td {
			border-collapse: collapse;
			border: 1px solid black;
			font-family:Lato;
			text-align: left;
			vertical-align: top;
			padding: 10px;
			}
			
.eventinfo2 {
    color: maroon; /* Or a color you prefer */
}

ul.eventinfo {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
}

li.eventinfo{ 
    padding-left: 16px; 
}

li.eventinfo:before {
    content: "\2023 \0020"; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: maroon; /* Or a color you prefer */
}


ul.eventinfo3 {
list-style: none;
}
ul.eventinfo3 li {
content: "\25BA \0020";
color: maroon; /* Or a color you prefer */
list-style-position: outside;
padding-right: 8px;
}
 
ul.eventinfo4 {
list-style: none;
}

ul.eventinfo4 li:before {
content: "\25BA \0020";
color: maroon; /* Or a color you prefer */
list-style-position: outside;
}
	

ul.eventinfo5 {  
    list-style: none;  
}  
li.eventinfo5:before {   
    content: "";  
    border-color: transparent maroon;  
    border-style: solid;  
    border-width: 0.20em 0 0.20em 0.55em;  
    display: block;  
    height: 0;  
    width: 0;  
    left: -1em;  
    top: 0.9em;  
    position: relative;  
} 	

.schedulesmallerfont {
			font-size:9.0pt;
			font-family:Times;
			color:black;
			text-decoration: none;
			}