html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html {background:#f7f6ef;}
body {
	position:relative; 
	margin:0; 
	background:#fff;
	overflow: auto;
	zoom: 1;
	font: normal 1.1em/1.25em  "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
header {
background: url(images/bg_grad.png) right top repeat-y, #b9d2f7 url(images/cog_header2.jpg) left top no-repeat;
height:120px;
}
#mobionly {display:none;}
header a  {color:#fff; text-decoration:none;}
#coglogo {float:left; margin:4px 12px 4px 6%; max-width:40%;}
#r-head {
float:right;
/* text-align:right; */
margin: 0;
}
#p_links {display:none;}

.brochure {
	float: left;
	margin: 16px 5%;
	width: 200px;
	font: normal 0.825em/1.3em "Century Gothic", sans-serif;
}
.brochure img {
	transform: rotate(3deg);
	transition: all 0.2s ease-in-out;
}

.tickets {
	padding: 4px;
	margin: 0;
	min-height: 59px;
	width: 12em;
	font-size:1.75em;
	padding: 10px 0 0 60px;
background: transparent url("images/ticket.png") no-repeat scroll 4px 4px;
}
a .tickets {color:#fff; text-decoration:none; text-shadow: 1px 1px 2px rgba(0,0,0,0.6);}
a .tickets:hover {background-color:#0A1955;}
.phone {
padding: 4px;
margin: 0;
color:#fff;
min-height: 59px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
width: 12em;
font-size:1.75em;
padding: 10px 0 0 60px;
/*	background: rgba(0,60,20,0.5) url("images/phone.png") no-repeat scroll 4px 4px;	*/
background: transparent url("images/phone.png") no-repeat scroll 4px 4px;
}
#phone_link {display:none;}
#mainimg {width:100%; height:auto; margin:0;}
.ctr {text-align:center;}
h1 {background:#c32639; margin:8px; padding: 4px 0.75em; color:#fff; font-size:1.5em; border-radius: 6px 6px 0 0;}
article#main {
position:relative; 
clear:both;
max-width:56em;
margin:0 auto;
}
article#main p {padding: 6px 3% 1em 3%;}
article#main h2 {font: normal 1.5em/1.3em "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#038;
padding: 0.25em 2.75%;}
article#main h3 {font: normal 1.25em/1.3em Copperplate, "Copperplate Gothic Light", sans-serif; color:#242;
padding: 0.75em 2.75% 5px 2.75%;}
article#main h4 {font: normal 1.125em/1.3em Copperplate, "Copperplate Gothic Light", sans-serif; color:#248;
padding: 0.75em 2.75% 5px 2.75%;}
article#main ul {margin:1em 4%; list-style-type: square;}
article#main ul li {margin:1em 4%;}
article#main ol {margin:1em 4%; list-style-type: decimal;}
article#main ol li {margin:1em 4%;}

p#sectionLinks {text-align:right; padding:0; margin:0; float:left; width:50%;}
#blurb {
position:absolute;
top:6%; right: 20px;
width:34%;
background: rgba(255,255,255,0.5);
background: rgba(0,0,0,0.5);
color:#fff;
font: bold 22px/28px Times, arial;
text-shadow: 1px 1px 1px #000;
padding: 0.5em 1em;
border-radius:8px;
}

	#mcol {
	float:left;
	width: 77%;
	}
	@media screen and (max-width: 44em) {		
		#mcol {
		float:none;
		width: auto;
		}
	}

#morestuff {float:right; width: 30%;
margin: 0 20px 20px 20px; padding:6px 6px;
border:1px solid #ddd; 
background:#fffff6;
font-size:0.825em;
}
#main #morestuff h3 {margin: 0.5em 0 2px 0; padding:0; color:#070; font-style:oblique; font-weight:bold;}
#main #morestuff ul {margin:12px 0; padding:0; list-style-type: circle;}
#main #morestuff ul li {margin:0 16px 8px 24px; padding:0;}
.green {color:#060;}
.red {color:#900;}
@media screen and (max-width: 54em) {
	#morestuff {display:none; }
}


#lcols {overflow: hidden; text-align:center; clear:both;}
aside.lcol {
width:32%;
text-align:left;
display: inline-block;
vertical-align: top;
margin: 12px 0.5%;
padding: 4px;
background:#f4f4ed;
box-shadow: 1px 1px 12px rgba(0,0,0,0.3);
border-radius: 7px;
transform: translateZ(0px);
transition: all 0.15s cubic-bezier(0.33, 0.66, 0.66, 1) 0s;
}
aside.lcol h3 {padding: 6px 12px; color:#fff; background:#393; font-weight:bold; border-radius: 4px 4px 0 0;}
aside.lcol p {padding: 6px 12px;  color:#444;}
aside.lcol img { width: 100%; }

aside.lcol:hover {background:#eae9d7; transform: translate3d(0px, -4px, 0px); box-shadow: 1px 1px 12px rgba(0,0,0,0.55);}
aside.lcol:hover h3 {background:#369;}

#social {
text-align:center;
clear:both;
background:#cde;
border-top:1px solid #333;
}
#social img {margin: 5px 12px;}

img, video {max-width:100%; height:auto;}
.sm {font-size:0.825em;}
strong {font-weight: bold;}
.max50 {max-width:50%;}
.rfloatmax50 {max-width:50%; float:right; margin: 0 0.25em 0.5em 1em;}
.lfloatmax50 {max-width:50%; float:left; margin: 0 1em 0.5em 0.25em;}
sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
   font-size:0.75em;
}
sub { top: 0.4em; }
i, em {font-style:oblique;}

	#groupstuff {
	float:left;
	width: 22%;
	}
	#groupstuff div {
	border:1px solid #ccc;
	background: #fffae5;
	font-size:0.75em;
	font-style:oblique;
	line-height:1.2em;
	border-radius: 6px; 
	padding:4px;
	margin:8px 0;
	box-shadow: 2px 2px 6px #bbb; 
	}
	#groupstuff a { text-decoration:none;}
	#groupstuff div h4 {
	font:bold 14px/1.3em georgia, serif;
	background-color:#393;
	color:#fff;
	padding:2px 6px;
	margin:0 0 4px 0;
	border-radius:4px;
	}

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

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

@media screen and (max-width: 44em) {		
	#groupstuff {
	float:none;
	width: auto;
	text-align:center;
	}
	#groupstuff div {
	  display: inline-block;
	  width: 44%;
	  vertical-align: top;
	  zoom: 1;
	  *display: inline;
	}
}

@media screen and (max-width: 56em) {
	aside.lcol {
	width:45%;
	}
	#blurb {
	position:relative;
	top:0;
	right:0;
	width:100%;
	border-radius:0;
	margin:-6px 0 0 0;
	background: #143;
	}
}

@media screen and (max-width: 44em) {
	aside.lcol {
	width:96%;
	margin:12px 2%;
	}
	A aside.lcol {text-decoration:none;}
}

@media screen and (max-width: 47em) {
	article#main {float:none; width:auto;}
	header { background: none; height:auto;}
	#mobionly {display:block;}
	#coglogo {float:none; max-height:90px; max-width:80%;}
	.tickets, .phone  {width:50%; float:left; font-size:1.25em; padding: 5px;}
	.tickets {background: #6D9CCF url("images/ticket.png") no-repeat scroll 6px center;border-right: 1px solid #fff;}
	.phone {background: #6695d6 url("images/phone.png") no-repeat scroll 6px center;}
	#blurb {font-size:1em; line-height:1.3em;}
	#r-head {display:none;}
	#p_links {display: block; text-align:right; overflow:auto; border:1px solid #fff;}
	#p_links a {text-decoration:none;}
}

@media screen and (max-width: 35em) {
	.tickets {font-size:1.25em; min-height: 2.5em; background-size: auto 80%;  padding-left: 18%;}
	.phone  {display:none;}
	#phone_link {
		display: block;
		text-decoration:none;
		color:#fff;
		font-size:1.25em;
		padding: 4px;
		width:50%;
		float:left;
		margin: 0;
		min-height: 2.5em;
		background: #6695d6 url("images/phone.png") no-repeat scroll 6px center;
		background-size: auto 80%;
	}
	a #phone_link:hover, a #phone_link:active {background-color:#610; color:#fff;}
}

@media screen and (max-width: 25em) {
	.tickets, #phone_link {background-image:none; padding-left:2%; font-size:1em;}
}

footer {
	clear:both;
	padding: 10px;
	text-align:center; 
	font:normal 0.75em/1.2em "Century Gothic", Verdana, sans-serif;
	background:#eee;
	border-top:1px solid #333;
}