@charset "utf-8";

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { 
	display: block; 
}

html {
	min-height: 100%; 
	padding-bottom: 1px;
	font-size: 14px;
	font-family: Calibri, Helvetica, sans-serif,  Arial;
	-webkit-text-size-adjust: none;
	/*-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;*/
	
}
	
body {
	margin: 0;
	padding: 0;
	color: #fff;
	
	text-align: center;
	background-color: #000;
	background: url(../images/bg.jpg);
	
}

#bgshadow {
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/bg-shadow.png);
	background-size: 100% 100%;
}

h1, h2, h3, h4, h5, h6 {
	padding-top: 0;
	margin-top: 0;	
	/*text-shadow: 0.01em 0.01em 0.5em rgba(0, 0, 0, 1);*/
	text-shadow: 0.01em 0.01em 0.5em rgba(0, 0, 0, 1);
	-webkit-text-size-adjust: none;
}

p {
	/*text-shadow: 1px 1px 3px rgba(0,0,0,1)!important;*/
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
	-webkit-text-size-adjust: none;
}

h1 {
	color: #feb831;	
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	font-size: 2.36em;
	letter-spacing: -0.02em;
	line-height: 0.95em;	
	font-weight: normal;
}

h2 {
	font-size: 1.5em;
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	color: white;	
	letter-spacing: -0.02em;
	line-height: 0.95em;
	font-weight: normal;
}

h1 i, h2 i {
	font-family: 'nexa_slabxbold_italic', arial, Helvetica, sans-serif;
}

h1+h2 {
	margin-top: -1em;
}

.pagecontent .col:nth-child(2) h2 {
	color: #5de1fd;
}

.pagecontent  .col:nth-child(2) h2:nth-child(n+2) {
	margin-top: 1.5em;	
}

.pagecontent  .col:nth-child(2) p+h2:nth-child(n+2), .pagecontent  .col:nth-child(2) ol+h2:nth-child(n+2) {
	margin-top: 1em;	
}

h3 {
	font-size: 1.2em;
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	color: #5de1fd;
	letter-spacing: -0.02em;
	line-height: 0.95em;
	font-weight: normal;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

p, li {
	font-size: 1em;
	line-height: 1.2em;
	color: white;
}

.pagecontent .col:nth-child(2) p {
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 1);	
	font-size: 1.1em;
}

.pagecontent .col:nth-child(2) li {
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 1);	
	font-size: 1em;
}

p.callout {
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	font-size: 1.50em;
	line-height: 1.2em;
	color: #5ee2fb;
	margin-top: 1em;
	margin-bottom: 1em;
}


p.small {
	font-size: 0.72em;
}

/*.gallery p.date, .news p.date {*/
.pagecontent p.date {
	font-size: 0.87em !important;
	color: #A2A2A2;
	font-style: italic;
}

/*.gallery p+p.date, .news h2+p.date {*/
.pagecontent .h2+p.date {
	margin-top: -1em;
}

a img { 
	border: none;
}

a img:hover { 
}

a:link, a:visited {
	color: #feb831;
	text-decoration: none; 
	
	transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-webkit-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;/**/
}
a:hover, a:active, a:focus {
	color: #c78d1e;
	text-decoration: none;
	
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;/**/	
}

/*a.back:before {
	content:"<<";
	display: inline-block;	
	padding-right: 0.25em;
	
	transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-webkit-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
}

a.back:hover:before {
	padding-right: 0.75em;
	
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.2s ease-out;
}*/

/*submit-like button*/
a.submit-like:link, a.submit-like:visited, a.submit-like:active, #more {
	display: inline-block;
	color: white;	
	background-color: rgba(0,0,0,0.65);
	border: none;
	padding: 0 0 0 1.3em;	
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	cursor: pointer;
	font-size: 0.92rem;
	line-height: 1.5em;
	
	transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-webkit-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
}

a.submit-like:hover, a.submit-like:focus, #more:hover, #more:focus {
	color: #feb831;	
		
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}/**/

a.submit-like:after, #more:after {
	content:"▶";
	color: white;
	text-shadow:0 0 2px rgba(0, 0, 0, 0.55);
	background-color: rgba(94,226,251,0.7);
	border: none;
	padding: 0.4em 0.7em;	
	margin-left: 1.4em;	
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	cursor: pointer;
	font-size: 0.92rem;
	
	position: relative;
	display: inline-block;
	
	transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-webkit-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
}

a.submit-like:hover:after, a.submit-like:focus:after, #more:hover:after, #more:focus:after {
	background-color: #feb831;	
	margin-left: 2em;
	
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

#more:before {
	content: "More";	
}



/*a.learnmore:before {
	content: ">>";
	padding-right: 5px;
}

a.learnmore:hover {
	color: #644f34;
}*/


/****std table****/
table.stdtable {
	border: 0;
	padding: 0;	
	border-collapse: separate;
	border-spacing: 0;
	margin-top: 2.5em;
	margin-bottom: 2.5em;
	
	-webkit-box-shadow: 6px 8px 10px rgba(0,0,0,0.7); 
	box-shadow: 6px 8px 10px rgba(0,0,0,0.7);  
	-moz-box-shadow: 6px 8px 10px rgba(0,0,0,0.7); 
}

table.stdtable th, table.stdtable td {
	padding: 0.5em 1em;
	margin: 0;
	vertical-align: top;
}

table.stdtable th {
	font-size: 1.3em;
	font-weight: normal;
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	
	background: rgba(36,140,165,0.6);
	color: white;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
}

table.stdtable tr:nth-child(even) {
	background-color: rgba(0,0,0,0.2);		
}

table.stdtable tr:nth-child(odd) {
	background-color: rgba(0,0,0,0.5);
}

table.stdtable tr:hover {
	background-color: rgba(0,0,0,0.7);
}

table.stdtable tr td a:hover {
	color: white;
}


/****end std table****/




/***common structure***/



.container {
	position: relative;
	width: 100%;
	max-width: 1200px;
	min-width: 320px;
	margin: 0 auto;
	text-align: left;
}

.stdpadl {
	padding-left: 30px;
}

.stdpadb {
	padding-left: 30px;
	padding-right: 30px;
}

header {
	position: relative;
	display: block;	
	padding-top: 25px;
	height: auto;
	margin-bottom: 20px;	
}

section {
	display: block;
	width: 100%;
	overflow: visible;
	position: relative;
	clear: both;
}

#logo {
	position: relative;
	margin-left: 80px;
	
	/*width: 220px;*/
	display: inline-block;
	width: auto;
	height: auto;

	transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-webkit-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
	
	transition-property: transform;
    transition-duration: 1s;
	
	-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;

    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

#logo:hover { 
	
	transform:translateX(-20px);
	-ms-transform: translate(-20px,0);
	-webkit-transform: translate(-20px,0);
	
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}


/********topnav********/

#topnav {
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	font-size: 0.92rem;
	line-height: 1em;
	letter-spacing: -0.02em;
	
	position: relative;
	display: block;	
	width: auto;
	float: right;	
	clear: right;
	top: 10px;

}

#topnav a {	
	position: relative;
	padding-left: 0.46em;
	padding-right: 0.46em;
	text-shadow:0 0 1px rgba(0, 0, 0, 0.35);
	
	transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-webkit-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
}

#topnav a:link, #topnav a:active, #topnav a:visited {
	color: #5de1fd;
}

#topnav a:hover, #topnav a.sel:link, #topnav a.sel:active, #topnav a.sel:visited {
	color: #feb831;
	
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
}

#topnav a:nth-child(3):before {
	content: "|";
	color: white;
	display: inline-block;
	padding-left: 0;
	padding-right: 0.92em;
}

#search {
	display: inline-block;	
	margin-left: 1em;
}

#search input {
	display: inline-block;	
	vertical-align: central;
	border: 0;
	
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

#search input[type="text"] {
	font-family: Calibri, Helvetica, sans-serif,  Arial;
	width: 100px;
	margin-left: 0.5em;
	background-color: white;
	color: #999;
	
	font-size: 0.87rem;
	line-height: 1em;
	padding: 0.5em;
	
	-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5); 
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5);  
	-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5); 
}

#search input[type="text"]:hover , #search input[type="text"]:focus{
	color: #222;
	
	-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.9); 
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.9);  
	-moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.9); 
}

#search input[type="submit"] {
	margin-left: 0.2em;;
	background-color: #27abd0;
	color: white;
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	font-size: 0.92rem;
	line-height: 1.85em;
	letter-spacing: 0;
	text-shadow:0 0 1px rgba(0, 0, 0, 0.35);
	
	padding: 0em 0.1em 0 0.1em;
	
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.7); 
	box-shadow: 2px 2px 4px rgba(0,0,0,0.7);  
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.7); 
	
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	
}

#search input[type="submit"]:hover, #search input[type="submit"]:focus {
	background-color: #eaa115;
	text-shadow:0 0 1px rgba(0, 0, 0, 0.85);
	
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.9); 
	box-shadow: 2px 2px 4px rgba(0,0,0,0.9);  
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.9); 
	
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}

/*****google based search results****/


#resulttable.stdtable {
	margin-top: 1em;
}

#resulttable tr {
	counter-increment: resultNum;
}

#resulttable tr td:first-child:before {
	content: counters(resultNum, ".") ".";
}

.google {
	font-size: 80%;
	float: right;
	display: inline-block;
	margin-top: -20px;
	color: #a8b9bd;
}

/*search result title*/
#resulttable h5 {
	color: #feb831;	
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing: 0;
	line-height: 0.95em;	
	font-weight: normal;
	margin: 0.25em 0 0 0;
	padding: 0;
}

#resulttable h5+p {
	margin-top: 0.5em;
	padding:0;
}

#resulttable h5 a:hover {
	color: #6ecce0;
}

#resulttable b {
	background-color: rgba(27,205,243,0.4);
}



/**/


/********end topnav********/

/********nav********/

#menubutton:before {
	content: "NAVIGATION MENU";
	color: white;	
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	font-size: 0.78rem;
	letter-spacing: 0.4em;
	word-spacing: 1em;
	
	transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-webkit-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
}

#menubutton {
	display: none;	
	/*display: block;	*/
	/*position: fixed;*/
	position: relative;
	width: 250px;
	float: right;
	top: 0;
	/*bottom: 33px;*/
	
	background-color: #004866;
	
	padding: 0.5em 0 0.5em 0;
	text-align: center;
	cursor: pointer;
		
	-webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.7);
		-moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.7);
		box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.7);
		
	transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-webkit-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
}

#menubutton:hover, #menubutton.active:hover {
	background-color: #fb9b04;
	
	transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
}

#menubutton.active {
	background-color: #333;
}

#menubutton:hover:before, #menubutton.active:hover:before {
	font-size: 0.81rem;
	
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
}


#navbar {
	position: relative;
	display: inline-block;		
	width: auto;
	float: right;
	clear: right;	
	font-size: 0;
	line-height: 0;
	margin-top: -65px;
	z-index: 1005;	
	
	-webkit-box-shadow: 0px -2px 20px 7px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px -2px 20px 7px rgba(0,0,0,0.7);
	box-shadow: 0px -2px 20px 7px rgba(0,0,0,0.7);
}

#navbar .home, #navbar .sm, #navbar ul {	
	display: table-cell;	
	vertical-align: middle;	
}

#navbar a {
	display: table-cell;
	vertical-align: middle;
	
	transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-webkit-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
}

#navbar .home a, #navbar .sm a {
	width: 80px;
	height: 55px;
}

#navbar .home a {
	display: inline-block;	
}

#home #navbar .home a, #sub #navbar .home a:hover {
	background: #004866 url(../images/icons-home.png);
	background-position: 0 0;
	background-repeat: none;
}

#sub #navbar .home a {
	background: rgba(36,140,165,0.83) url(../images/icons.png);
	background-position: 0 0;
	background-repeat: none;
}


/*#navbar .home a:hover {
	background-color: #0e5c7c;
	
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
}*/

#navbar .sm a {
	display: inline-block;
}

#navbar .sm a.twitter {
	background: #eaa115 url(../images/icons.png);
	background-position: 160px 0px;
	background-repeat: none;
}

#navbar .sm a.facebook {
	background: #eaa115 url(../images/icons.png);
	background-position: 80px 0px;
	background-repeat: none;
}

#navbar .sm a.twitter:hover, #navbar .sm a.facebook:hover {
	background-color: #c78d1e;	
	
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
}

#navbar ul {
	position: relative;	
	margin: 0;
	padding: 0;	
	
}

#navbar ul li {
	position: relative;
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	font-size: 1.13rem;
	line-height: 1em;
	letter-spacing: -0.02em;
	display: table-cell;	
	vertical-align: middle;
	margin: 0;
	padding: 0;
	list-style: none;		
}

#navbar ul > li > a {
	height: 53px;	
	vertical-align: middle;
	padding-top: 2px;
	padding-left: 1.8rem;
	padding-right: 1.8rem;
	color: white;
	background: rgba(36,140,165,0.83);
}

/*#navbar > ul > li > a:hover, #navbar > ul > li.sel > a:active, #navbar > ul > li.sel > a:hover*/
#navbar > ul > li.active > a:link, #navbar > ul > li.active > a:visited, #navbar > ul > li.active > a:active, #navbar > ul > li.active > a:hover {

	background: rgba(0,72,102,1);
	
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
}

#navbar > ul > li a:hover, #navbar ul> li.sel > a:link, #navbar ul> li.sel > a:visited, #navbar ul> li.sel > a:active, #navbar ul> li.sel > a:hover {
	color: #5ee2f6;
	background: rgba(0,72,102,1);
	/*background: rgba(0,72,102,1);	*/
	
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
}

/*#navbar ul li.active > a:link, #navbar ul li.active > a:visited, #navbar ul li.active > a:active, #navbar ul li.active > a:hover {
	color: #93e027;
}*/


/*#navbar ul li a:hover, #navbar ul li.sel a:hover {
	text-shadow:0 0 2px rgba(255, 255, 255, 0.4);	
	
	transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
}*/

/****sub nav****/

#navbar > ul > li > ul {	
	position: absolute;	
	display: block;		
	list-style: none;	
	left: 0;		
	height: auto;
	padding: 0;	
		
	display: none;/**/	
	
}

#navbar > ul > li > ul > li  {
	position: relative;
	display: block;
	list-style: none;	
	padding: 0;
	margin: 0;
}

#navbar > ul > li > ul > li > a {
	position: relative;
	display: block;
	height: auto;
	
	width: 180px;
	padding: 0.15em 1.8rem 0.15em 1.8rem;

	background: rgba(0,72,102,1);	
	font-size: 75%;
}

#navbar > ul > li > ul > li:first-child > a {
	padding-top: 1.2rem;
}

#navbar > ul > li > ul > li:last-child > a {
	padding-bottom: 1.5rem;
}

/****sub sub nav****/

#navbar > ul > li > ul > li > ul  {
	display: none;
}

#navbar > ul > li > ul > li > ul > li  {
	position: relative;
	display: block;
	list-style: none;	
	padding: 0;
	margin: 0;
}

#navbar > ul > li > ul > li > ul > li > a {
	position: relative;
	display: block;
	height: auto;
	
	width: 180px;
	padding: 0.15em 0rem 0.15em 3.6rem;

	background: rgba(0,72,102,1);	
	font-size: 75%;
}

#navbar > ul > li > ul > li > ul > li:first-child > a {
	padding-top: 0.8rem;
}

#navbar > ul > li > ul > li > ul > li:last-child > a {
	padding-bottom: 1.0rem;
}

#navbar > ul > li > ul > li > ul > li > a:before {
	content:"";
	display: inline-block;
	position: absolute;
	background-color: rgba(225,225,225,0.4);
	width: 0.5em;
	height: 0.5em;
	margin-left: -1.3em;
	margin-top: 0.3em;
	
	-webkit-border-radius: 0.5em;
	  -moz-border-radius: 0.5em;
	  border-radius: 0.5em;
	  
	  transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-webkit-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
}

#navbar > ul > li > ul > li > ul > li > a:hover:before {
	background-color: rgba(93,225,253,0.8);
	width: 0.60em;
	height: 0.60em;
	margin-left: -2em;
	margin-top: 0.25em;
	
	transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	
}


/********end nav********/

section {
	display: block;
	position: relative;
	height: auto;
	min-height: initial;
	clear: both;
}

.topbanner {
	position: relative;	
	padding: 0;	
}

.bannerpic {
	position: relative;
	top: 0;
	display: inline-block;
	width: 75%;
	
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	
	-webkit-box-shadow: 0px -2px 20px 7px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px -2px 20px 7px rgba(0,0,0,0.7);
	box-shadow: 0px -2px 20px 7px rgba(0,0,0,0.7);
}

#quicklinks {
	display: inline-block;	
	width: 24%;	
	float: right;
	background: url(../images/bluewood.jpg) no-repeat;
	background-size: 100% 100%;
	
	-webkit-box-shadow: 1px 4px 10px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 4px 10px 5px rgba(0,0,0,0.5);
	box-shadow: 1px 4px 10px 5px rgba(0,0,0,0.5);
}

#home #quicklinks {
	height: 295px;
}

#sub #quicklinks {
	height: 220px;
}

.pagecontent {
	margin-top: 30px;
}

.col {
	display: inline-block;
	vertical-align: top;
}

.pagecontent .col:first-child {
	width: 27%;
}

.pagecontent .col:last-child {
	margin-left: 7%;
	width: 57%;
}

/*allow more width for gallery*/
.gallery .pagecontent .col:last-child {
	width: 60%;
}

.col img {
	max-width: 100%;
}

.pagecontent img {
	-webkit-box-shadow: 0px 0px 7px 7px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 7px 7px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 7px 7px rgba(0,0,0,0.6); 
}

.yellow, a.yellow:link, a.yellow:visited, a.yellow:active, .callout.yellow {
	color: #feb831;		
}

a.yellow:hover {
	color: #c78d1e;		
}

.blue, a.blue:link, a.blue:visited, a.blue:active {
	color: #5de1fd;		
}

a.blue:hover {
	color: #004866;			
}

/*****themes*****/

.topbanner .theme:before {
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.spring .topbanner .theme:before {
	content: url(../images/season-spring.png);	
}

.summer .topbanner .theme:before {
	content: url(../images/season-summer.png);	
}

.fall .topbanner .theme:before {
	content: url(../images/season-fall.png);	
}

.winter .topbanner .theme:before {
	content: url(../images/season-winter.png);	
}

.spring .topbanner .theme:before {
	content: url(../images/season-spring.png);	
}

/*****end themes*****/


#quicklinks h1 {
	color: #feb831;
	font-size: 1.80rem;
	margin: 25px 5px 0 40px;
	letter-spacing: 0;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
	font-weight: normal;
}

#quicklinks ul {
	padding: 0;
	margin: 15px 0 0 40px;
}

#quicklinks li {
	margin: 0 0 0.4em 0.1em;
	padding: 0;
	list-style: none;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
	
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	font-size: 1rem;
	letter-spacing: 0;
	
}

#quicklinks li a {
	color: #fff;	
	position: relative;
	z-index: 100;
}

#quicklinks li a:hover {
	color: #feb831;	
}


/***home***/

/*carousel*/

#home .bannerpic {
	background: rgba(0,0,0,0.53);	
	margin: auto;
}

#carousel img {
	border: none;
	display: block;
	float: left;
	height: 295px;
	width: 300px;
}

#prev, #next {
	position: absolute;
	display: block;
	top: 40%;
	width: 5%;
	min-width: 40px;
	height: 15%;
	 
	 opacity: 0.50;
	 filter:alpha(opacity=50);
	 webkit-opacity:0.50; 
}

#prev:hover, #next:hover {
	opacity: 1;
	 filter:alpha(opacity=100);
	 webkit-opacity:1;
}

#prev {
	left: 10px;	
	background: url(../images/navbtn.png) 0 0;
}

#next {
	right: 10px;
	background: url(../images/navbtn.png) 48px 0;
}

#home .bannerpic:after {
	content: "";
	background-image: url(../images/wowtitle.png);
	width: 490px;
	height: 106px;
	display: block;
	position: absolute;
	z-index: 10;
	bottom: 5px;
}
			
/*end carousel*/
			

/*calendar*/
#upcoming {
	margin-top: 20px;	
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
	height: 190px;
	overflow: hidden;
}

#upcoming .col:nth-child(1) {
	width: 17%;	
}

#upcoming .col:nth-child(2) {
	background: url(../images/tint-black.png);
}

#upcoming .col:nth-child(2):hover {
	background: url(../images/tint-black2.png);
}

#upcoming .col:nth-child(n+2) {
	margin-left: 2%;
	width: 37%;	
}

#upcoming .col:nth-child(3) {
	position: relative;	
}

#upcoming .col:nth-child(3) .item {
	position: relative;
	max-width: 97%;
	width:inherit;
}

/*#upcoming .col:nth-child(3) .item .text {
	width: inherit;	
}*/

/*col1*/
#upcoming .col:nth-child(1) h1 {
	color: #feb831;
	font-size: 2.36rem;
	line-height: 0.8em;
	margin-top: 0.4em;
	margin-bottom: 0.2em;
}

#upcoming .col:nth-child(1) h1 span {
	display: block;
	clear: both;
	color: #fff;
	font-size: 80%;
}

#upcoming .col:nth-child(1) p {
	color: #90e7f7;
	font-size: 1rem;
	line-height: 1em;
	font-weight: bold;
}

#upcoming .col:nth-child(1) a.fulllist {
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	font-size: 1.14rem;
	font-weight: normal;
}

#upcoming .col:nth-child(1) a.fulllist:hover {
	color: white;
}

/*col2 / 3 - featured events and upcoming events*/

/*#upcoming .col:nth-child(n+2) img, .item img {*/
#upcoming .col:nth-child(2) img {
	float: left;
	margin-right: 5%;
}

#upcoming .col:nth-child(2) h3 {
	color: #5de1fd;
	font-family: Calibri, Helvetica, sans-serif,  Arial;
	font-weight: bold;
	font-size: 0.92rem;
	line-height: 0.8em;
	margin-top: 0.7em;
	margin-bottom: 1em;
	text-transform: uppercase;	
	letter-spacing: 0.2em;
	word-spacing: 0.2em;
	
}

#upcoming .col:nth-child(n+2) h1 {
	color: #feb831;
	font-family: Calibri, Helvetica, sans-serif,  Arial;
	font-weight: bold;
	font-size: 1.85rem;
	line-height: 0.8em;
	margin-bottom: 0.25em;
	padding-right: 0.5em;
}

#upcoming .col:nth-child(2) h1.nofeature {
	margin-top: 1.3em !important;
}

#upcoming .col:nth-child(3) h1 {
	font-size: 1.15rem;
	margin-bottom: 0;
}

#upcoming .col:nth-child(2) h2 {
	font-family: Calibri, Helvetica, sans-serif,  Arial;
	color: #fff;
	font-size: 1.18rem;
	margin-bottom: 0.5em;
}

#upcoming .col:nth-child(2) h2.nofeature {
	
	color: #fff;
	font-size: 1.28rem;
	margin-bottom: 0.5em;
	margin-top: -0.2em;
	font-weight: bold !important;
}

#upcoming h1+h2 {
	margin-top: 0.25em;
}

#upcoming .col:nth-child(n+2) p {
	color: white;
	font-size: 0.79rem;
	line-height: 1em;
	font-weight: bold;	
	margin-bottom: 1em;	
}

#upcoming .col:nth-child(n+2) p.nofeature {
	/*color: #5de1fd;
	font-weight: bold;*/
	font-weight: normal;
	font-size: 1rem;
	font-style: normal;
	line-height: 1em;	
	margin-bottom: 0;
	padding-right: 5px;
}

#upcoming .col:nth-child(n+2) p.nofeature+p {
	margin-top: 0.2em;
}

#upcoming .col:nth-child(n+2) p.date {
	color: #5de1fd;
	font-size: 0.92rem;
	font-style: normal;
	line-height: 1em;
	font-weight: bold;
	margin-bottom: 0;
}

#upcoming .col:nth-child(3) p.date {
	font-size: 0.82rem;
	font-style: normal;
	margin-top: 0.25em;
}

#upcoming .col:nth-child(3) p {
	margin-top: 0.1em;
	margin-bottom: 0;	
}

#upcoming .col:nth-child(n+2) p.ticket a:first-child {
	color: #5de1fd;
}

#upcoming .col:nth-child(n+2) p.ticket a:nth-child(2):before {
	content: "|";
	color: white;
	padding-left: 0.5em;
	padding-right: 0.5em;
	display: inline-block;
}

#upcoming .col:nth-child(n+2) p.ticket a:nth-child(2) {
	color: #feb831;
}

#upcoming .col:nth-child(n+2) p.ticket a:hover {
	color: white;
}

/*#upcoming .col:nth-child(n+2) div.item { */
div.item {
	position: relative;
	clear: both;
	padding: 8px 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: auto;
}

#upcoming .col:nth-child(n+2) div.item { 
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 4px 5px 10px 5px;			
}

#upcoming .item .image {
	position: relative;
	margin-right: 3%;
	display: inline-block;
	/*width: 125px;	*/
	max-width: 32%;
	width: 125px;
	vertical-align: top;
}

#upcoming .item .text {
	position: relative;
	display: inline-block;
	width: inherit;
	max-width: 63%;
	/*width: 65%;
	min-width: none;
	max-width:  none;*/
	vertical-align: top;
}

#home div.item {
	/**/min-height: 67px;
}


/*#upcoming .col:nth-child(n+2) div.item:first-child {*/
div.item:first-child {
	margin-top: 0;
}

/*#upcoming .col:nth-child(n+2) div.item:last-child {*/
div.item:last-child {
	margin-bottom: 0;
}

/*#upcoming .col:nth-child(n+2) div.item:hover
div.item:not(.withsubitem):hover, .subitem:hover {*/
div.item:hover {
	/*background: url(../images/tint-black2.png);*/
	background-color: rgba(0,0,0,0.3);
}

/*#upcoming .col:nth-child(n+2) div.item img {
	max-width: 125px;
}*/

/*end calendar*/




/***end home***/

/*****events******/

/*sub*/

#sub div.item {
	padding: 1%;
}

#sub div.item:first-child {
	margin-top: 0;
}

#sub div.item:after {
	content: "";
	display: block;
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 1px;
	background-color: white;
	
	margin-top: 40px;
	margin-bottom: 10px;
	
	-webkit-box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.4); 	
}

#sub div.item div {
	display: inline-block;
	vertical-align: top;
}

#sub div.item > div:first-child {
	width: 35%;
}

#sub div.item > div:last-child {
	width: 63%;
	margin-left: 1%;
}

#sub div.item img {
	max-width: 100%;
	position: relative;
}

#sub div.item .subitem {
	margin-top: 0.7em;
	margin-left: 7%;
	padding-top: 0.5em;
}

#sub div.item .subitem+.subitem {
	margin-top: 1em;
}

#sub div.item .subitem:after {
	content: "";
	display: block;
	clear: both;
	font-size: 0;
	line-height: 0;
	/*height: 1px;
	background-color: #feb831;*/
	
	border-bottom: 3px white dotted;
	
	margin-top: 25px;
	margin-bottom: 0;
	
	-webkit-box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.4); /**/
	
	/*-webkit-box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.4); 	*/
	
	/*opacity: 0.70;
	filter:alpha(opacity=70);
	-webkit-opacity:0.70;*/
}

#sub div.item .subitem:last-child:after {
	content: "";
	display: none;	
}

#sub .pagecontent div.item h1, #sub .pagecontent div.item h2, #sub .pagecontent div.item h3, #sub .pagecontent div.item p {
	font-family: Calibri, Helvetica, sans-serif,  Arial;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0;
}

#sub .pagecontent div.item h1 {
	font-size: 1.82rem;
	color: #feb831;
	line-height: 0.85em;
}

/*sub event title*/
#sub .pagecontent div.item h2 {
	font-size: 1.5rem;
	color: #5de1fd;
	letter-spacing: 0.02em;
	/*margin-top: 0.7em;*/
}

#sub .pagecontent div.item h3 {
	font-size: 0.83rem;
	color: #5de1fd;
	text-transform: uppercase;
	letter-spacing: 0.17em;
	word-spacing: 0.25em;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
}

#sub .pagecontent div.item p {
	font-size: 0.92rem;
	color: #fff;
	margin-top: 0.2em;
}

#sub .pagecontent div.item .date {
	font-size: 0.92rem;
	font-style: normal;
	color: #5de1fd;
	margin-top: 1em;
}

#sub .pagecontent div.item h2+.date {
	color: #feb831;
	margin-top: 0.2em;
}

#sub .pagecontent div.item .ticket {
	color: #5de1fd;
	margin-top: 1.2em;
}

#sub .pagecontent div.item .ticket a {
	color: #5de1fd;
	display: inline-block;
	margin-left: 2.5em;
	
	transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-webkit-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;	
}

#sub .pagecontent div.item .ticket a.noindent {
	margin-left: 0;
}

#sub .pagecontent div.item .ticket a:hover {
	color: #feb831;
	
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

#sub .pagecontent div.item .ticket a:before {
	content: ">";
	color: #333;
	font-family: sans-serif, Arial;
	font-size: 1rem;
	line-height: 0 ;
	
	background-color: #feb831;
	padding: 0 0.3em;
	margin-right: 0.5em;
	text-shadow: none;	
	
	-webkit-border-radius: 30px;
	  -moz-border-radius: 30px;
	  border-radius: 30px;
	  
	transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-webkit-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
}

/*#sub .pagecontent div.item .ticket a:hover:before {
	padding: 0 0.3em 0 0.7em;
	margin-right: 0.9em;
	
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}*/


/*left col*/

#sub .pagecontent .col:first-child h1 {
	margin-bottom: 0.7em;
}

#sub .pagecontent .col:first-child h2 {
	font-size: 1.4em;
}

.cal {
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	padding: 10px 0 10px 30px;
	background-color: rgba(0,0,0,0.5);

	margin-left: -30px;
	font-size: 1.35em;
}

.cal span {
	display: inline-block;	
}

.cal span:nth-child(2) {
	margin-right: 1em;
}

.cal div {	
	display: inline-block;
}

.cal a {
	position: relative;
	display: inline-block;
		
	font-size: 150%;
	line-height: 1em;
	color: white;

	padding-left: 0.2em;
	padding-right: 0.2em;
}

.cal a:hover {
	color: #feb831;
}



/*events view our coming attraction*/
.view {
	display: block;
	margin-left: -30px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;	
}

.pagecontent .view img {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;		
}

.pagecontent .view a {
	padding: 5px 30px 5px 25px;
	display: block;
	
	transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-webkit-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
		
}

.pagecontent .view a:hover {			
	background-color: rgba(0,0,0,0.5);
	
	transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
}



/*****end events******/


/*collapsible*/
.collapsible {
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: rgba(0,0,0,0.3);
	position: relative;
}

.collapsible_handle {
	font-size: 1.10em;
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	display: block;
	position: relative;
	text-align: center;
	
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	
	background-color: rgba(0,0,0,0.8);
	color: white;
	cursor: pointer;
	
	opacity: 0.70;
	filter:alpha(opacity=70);
	-webkit-opacity:0.70;
	
	/*transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-webkit-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;*/
}

.collapsible_handle:hover {
	opacity: 0.85;
	filter:alpha(opacity=85);
	-webkit-opacity:0.85;
	
	/*transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;*/
}

.expanded:before {
	content:"▲";
}

.collapsed:before {
	content:"▼";
}/**/



/*****preview email to a friend*****/

#friendemail {
	background-color: rgba(0,0,0,0.7);
	display: none;
	padding: 2em;
}

#friendemail h1 {
	font-size: 1.2em;
	line-height: 1em;
}

#friendemail p {
	font-size: 1em;
}

.friendemail:hover {
	color: white;
}

/*****preview email to a friend*****/



/***gallery***/

.zoom-gallery {
	background-color: rgba(0,0,0,0.5);
	padding: 10px;
}

.zoom-gallery img {
	max-height: 100px;
	height: 100%;
	width: auto;
	margin: 10px;
	vertical-align: middle;
	
	-webkit-box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.7);
}

.zoom-gallery a {
	position: relative;
}

.zoom-gallery a img {
	position: relative;	
	transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	
}

.zoom-gallery a img:hover {
	transform:translate(0,-5px);
	-ms-transform: translate(0,-5px);	/*ie 9*/
	-webkit-transform: translate(0,-5px);
	
	-webkit-box-shadow: 0px 0px 7px 2px rgba(225,225,225,0.3);
	-moz-box-shadow: 0px 0px 7px 2px rgba(225,225,225,0.3);
	box-shadow: 0px 0px 7px 2px rgba(225,225,225,0.3);
	
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}

.zoom-gallery a:after {
	/*content: url(../images/magnify.png);
	position: absolute;

	display: block;
	margin-top: -30px;
	margin-left: 12px;
	cursor: pointer;
	
	opacity: 0.4;
	filter:alpha(opacity=40);
	-webkit-opacity:0.4;*/
	
	content: url(../images/magnify.png);
	width: auto;
	height: auto;
	position: absolute;
	z-index: 10;

	display: inline-block;
	clear: none;
	bottom: -40px;
	margin-left: -30px;
	cursor: pointer;
	
	opacity: 0.5;
	filter:alpha(opacity=50);
	-webkit-opacity:0.5;
	
}

.zoom-gallery a:hover:after {
	opacity: 0.8;
	filter:alpha(opacity=80);
	-webkit-opacity:0.8;/**/
}

			
/***end gallery***/




/****map****/
#map {	
	display: block;	
	height: 300px;	
	width: 100%;
	
	-webkit-box-shadow: 0px 0px 13px 5px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 13px 5px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 13px 5px rgba(0,0,0,0.6); 
}

#map img {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}	

.mappopup {
	width: auto;
	height: auto;	
	text-align: left;	
}

#map .mappopup p {
	color: #333;
	text-shadow: none;	
	font-size: 0.92em;
}

#map .mappopup h2 {
	color: #666 !important;	
	margin-top: 5px;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 5px;
	text-shadow: none;
}
/****end map****/

/****back to top******/

#backtotop {
	position: fixed;
	z-index: 9999;
	bottom: 20px;
	right: 20px;
	padding: 3px 10px;
	/*padding: 5px 25px;*/
	cursor: pointer;
	display: none;	
	
	font-family: 'nexa_slabxbold', arial, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 1em;
	font-weight: bold;
	color: #333;
	
	/*background-color: black;*/
	background-color: #fff;
	
	-webkit-border-radius: 30px;
	  -moz-border-radius: 30px;
	  border-radius: 30px;
	  
	opacity: 0.15;
	filter:alpha(opacity=15);
	-webkit-opacity:0.15;
		
	-webkit-box-shadow: 0px 0px 6px 1px #aaa;
	-moz-box-shadow: 0px 0px 6px 1px #aaa;
	box-shadow: 0px 0px 6px 1px #aaa; 
	
	transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-webkit-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;/**/
}

#backtotop:before {
	/*content: "▲";
	line-height: 26px;	*/
	content: "˄";	
	
	
	
	opacity: 0.7;
	filter:alpha(opacity=70);
	-webkit-opacity:0.7;	
	
	transition: all 0s linear;
	-moz-transition: all 0s linear;
	-webkit-transition: all 0s linear;
	-o-transition: all 0s linear;/**/
}

#backtotop:hover {
	opacity: 0.30;
	filter:alpha(opacity=30);
	-webkit-opacity:0.30;
			
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;/**/
}

#backtotop:hover:before {
	opacity: 0.8;
	filter:alpha(opacity=80);
	-webkit-opacity:0.8;
	content: "Scroll to top";
	font-size: 50%;
	padding: 0 10px;
	
	transition: all 0s linear;
	-moz-transition: all 0s linear;
	-webkit-transition: all 0s linear;
	-o-transition: all 0s linear;/**/
}

/****end back to top****/

/****footer***/

footer {
	position: relative;	
	margin-top: 20px;	
	text-align: left;	
	background: url(../images/bg-footer.jpg);
	background-size: 100%;
	background-repeat: no-repeat;	
	background-color: black;
	padding-top: 30px;	
	padding-bottom: 30px;	
}

footer h1 {
	color: white;
	font-size: 1.25rem;
	letter-spacing: -0.02em;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
}

footer h1 img {
	vertical-align: middle;
}

footer p {
	color: white;
	font-size: 0.80em;
	font-weight: bold;
	letter-spacing: 0.02em;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
	text-transform: uppercase;
	line-height: 1.3em;
}

.bottomnav {
	display: inline-block;
	position: absolute;
	right: 30px;
	top: 30px;
	font-size: 0.85rem;
	text-transform: uppercase;
	color: white;
	margin: 0;
	padding: 0;
}

.bottomnav li {
	display: inline;
	margin: 0 1.8em 0 0;
	padding: 0;
	font-size: 0.85rem;
	white-space: pre-wrap;
}

.bottomnav li:last-child {
	margin-right: 0;
}

.bottomnav a {
	color: white;
	display: inline-block;
	white-space: nowrap;
	white-space-collapse: preserve-breaks;	
}

.bottomnav a:hover, .bottomnav a:active, .bottomnav li.sel a:link, .bottomnav li.sel a:visited, .bottomnav li.sel a:hover, .bottomnav li.sel a:active, a.sel2:link, a.sel2:visited, a.sel2:hover, a.sel2:active {
	color: #feb831;	
}


.copyright {
	background-color: black;
	padding-top: 15px;
	padding-bottom: 20px;
}


.copyright p {
	color: #837e7a;
	display: inline-block;
	font-size: 0.78rem;
	font-weight: bold;
	text-transform: uppercase;
}

a.private:before {
	content: "|";
	color: #837e7a;
	display: inline-block;
	padding-left: 1em;
	padding-right: 1em;
}

.copyright a {
	color: #837e7a;
}

.copyright a:hover, .copyright a:active  {
	color: #feb831;	
}




/******end footer*****/


/****open*******/
#open {	
	position: relative;	
	float: right;
	text-align: right;
	width: 400px;
}

#open p {
	padding-top: 0;
	padding-bottom: 0;	
	margin: 0;
	text-transform: none;
}

#open a {
	
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;		
	
}

#open a:hover {

	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;	
}

#open a img {
	vertical-align: middle;
	padding-bottom: 1px;
}

#open a img { 

	transition-property: transform;
    transition-duration: 1s;
	
	-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;

    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;/**/
}

#open a:hover img { 
	transform:translateX(10px);
	-ms-transform: translate(10px,0);
	-webkit-transform: translate(10px,0);
}

/****end open*******/



/*@media only screen and (min-width: 1024px) and (max-width: 1199px) {*/
@media only screen and (max-width: 1199px) {
	
	.container {
		max-width: 1199px;
	}
	
	#topnav {
		font-size: 0.87rem;	
	}
	
	#logo {
		width: 20%;
	}
		
	#logo img {
		max-width: 85%;
	}
	
	
	#navbar ul li {
		font-size: 1rem;
	}
	
	#navbar ul > li > a {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	#navbar .sm a {
		width: 60px;
	}
	
	#navbar .sm a.twitter {
		background-position: 132px 3px;
		background-size: 350%;
	}
	
	#navbar .sm a.facebook {
		background-position: 65px 3px;
		background-size: 350%;
	}
	
	.topbanner .theme:before {
		max-width: 9%;	
	}
	
	#quicklinks h1, #quicklinks ul {
		margin-left: 30px;
	}
	
	#upcoming .col:nth-child(1) {
		width: 14%;	
	}
	
	#upcoming .col:nth-child(2) {
		width: 41%;	
	}
	
	#upcoming .col:nth-child(3) {
		margin-left: 1%;
		width: 37%;				
	}
	
	#upcoming .col:nth-child(1) h1 {
		font-size: 2.2rem;
	}
	
	#upcoming .col:nth-child(2) h3 {
		margin-bottom: 0;
	}
		
	#upcoming .col:nth-child(2) h1 {
		margin-top: 0.2em;
		font-size: 1.80rem;
	}
	
	#upcoming .col:nth-child(2) p {
		margin-right: 5px;
	}
	
	#upcoming .col:nth-child(n+2) img, .item img {
		margin-right: 3%;
	}
	
	#upcoming .col:nth-child(3) p {
		width: auto;	
		margin-right: 5px;	
		border: hidden;
	}
	
}

@media only screen and (max-width: 1023px) {
		
	html { 
		font-size: 13px;
	}
	
	.topbanner .theme:before {
		margin-right: 30px;	
	}
	
	#quicklinks h1, #quicklinks ul {
		margin-left: 20px;
	}
		
	#quicklinks li  {
		font-size: 0.92rem;
	}	
	
	#upcoming .col:nth-child(2) p {
		margin-top: 5px;
		margin-right: 5px;
	}
	
	#upcoming .col:nth-child(2) h1 {
		font-size: 1.70rem;
		margin-top: 0.3em;
		margin-bottom: 0.7em;
	}
	
	.bottomnav {
		margin-top: 7px;
	}
}

@media only screen and (max-width: 959px) {
	.bottomnav {
		max-width: 40%;
		text-align: right;
	}
	
	.bottomnav li {
		margin: 0 0 0 1.8em;
	}
		
	#logo {
		margin-left: 50px;
	}
		
	footer {
		background: url(../images/bg-footer.jpg);
		background-size: cover;
		background-repeat: no-repeat;	
	}
}
@media only screen and (min-width: 800px) and (max-width: 959px) {
	
	html { 
		font-size: 13px;
	}
	
	h1 {
		font-size: 2.16em;
	}
	
	h2 {
		font-size: 1.4em;
	}
	
	h3 {
		font-size: 1.1em;
	}
	
	#upcoming .col:nth-child(1) {
		margin-right: 0.5%;
	}
	/*
	#upcoming .col:nth-child(2) {
		width: 41%;	
	}*/
	
	#upcoming .col:nth-child(3) {
		margin-left: 0.5%;		
	}
	
	#upcoming .col:nth-child(1) h1 {
		font-size: 2.10rem;
		margin-top: 5px;
	}
	
	#upcoming .col:nth-child(2) h1.nofeature {
		margin-top: 0.7em !important;
	}
	
	#upcoming .col:nth-child(2) h3 {
		font-size: 0.87rem;
	}
	
	#upcoming .col:nth-child(2) h1 {
		font-size: 1.60rem;
		margin-top: 0.3em;
		margin-bottom: 0.7em;
	}
	
	#upcoming .col:nth-child(n+2) p {
		margin-top: 0;
		margin-right: 2px;
		
	}
	
	#upcoming .col:nth-child(2) p.date {
		font-size: 0.85rem;
	}
	/*
	#upcoming .col:nth-child(2) p.ticket {
		font-size:95%;
	}*/
	
	
}


@media only screen and (max-width: 799px) {
	/*html { 
		font-size: 12px;
	}*/
	
	h1 {
		font-size: 1.95em;
	}
	
	h2 {
		font-size: 1.5em;
	}
	
	#sub .pagecontent .col:first-child h1 {
		font-size: 1.8em;
	}
	
	#sub .pagecontent .col:first-child h2 {
		font-size: 1.3em;
	}
	
	/*no quicklinks*/
	#quicklinks, .theme {
		display: none;
	}
	
	.bannerpic {
		width: 100%;
	}
	
	.bannerpic img {
		max-width: 130%;
	}
	
	header {
		padding-top: 5px;	
	}
	
	.container {
		max-width: 799px;
	}
	
	#topnav {
		position: relative;
		top: 15px;
		font-size: 0.75rem;	
	}
	
	#search {
		position: relative;
		display: block;
		float: none;
		text-align: right;
		margin-top: 7px;
		margin-right: 5px;
		clear: left;
	}
	

	#logo {
		margin-left: 40px;
		width: 23%;
	}
	
	#logo img {
		width: 85%;
	}
	
	#navbar {
	
		-webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.7);
		-moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.7);
		box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.7);
	}
	
	#navbar ul li {
		font-size: 0.92rem;
		letter-spacing: normal;
	}
	
	#navbar ul > li > a {
		height: 45px;	
		padding-left: 0.7rem;
		padding-right: 0.7rem;
	}
	
	#navbar .home a, #navbar .sm a {
		width: 50px;
		height: 47px;
	}	
	
	#home #navbar .home a, #sub #navbar .home a, #sub #navbar .home a:hover {
		background-position: -5px 4px;
		background-size: 350%;
	}
	
	#navbar .sm a.twitter {
		background-position: 105px 4px;
		background-size: 320%;
	}
	
	#navbar .sm a.facebook {
		background-position: 53px 4px;
		background-size: 320%;
	}
	
	
	
	
	#upcoming {
		height: 380px;
	}
		
	#upcoming .col:nth-child(1) {
		margin-left: 1%;
		width: 28%;	
		margin-right: 1%;
		min-width: 125px;
	}
	
	#upcoming .col:nth-child(2) {
		margin-left: 0%;
		width: 66%;	
	}
	
	#upcoming .col:nth-child(2) img {
		max-width: 45%;	
	}

	#upcoming .col:nth-child(3) {
		width: 100%;	
		max-width: 100%;	/**/
		margin-top: 15px;
		margin-left: 0;
	}
			
	#upcoming .item .image {
		display: inline-block;
		margin-left: 1%;
		margin-right: 1%;
		max-width: 15%;	
		min-width: 125px;
	}
	
	#upcoming .item .image img {
		width: 100%;
		max-width: 125px;
		margin-left: -5px;
	}
	
	#upcoming .item .text {
		position: relative;
		display: inline-block;		
		width: 60%;
		padding-left: 0.5%;
	}
	
	/*#upcoming .item .text p {
		width: 50%;	
	}*/
	
	/*#upcoming .col:nth-child(3) .item {
		width: inherit;	
	}
	
	#upcoming .col:nth-child(3) .item .text {
		width: inherit;	
	}*/
	
	#upcoming .col:nth-child(3) p {		
		margin-top: 0.1em;
		margin-bottom: 0;
		position: relative;
	}	
	
	#sub .pagecontent div.item .ticket a {
		display: block;
		margin-left: 0;
		margin-top: 0.5em;
	}
	
	
}

@media only screen and (max-width: 679px) {

	/*#search {
		display: none;	
	}*/
	
	/*collpased menu*/
	
	#navbar {
		/**/display: none;	
		position: absolute;
		right: 0;
		margin-top: 0;	
		width: 250px !important;	
	}
	
	#navbar .home, #navbar .sm, #navbar ul {	
		display: block;	
	}
	
	#navbar > div {
		display: block;
		position: relative;
		margin: 0;
		width: 100% !important;
		max-width: none;	
		background-color: #004866;	
		text-align: center;
	}
	
	#navbar > div.home {
		background-color: #004866;	
	}
	
	#home #navbar .home a, #sub #navbar .home a:hover {
		background-position: -15px -5px;
		background-size: auto;
	}
	
	#sub #navbar .home a {
		background-position: -15px -5px;
		background-size: auto;
	}
	
	#navbar > div.sm {
		background-color: #eaa115;	
	}
	
	#navbar ul, #navbar ul li {
		position: relative;
		width: 100%;		
		min-width: 100%;		
	}
	
	/*#navbar > ul {
		width: 250px !important;
	}*/
	
	#navbar > ul > li {
		/**/display: block;
		position: relative;
		width: inherit !important;	
		margin: 0;		
	}
	
	#navbar > ul > li > a:before {
		content: "";
		display: block;
		width: 100%;
		height: 1.2em;		
	}
	
	/*#navbar > ul > li > a {
		display: block;		
		position: relative;
		clear: both;
		width: 250px !important;
		
		background: rgba(36,140,165,0.93);
	}*/
	
	#navbar ul li a {
		position: relative;
		width: 100%;
		min-width: 100%;	
	}
	
	#navbar > ul > li > a {
		display: block;		
		position: relative;
		clear: both;
		/*width: 250px !important;*/
		
		background: rgba(36,140,165,0.93);
	}
	
	#navbar > ul > li > ul {
		position: relative;	
	}
	
	#navbar ul, #navbar ul li, #navbar ul li a, #navbar > ul > li > ul > li > a {
		font-size: 0.92rem;		
	}
	
	#navbar > ul > li > ul > li:first-child > a {
		padding-top: 0;
	}
	
	#navbar > ul > li:nth-child(n+2) > a {
		border-top: 3px rgba(255,255,255,0.2) dotted;
	}	
	
	#logo {
		min-width: 25%;
		min-width: 120px;
	}
	
	#logo img {
		width: 100%;
		max-width: none;
		
	}
		
	#menubutton {
		display: block;	
		float: right;	
		margin-top: -33px;	
	}	
	
	.bottomnav {
		display: none;	
	}
	
	
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
	html { 
		font-size: 13px;
	}
	
	.container {
		max-width: 639px;
	}
			
	#upcoming .col:nth-child(2) h1, #upcoming .col:nth-child(2) h1.nofeature {
		font-size: 1.40rem;
		width: 95%;
	}
	
	#upcoming .col:nth-child(2) p {
		width: 95%;
	}
	
	#upcoming .col:nth-child(2) img {
		/*padding-bottom: 20px;*/
		clear: left;
		display: inline-block;
	}
		
}

/*@media only screen and (min-width: 320px) and (max-width: 479px) {*/
@media only screen and (max-width: 479px) {
	html { 
		font-size: 12px;
	}
	
	.container {
		max-width: 479px;
	}
	
	/*#sub .pagecontent .col {*/
	.pagecontent .col:first-child, .pagecontent .col:last-child {
		display: block;
		width: 93%;
		margin-left: 0%;
	}
	
	.pagecontent .col:last-child {
		margin-top: 50px;
	}
	
	#menubutton:before {
	  content: "MENU";
  	}
	
	#menubutton {
		/*clear: both !important;*/
	 	position: relative;
		/*top: 80px;
	  	width: 150px;
		float: right;*/
		width: 45%;
  	}
			
	#navbar {
		width: 100%;
		position: relative;
		clear: both;
		float: none;
		min-width: 100%;	
		overflow: hidden;
		margin-top: 15px;
	}	
	
	
	#navbar ul li ul {
		display: none;	
	}
	
	#navbar ul li ul li:first-child {
		padding-top: 0 !important;
	}
	
	#navbar ul, #navbar ul li, #navbar ul li a, #navbar > ul > li > ul > li > a {
		font-size: 1rem;		
	}
	
	#search {
		display: none;	
	}	
		
	#topnav {
		font-size: 0.8em;
	}
		
	#topnav a {	
		position: relative;
		display: block;	
		margin: 0 0em 0.8em 0.2em;
		text-align: right;	
	}
	
	#topnav a:nth-child(3):before {
		 /* display: block;
		  content: "";
		  padding-right: 0;
		  height: 1px;*/
		  display: none;
	  }
	  
	.topbanner {
		margin-top: 30px;	
	}
	
	#home .bannerpic:after {
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: bottom;
		max-width: 100%;
	}
		
	#upcoming .col {
		display: block;
		min-height: 125px;
		margin-left: 3px;
		width: 90% !important;
		clear: both;
	}
	
	#upcoming .col:nth-child(1) {
		min-height: initial;
	}
	
	#upcoming .col:nth-child(2) {
		margin-left: 3px;
	}	
	
	#upcoming .col:nth-child(1) h1 span {
		display: inline-block;
	}
	
	#upcoming .col h1, #upcoming .col h2, #upcoming .col p  {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	#upcoming .col h1 {
		font-size: 1.40rem !important;
	}
	
	#upcoming .col h1+p {
		margin-top: 0 !important;
	}
	
	#upcoming .col:nth-child(n+2) h1 {
		font-size: 1.10rem !important;
		line-height: 1em;
	}
	
	#upcoming .col:nth-child(n+2) .date {
		font-size: 0.87rem !important;
	}
	
	#upcoming .col:nth-child(2) img {
		max-width: 125px;
	}
	
	#upcoming .col:nth-child(2) h3 {
		padding-top: 0.3em;
	}
	
	#upcoming .col:nth-child(2) h1 {
		padding-top: 0.2em !important;
	}
	
	#upcoming .col:nth-child(2) p {
		font-size: 0.95rem !important;
	}
	
	#upcoming .item .image {
		max-width: 30%;	
		min-width: inherit;
	}
	
	#upcoming .item .image img {
		width: 100%;
	}
	
	#upcoming .item .text {
		width: 67%;
	}
	
	#upcoming .col:nth-child(n+2) div.item { 
		margin-bottom: 1px;
		padding: 4px 5px 5px 5px;
	}
	
	a.private:before {
		display: none;
	}
	
	a.private {
		display: block;
		clear: both;
	}
	
	#open {	
		float: none;
		text-align: left;
		width: inherit;
	}
	
	#open a img {
		max-width: 35%;
	}
	
}

@media only screen and (max-width: 319px) {
	html { 
		font-size: 11px;
	}
		
	.container {
		min-width: 319px;
	}
	
	#menubutton:before {
		padding-right: 2em;
	}
	
	#menubutton { 
		width: 100%;		
		bottom: auto;
		margin-top: 20px;	
		float: none;
		padding: 0.8em 0 0.8em 0;
	}
	
	
	#menubutton:after { 
		content: "";
		position: relative;
		height: 10px;
		width: 100%;
		left: 0;
		float: none;
		clear: both !important;
	}
		
	/*#navbar {
		width: 100%;
		position: relative;
		clear: both;
		float: none;
		min-width: 100%;	
		overflow: hidden;
	}
	
	#navbar ul, #navbar ul li {
		position: relative;
		width: 100%;		
		min-width: 100%;
	}
	
	#navbar ul li a {
		position: relative;
		width: 100%;
		min-width: 100%;	
	}
	
	#navbar ul li ul {
		display: none;	
	}*/
	
	#upcoming .col:nth-child(2) h1, #upcoming .col:nth-child(2) h1.nofeature {
		font-size: 1.40rem;
		width: 95%;
	}
	
}