@import url(https://fonts.googleapis.com/css?family=Open+Sans);

@charset "utf-8";
/*** CODED FOR USE ON ENJOYAURORA.COM BY J RUDNY, LLC ***/

	/*** DESKTOP - DEFAULT USAGE ***/
	html { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Myriad Pro, Open Sans, Verdana, Arial, Helvetica, sans-serif;}
	body { margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center; }

	.galleriaDetailsBoxDL h2 { color: #fff; font-weight: 700; font-size: 48px; text-shadow: 3px 3px 5px #262626; letter-spacing: 1.5px; margin-bottom: 45px; padding: 0 5%;}
	/* h3 { color: #fff; font-weight: 700; font-size: 56px; text-shadow: 3px 3px 5px #262626; letter-spacing: 1.5px; margin-bottom: 18px; } */

.galleriaDetailsBox { position: absolute; top:400px; background-color: rgba(255, 255, 255, 0); height: 115px; width: 100%; z-index: 99999; text-align:center; padding-top:1px; }

.galleriaDetailsBoxDL { position: relative; top: 450px; z-index: 99999; text-align: center; }

.sidenav .newnavclose {position: absolute; top: 10; right: 10px; font-size: 36px; margin-left: 0px; padding-bottom:10px;}
.newnavlink a {padding: 8px 8px 8px 0px !important; text-decoration: none !important; font-size: 12pt !important; color: #ffffff !important; display: block !important; transition: 0.3s !important; text-transform: lowercase !important; line-height: 18pt !important; border-top:solid #1C75BC 1px; border-top-width:1px !important; margin-left:42px !important;}
.sidenav .newnavarrow { position: absolute; right: 24px; font-size:25px; text-decoration: none; font-size: 14pt; color: #ffffff;  }
.sidenav .newnavarrowup { position: absolute; right: 24px; font-size:25px; margin-top: -40px; text-decoration: none; font-size: 14pt; color: #ffffff; background-color: #00488E; }
.newnavmargin { padding:8px 8px 8px 20px; margin: 0px 0px 0px 0px;}

	p { padding:0px; margin:0px; }
	
	#topbararea { width:auto; height:158px; min-height:158px; max-height:350px; background-color:#FFFFFF; margin-left:auto; margin-right:auto; text-align:center; vertical-align:middle; }
	#photoarea { width:100%; height:auto; border-top:solid 4px #00488E; border-bottom:solid 4px #00488E;}
	#photoarea IMG { width:100%; height:auto; margin-top:-20px; margin-top:0px; padding-top:0px; }
	#contentarea { width:100%; height:auto; background-color:#FFFFFF;}
	#inforequestarea { width:100%; height:100%; max-height:550px; background-color:#1C75BC; border-top:solid 4px #F2C43B; border-bottom:solid 4px #F2C43B; text-align:center}
	#infoadjustment { text-align:center; margin-left:auto; margin-right:auto; width:1200px; padding-top: 50px;}
	#inforequestvg { width:450px; height:auto; position:relative; display:inline-block; float:left; margin-top:-57px; margin-right:0; margin-left:0px;}
	#inforequestvg IMG { width:688px; height:auto;}
	#inforequestnews { width:450px; height:auto; position:relative; display:inline-block; float:left; margin-top:37px; margin-right:0; margin-left:auto; text-align:center;}
	#inforequestnews IMG { width:413px; height:auto;}
	
	#inforequestnewsnew { width:530px; height:auto; position:relative; display:inline-block; float:left; margin-top:-57px; margin-right:0; margin-left:0px; text-align:center;}
	#inforequestnewsnew IMG { width:530px; height:auto;}
	
	#inforequestline { width:10px; height: 200px; border-left:solid 1px #ffffff; position:relative; display:inline-block; margin-right:0; float:left; margin-top:35px; text-align:center; padding-right:0px; padding-left:10px;}
	#whatshappeingarea { width:100%; height:auto; min-height:700px; max-height:2000px; background-color:#CCCCCC; background-image:url(/images/site/whatshappen-background.jpg); background-repeat:repeat; background-position:center top; margin-top:0px; clear:both; padding-bottom:50px;}
	#insideadsarea { width:100%; height:auto; min-height:540px; max-height:2000px; background-color:#d9e4ee; margin-top:0px; clear:both; padding-bottom:20px;}
	#bookingarea { width:100%; height:auto; min-height:248px; background-color:#F0B310; border-top:solid 4px #1C75BC; border-bottom:solid 4px #1C75BC; text-align:center;}
	#footerarea { width:100%; height:auto; min-height:500px; background-color:#00488E;}
	#contentblock { width:90%; margin-left:auto; margin-right:auto; text-align:center; margin-top:20px; }
	#contentarea H1 { font-size:60pt; color:#333333; padding-top:0px; margin-bottom:25px; line-height:65pt !important; text-align:left; font-weight:normal;}
	#contentarea H2 { font-size:30pt; color:#1C75BC; padding-top:0px; margin-bottom:25px; line-height:35pt !important; text-align:center; font-weight:normal;}
	#contentblock p { font-size: 16pt; color: #333333; padding-top: 0px; padding-bottom: 40px; line-height: 25pt; text-align: left; font-weight: normal; }
	#contentblock LI { text-align:left; font-size:18pt; color:#333333; padding-top:0px; padding-bottom:5px; line-height:21pt; font-weight:normal;}
	#contentarea LI { text-align:left;}
	
	#contentblocktwo { width:90%; margin-left:auto; margin-right:auto; text-align:left; margin-top:20px; }
	#contentblocktwo H1 { font-size:60pt; color:#333333; padding-top:0px; margin-bottom:25px; line-height:65pt !important; text-align:center; font-weight:normal;}
	#contentblocktwo p { font-size:24pt; color:#333333; padding-top:0px; padding-bottom:40px; line-height:40pt; text-align:left; font-weight:normal;}
	#contentblocktwo LI { text-align:left; font-size:18pt; color:#333333; padding-top:0px; padding-bottom:5px; line-height:21pt; font-weight:normal;}
	#contentblocktwo LI { text-align:left;}


.orange_btn {
  background-color: #F0B310;
  border: 1px #fff solid;
  color: black;
  padding: 10px 40px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  transition: 0.3s;
	box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
	border-radius: 0px;
}

.orange_btn:hover {
  background-color: #F0B310;
  color:#fff;
}

.orange_btn:link {
	color:#fff;
	  text-decoration: none;
}
.orange_btn:visited {
	color:#fff;
	  text-decoration: none;
}

.orange_btn:active {
	color:#fff;
	  text-decoration: none;
}

	
	.logo {width:425px; height:89px; padding-left:10px; padding-right:0%; padding-top:25px; position:relative; float:left; }
.topbarnavHolder { float: right; width: 970px; }
	.topbarnav { font-size:19pt; color:#1C75BC; padding-left:4%; padding-top:60px; position:relative; float:left; visibility:visible;}
	.topbarnavarrow { padding-top:8px; padding-right:8px; position:relative; float:left; visibility:visible; top: -5px;}
	.topbarnavicon { font-size:21pt; color:#1C75BC; padding-left:4%; padding-top:60px; position:relative; float:left; width:auto;}
	.mobilemenuicon { cursor:pointer;} 
	
	.searchnav { margin: -20px 5px 5px 30px; width:250px; padding-left:10px;}
	
	#galleria{ width: 100%; height:740px; max-height:740px; min-height: 740px; height:auto; }
	.galleria-stage { width: 100%; overflow:hidden; height:740px; max-height:740px; min-height: 740px; height:auto;   }
	.galleria-thumbnails .galleria-image { height: 40px; width: 60px; background: #000; margin: 0 5px 0 0; border: 1px solid #000; float: left; cursor: pointer; }
	
	.venuedetailimage { width:1000px; min-width:1000px; height:auto; min-height:400px; max-width:1500px; max-height:2000px; vertical-align:middle; }
	
	.buttonweb {float:right; background-color:#fcc403; width:160px; height:35px; margin-right:10px; margin-top:30px; padding-top:5px; font-size:18pt;font-weight:lighter;color:#FFFFFF; clear:right; visibility:visible;}
	.buttoncall {float:right; background-color:#fcc403; width:160px; height:35px; margin-right:10px; margin-top:5px; padding-top:5px; font-size:18pt;font-weight:lighter;color:#FFFFFF; clear:right; visibility:hidden;}
	.buttonmap {float:right; background-color:#fcc403; width:160px; height:35px; margin-right:10px; margin-top:5px; padding-top:5px; font-size:18pt;font-weight:lighter;color:#FFFFFF; clear:right; visibility:hidden;}
	
	.addresszonea {visibility:visible; height:5px; }
	.addresszoneb {visibility:hidden; height:0px; }
	
	.breadshow {visibility:visible; text-align:left; position:absolute; left:20px; top:150px;}

	#listphotoarea { width:50%; height:440px; float:left; position:relative; overflow:hidden; border-bottom:solid 4px #00498E;}
	#listphotoarea IMG { width:auto; height:440px; border-top:solid 4px #00498E; margin-top:0px; padding-top:0px; background-color: #00498E; object-fit: contain; text-align:center; left:0px !Important; }
	#listtextarea { width:50%; height:440px; float:left; position:relative; background-color: #00498E; overflow:hidden; margin-top:0px; padding-top:0px; border-bottom:solid 4px #00498E; overflow: auto; }
	#listtextarea H1 { font-size:38pt; color:#ffffff; padding:0px 15px 0px 15px; margin-bottom:0px; line-height:35pt; text-align:left; font-weight:normal; text-transform:uppercase;}
	/* text-shadow:4px 4px 4px #333333; */
	#listtextarea p { font-size:16pt; color:#ffffff; padding:15px 15px 0px 15px;  padding-bottom:20px; line-height:24pt; text-align:left; font-weight:normal;}
	#listtextarea a { color:#EFB410; text-decoration:none;}
	#listtextarea a:hover { color:#FFFFFF; text-decoration:none;}
	#listtextarea a:active { color:#EFB410; text-decoration:none;}
	#listtextarea a:visited { color:#EFB410; text-decoration:none;}
	
	#adsarea { width:100%; height:530px; min-height:530px; max-height:530px; background-color:#DAE4EE; margin-top:0px; clear:both; padding-bottom:0px; overflow:hidden;}
	#adsarea H1 { font-size:48pt; color:#ffffff; padding-top:20px; margin-top:0px;  margin-bottom:25px;  text-align:center; font-weight:normal;}
	.adsareabox { width:443px; height:475px; background-color:#ffffff; box-shadow: 2px 2px 2px 2px #333333; padding: 5px; margin: 20px; text-align: center; float: left;}
	#adsarea H2 { font-size:25pt; color:#00488E; margin-top:0px; margin-bottom:0px; line-height:40pt; text-align:center; font-weight:normal;}
	#adsarea P { font-size:18pt; line-height:24pt;}
	#adsarea a { color:#00488E; text-decoration:none;}
	#adsarea a:hover { color:#00488E; text-decoration:none;}
	#adsarea a:active { color:#00488E; text-decoration:none;}
	#adsarea a:visited { color:#00488E; text-decoration:none;}
	
	#listingbox { width:45%; height:225px; min-height:225px; max-height:350px; float:left; position:relative; overflow:visible; padding:10px; text-align:left; margin-top:25px; margin-bottom:25px; }
	.listingboximage{ width:300px; height:200px; margin-right:20px; text-align:left; object-fit: contain; /*border:solid 1px #000000; */}
	.listingboxheader { font-size:23pt; color:#00488E; margin-top:0px; margin-bottom:0px; line-height:25pt; text-align:left; font-weight:normal;}
	.listingbox2 { font-size:20pt; color:#1C75BC; margin-top:0px; margin-bottom:0px; line-height:25pt; text-align:left; font-weight:600;}
	.listingboxtext { font-size:14pt; line-height:18pt; text-align:left;}
	
	#storyblock { width:65%; max-width:750px; margin-left:auto; margin-right:auto; text-align:center; }
	#storyblock H1 { font-size:60pt; color:#333333; padding-top:0px; margin-bottom:25px; line-height:65pt !important; text-align:center; font-weight:normal;}
	#storyblock p { font-size:24pt; color:#333333; padding-top:0px; padding-bottom:15px; line-height:28pt; text-align:center; font-weight:normal;}
	#storyblock LI { text-align:left !important; font-size:18pt; color:#333333; padding-top:0px; padding-bottom:5px; line-height:21pt; font-weight:normal; }
	.storyheader { font-size:60pt; color:#00498E; padding-top:0px; margin-bottom:25px; line-height:65pt; text-align:center; font-weight:normal;}
	.storysubheader { font-size:25pt; color:#333333; padding-top:0px; margin-bottom:20px; line-height:50pt; text-align:center; font-weight: normal; font-style:italic;}
	.storyphoto { width:600px; height:auto; box-shadow: 2px 2px 2px 2px #cccccc; padding:5px; margin:15px; float:right; }
	
	#storyblocknew { width:85%; max-width:85%; margin-left:auto; margin-right:auto; text-align:center; }
	#storyblocknew H1 { font-size:60pt; color:#333333; padding-top:0px; margin-bottom:25px; line-height:65pt !important; text-align:center; font-weight:normal;}
	#storyblocknew H2 { font-size:24pt; color:#333333; padding-top:0px; padding-bottom:0px; line-height:28pt; text-align:center; font-weight:bold; margin-bottom:0px; }
	#storyblocknew p { font-size:24pt; color:#333333; padding-top:0px; padding-bottom:15px !important; line-height:28pt; text-align:center; font-weight:normal;}
	#storyblocknew LI { text-align:left !important; font-size:18pt; color:#333333; padding-top:0px; padding-bottom:5px; line-height:21pt; font-weight:normal; }
	#storyblocknew IMG { padding-bottom:15px !important; padding-top:15px !important; }

	.searchselect { padding:5px; margin:10px; width:150px; border: 1px solid #999999;}
	.searchtext { padding:5px; margin:10px; width:200px; border: 1px solid #999999;}
	.searchsubmit { padding:5px; margin:10px; border: 1px solid #999999; color:#FFFFFF; background-color:#1C75BC; width:150px;}
	
	#whatshappeingarea H2 { font-size:48pt; color:#ffffff; padding-top:20px; margin-top:0px;  margin-bottom:25px;  text-align:center; font-weight:normal; text-shadow:2px 4px 4px #000000;}
	
.whatshappeingareabox H3 { font-size:20pt; color:#00488E; margin-top:0px; margin-bottom:0px; line-height:23pt; text-align:left; font-weight:600; font-family: 'Lato', sans-serif; padding: 0 18px;}
	#whatshappeingarea H3 { font-size:20pt; color:#00488E; margin-top:0px; margin-bottom:0px; line-height:23pt; text-align:left; font-weight:normal; font-family: 'Lato', sans-serif; padding: 0 18px;}
	#whatshappeingarea P { font-size:14pt; line-height:22pt; padding: 4px 18px 0 18px;}
	#whatshappeingarea a { color:#00488E; text-decoration:none;}
	#whatshappeingarea a:hover { color:#00488E; text-decoration:none;}
	#whatshappeingarea a:active { color:#00488E; text-decoration:none;}
	#whatshappeingarea a:visited { color:#00488E; text-decoration:none;}
	
	#insideadsarea H1 { font-size:48pt; color:#ffffff; padding-top:20px; margin-top:0px;  margin-bottom:25px;  text-align:center; font-weight:normal;}
	#insideadsarea H2 { font-size:25pt; color:#00488E; margin-top:0px; margin-bottom:0px; line-height:40pt; text-align:center; font-weight:normal;}
	#insideadsarea P { font-size:18pt; line-height:24pt;}
	#insideadsarea a { color:#00488E; text-decoration:none;}
	#insideadsarea a:hover { color:#00488E; text-decoration:none;}
	#insideadsarea a:active { color:#00488E; text-decoration:none;}
	#insideadsarea a:visited { color:#00488E; text-decoration:none;}
	
	#bookingarea H2 { font-size:40pt; color:#ffffff; padding-top:0px; margin-bottom:-20px; line-height:40pt; text-align:center; font-weight:normal; text-transform: uppercase;}
	#bookingarea H3 { font-size:18pt; color:#ffffff; margin-top:0px; margin-bottom:0px; line-height:20pt; text-align:center; font-weight:normal;}
	.bookingarealine { width:85%; margin-left:auto; margin-right:auto;  border-bottom:solid 1px #ffffff; padding-top:10px; }
	.bookingareacal { width:20%; height:auto; padding: 10px; margin: 10px; text-align: center; float: left;}
	.bookingareaselect { width:10%; height:auto; padding: 10px; margin: 10px; text-align: center; float: left;}
	.bookingareasearch { width:20%; height:auto; padding: 10px; margin: 10px; text-align: center; float: left;}
	.bookingareacal H3 { font-size:25pt; color:#ffffff; margin-top:0px; margin-bottom:0px; line-height:40pt; text-align:center; font-weight:normal;}
	.bookingareaselect H3 { font-size:25pt; color:#ffffff; margin-top:0px; margin-bottom:0px; line-height:40pt; text-align:center; font-weight:normal;}
	.bookingareasearch H3 { font-size:25pt; color:#ffffff; margin-top:0px; margin-bottom:0px; line-height:40pt; text-align:center; font-weight:normal;}
	
	#footerarea p { font-size:12pt; color:#ffffff; line-height:20pt;  }
	#footerarea a { color:#ffffff; text-decoration:none;}
	#footerarea a:hover { color:#ffffff; text-decoration:none;}
	#footerarea a:active { color:#ffffff; text-decoration:none;}
	#footerarea a:visited { color:#ffffff; text-decoration:none;}
	.socialicon { width:64px; height:auto; } 
	
	a { color:#1C75BC; text-decoration:none;}
	a:hover { color:#333333; text-decoration:none;}
	a:active { color:#333333; text-decoration:none;}
	a:visited { color:#1C75BC; text-decoration:none;}
	
	.formNewsTextBox { padding: 5px 5px 5px 5px; margin:15px; background-color:#FFF; color: #000000;  border: 1px solid #000000; font-size: 14px; width: 50%; height:28px; float:left; }
	.formNewsImage { padding: 5px 5px 5px 5px; margin-top:15px;  float:left; width:128px; height:33px; background: url('/images/site/news-join.png') no-repeat; }
	/* .formNewsImage:hover { -moz-box-shadow: 0 0 10px #fff; -webkit-box-shadow: 0 0 10px #fff; box-shadow: 0px 0px 10px #fff; } */
	.formNewsImage:hover { background: url('/images/site/news-join-on.png') no-repeat; }
	
	/* The side navigation menu */
	.sidenav {
		height: 100%; /* 100% Full-height */
		width: 0; /* 0 width - change this with JavaScript */
		position: fixed; /* Stay in place */
		z-index: 1; /* Stay on top */
		top: 0;
		right: 0;
		background-color: #00488E; /* blue*/
		overflow-x: hidden; /* Disable horizontal scroll */
        overflow-y: hidden; /* Disable horizontal scroll */
		padding-top: 60px; /* Place content 60px from the top */
		transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
		text-align: left;
	}
	
	/* The navigation menu links */
	.sidenav a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 22pt;
		color: #ffffff;
		display: block;
		transition: 0.3s; 
		text-transform: lowercase;
		line-height: 35pt;
	}
	
	.sidesubnav a {
		padding: 8px 8px 8px 8px;
		text-decoration: none;
		font-size: 14pt;
		color: #ffffff;
		display: block;
		transition: 0.3s; 
		text-transform: lowercase;
		line-height: 20pt; 
		border-top:solid #FFFFFF 1px; 
		border-bottom-width:300px;
		margin-left:100px;
	}
	
	/* When you mouse over the navigation links, change their color */
	.sidenav a:hover, .offcanvas a:focus{
		color: #80A4C7;
	}
	
	/* Position and style the close button (top right corner) */
	.sidenav .closebtn {
		position: absolute;
		top: 50;
		left: 5px;
		font-size: 36px;
		margin-left: 0px;
		padding-bottom:20px;
	}
	
	/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
	#main {
		transition: margin-right .5s;
		padding: 0px;
	}
	
	
#formContainer { max-width:1000px; width:1000px; margin-left:auto; margin-right:auto; }

#formContainer input[type="text"], #formContainer input[type="datefield"], #formContainer input[type="email"], #formContainer textarea, #formContainer input[type="File"], #formContainer .datefieldinput{
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 60%; 
	float:right; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer select {
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 62%; 
	float:right; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer input[type="checkbox"], input[type="radio"] {
	height: 19px;
	margin: 10px;
	position: relative;
	top: 4px;
	vertical-align: middle;
	width: 19px;
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer input[type="submit"] {
	background: #0D5CAB;
	border: 3px solid #ffffff;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	margin: 10px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 40%; 
	position: relative; 
	float: none; 
	font-family: 'Open Sans', sans-serif;
}

#formContainer .fieldtext { float:left; margin: 10px; padding: 10px;  position: relative; font-weight:bold; }

#formContainer .checkboxtext { width:100%; margin: 10px; padding: 10px;  position: relative; }

#formContainer P { clear:left;}

/*Add to my calendar Styles*/
.addtocalendar
{
	margin:0px 10px 0px 0;
	clear: both;
	float: right;
}

.calendar_Controls
{
   display: block;
   padding:0px 0 0 0px;
   width:160px; height:39px;
   line-height: 35px;
   margin: 0;
   background:url(images/icalendar_this.png
   ) no-repeat right bottom;
}

#calendarControls, #calendarControlsBottom
{
   display: none;
   border:0px solid #666;
   background-color: #ffffff;
   line-height: 18px;
   width: 160px;
}

div:hover.addtocalendar #calendarControls, div:hover.addtocalendar #calendarControlsBottom
{
    display: block;
	position: absolute; /*ie7 needs it to be here*/
}

#calendarControls br, #calendarControlsBottom br{display: none;}

#calendarControls a, #calendarControlsBottom a
{
       text-decoration:none;
      color:#666;
      margin:10px;
      padding:8px 8px 8px 25px;
      display:block;
      font-size: 12px !important;
      width: 140px; height:25px;
}

#calendarControls a:hover, #calendarControlsBottom a:hover
{
    color:#000;
     text-decoration: underline;
}

.outlookcalendar{background:url(images/new-outlookicon.png) no-repeat; }
.googleCal {background:url(images/new-googleicon.png) no-repeat;}
.yahooCal {background:url(images/yahoo.gif) no-repeat;}

.youtube-embed-wrapper { position:relative;padding-bottom:56.25%;padding-top:0px;height:0;overflow:hidden;top:-155px; background-color:#000000;}
.youtube-embed-video { position:absolute;top:0;left:0;width:100%;height:100%;}

	/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size)
	@media screen and (max-height: 450px) {
		.sidenav {padding-top: 15px;}
		.sidenav a {font-size: 18px;}
	} */


@media only screen and (min-width: 1150px) and (max-width: 1510px) {

.topbarnavarrow { padding-top: 0px; }
.topbarnav { font-size: 17px; }
.topbarnavHolder {  width: 700px; }
}

@media only screen and (min-width: 1025px) and (max-width: 1149px) {

.topbarnav { display: none; }
    .topbarnavHolder {  width: 585px; }
    .topbarnavicon {
    font-size: 22pt;
    color: #1C75BC;
    padding-left: 0px;
    padding-top: 0px;
    margin-top: 55px;
    position: relative;
    float: right;
    width: 20%;
    overflow: hidden;
    padding-right: 0px;

}

}

/*** TABLET USAGE ***/
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	html { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Myriad Pro, Open Sans, Verdana, Arial, Helvetica, sans-serif;}
	body { margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center; }
	
	.galleriaDetailsBoxDL { top:500px; }
	.highlightphoto { width: 100% !important; height:auto !important; } 
	
	.galleriaDetailsBoxDL h2 { color: #fff; font-size:36px; text-shadow: 2px 2px 3px #262626; line-height: 37px; }
	/* h3 { color: #fff; font-size:36px; text-shadow: 2px 2px 3px #262626; line-height: 37px; } */

.newnavmargin { padding:8px 8px 8px 20px; margin: 0px 0px 0px -20px;}

	p { padding:0px; margin:0px; }
	
	#topbararea { width:100%; height:150px; min-height:150px; max-height:150px; background-color:#FFFFFF; margin-left:auto; margin-right:auto; text-align:center; vertical-align:middle; }
	#photoarea { width:100%; height:auto; }
	#photoarea IMG { width:120%; height:auto; margin-left:-50px; margin-top:-20px; border-top:solid 4px #00488E; border-bottom:solid 4px #00488E; margin-top:0px; padding-top:0px; }
	#contentarea { width:100%; height:auto; background-color:#FFFFFF;}
	#inforequestarea { width:100%; max-height:700px; background-color:#1C75BC; border-top:solid 4px #F2C43B; border-bottom:solid 4px #F2C43B;}
	#infoadjustment { text-align:center; margin-left:auto; margin-right:auto; width:auto;}
	#inforequestvg { width:auto; height:auto; position:relative; float:right; margin-top:-57px; margin-right:auto; margin-left:auto;}
	#inforequestvg IMG { width:100%; height:auto;}
	#inforequestnews { width:100%; height:auto; position:relative; float:right; margin-top:0px; margin-right:auto; margin-left:auto;}
	#inforequestnews IMG { width:65%; height:auto;}
	
	#inforequestnewsnew { width:auto; height:auto; position:relative; float:right; margin-top:-57px; margin-right:auto; margin-left:auto; }
	#inforequestnewsnew IMG { width:100%; height:auto;}
	
	#inforequestline { width:100%; height: 20px; border-top:solid 1px #ffffff; border-left:none; position:relative; float:left; margin-top:35px;}
	
	#whatshappeingarea { width:100%; height:auto; min-height:700px; max-height:2000px; background-color:#CCCCCC; background-image:url(/images/site/whatshappen-background.jpg); background-repeat:repeat; background-position:center top; margin-top:0px; clear:both; padding-bottom:50px;}
	#insideadsarea { width:100%; height:auto; min-height:540px; max-height:2000px; background-color:#d9e4ee; margin-top:0px; clear:both; padding-bottom:20px;}
	#bookingarea { width:100%; height:200px; min-height:200px; max-height:200px; background-color:#F0B310; border-top:solid 4px #1C75BC; border-bottom:solid 4px #1C75BC; text-align:center;}
	#footerarea { width:100%; height:auto; min-height:500px; background-color:#00488E;}
	#contentblock { width:90%; margin-left:auto; margin-right:auto; text-align:center;  margin-top:20px; }
	#contentarea H1 { font-size:30pt; color:#333333; padding-top:0px; margin-bottom:25px; line-height:30pt; text-align:center; font-weight:normal;}
	#contentblock p { font-size:14pt; color:#333333; padding-top:0px; padding-bottom:40px; line-height:24pt; text-align:center; font-weight:normal;}
	#contentblock LI { text-align:left; font-size:14pt; color:#333333; padding-top:0px; padding-bottom:5px; line-height:17pt; font-weight:normal;}
	
	#contentblocktwo { width:90%; margin-left:auto; margin-right:auto; text-align:left; margin-top:20px; }
	#contentblocktwo H1 { font-size:30pt; color:#333333; padding-top:0px; margin-bottom:25px; line-height:30pt; text-align:center; font-weight:normal;}
	#contentblocktwo p { font-size:14pt; color:#333333; padding-top:0px; padding-bottom:40px; line-height:24pt; text-align:left; font-weight:normal;}
	#contentblocktwo LI { text-align:left; font-size:14pt; color:#333333; padding-top:0px; padding-bottom:5px; line-height:17pt; font-weight:normal;}
	
	.venuedetailimage { width:1000px; min-width:1000px; height:auto; min-height:400px; max-width:1500px; max-height:1000px; vertical-align:middle; }

	.buttonweb {float:right; background-color:#fcc403; width:160px; height:35px; margin-right:10px; margin-top:30px; padding-top:5px; font-size:18pt;font-weight:lighter;color:#FFFFFF; clear:right; visibility:visible;}
	.buttoncall {float:right; background-color:#fcc403; width:160px; height:35px; margin-right:10px; margin-top:5px; padding-top:5px; font-size:18pt;font-weight:lighter;color:#FFFFFF; clear:right; visibility:hidden;}
	.buttonmap {float:right; background-color:#fcc403; width:160px; height:35px; margin-right:10px; margin-top:5px; padding-top:5px; font-size:18pt;font-weight:lighter;color:#FFFFFF; clear:right; visibility:hidden;}
	
	.addresszonea {visibility:visible; height:30px; }
	.addresszoneb {visibility:hidden; height:0px; }
	
	.breadshow {visibility:visible; text-align:left; position:absolute; left:20px; top:140px;}
	
	.logo {width:55%; height:auto; padding-left:10px; padding-right:10px; padding-top:10px; position:relative; float:left; }
    .topbarnavHolder { float: right; width: 100%; }
	.topbarnav { font-size:22pt; color:#1C75BC; padding-left:0px; padding-top:0px; position:relative; float:left; visibility:hidden; display: none; }
	.topbarnavarrow { padding-top:0px; padding-right:0px; position:relative; float:left; visibility:hidden;}
	.topbarnavicon { font-size:22pt; color:#1C75BC; padding-left:0px; padding-top:0px; margin-top:-70px; position:relative; float:right; width:20%; overflow:hidden;}
	
	#listphotoarea { width:50%; height:440px; float:left; position:relative; overflow:hidden; border-bottom:solid 4px #00498E;}
	#listphotoarea IMG { width:auto; height:440px; border-top:solid 4px #00498E; margin-top:0px; padding-top:0px; }
	#listtextarea { width:50%; height:440px; float:left; position:relative; background-color: #00498E; overflow:hidden; margin-top:0px; padding-top:0px; border-bottom:solid 4px #00498E; overflow:scroll; }
	#listtextarea H1 { font-size:24pt; color:#ffffff; padding:0px 15px 0px 15px; margin-bottom:0px; line-height:24pt; text-align:left; font-weight:normal; text-transform:uppercase;}
	#listtextarea p { font-size:14pt; color:#ffffff; padding:15px 15px 0px 15px;  padding-bottom:20px; line-height:18pt; text-align:left; font-weight:normal;}
	#listtextarea a { color:#EFB410; text-decoration:none;}
	#listtextarea a:hover { color:#FFFFFF; text-decoration:none;}
	#listtextarea a:active { color:#EFB410; text-decoration:none;}
	#listtextarea a:visited { color:#EFB410; text-decoration:none;}
	
	#adsarea { width:100%; height:400px; min-height:400px; max-height:400px; background-color:#DAE4EE; margin-top:0px; clear:both; padding-bottom:0px; overflow:hidden;}
	#adsarea H1 { font-size:48pt; color:#ffffff; padding-top:20px; margin-top:0px;  margin-bottom:25px;  text-align:center; font-weight:normal;}
	.adsareabox { width:275px; height:350px; background-color:#ffffff; box-shadow: 2px 2px 2px 2px #333333; padding: 5px; margin: 20px; text-align: center; float: left;}
	#adsarea H2 { font-size:21pt; color:#00488E; margin-top:0px; margin-bottom:0px; line-height:24pt; text-align:center; font-weight:normal;}
	#adsarea P { font-size:14pt; line-height:18pt;}
	#adsarea a { color:#00488E; text-decoration:none;}
	#adsarea a:hover { color:#00488E; text-decoration:none;}
	#adsarea a:active { color:#00488E; text-decoration:none;}
	#adsarea a:visited { color:#00488E; text-decoration:none;}
	
	#listingbox { width:100%; height:210px; float:left; position:relative; overflow:hidden; padding:10px; text-align:left; margin-top:25px; margin-bottom:25px; }
	.listingboximage{ width:300px; height:200px; margin-right:15px; text-align:left; object-fit: contain; /*border:solid 1px #000000; */}
	.listingboxheader { font-size:21pt; color:#00488E; margin-top:0px; margin-bottom:0px; line-height:21pt; text-align:left; font-weight:normal;}
	.listingbox2 { font-size:18pt; color:#1C75BC; margin-top:0px; margin-bottom:0px; line-height:21pt; text-align:left; font-weight:600;}
	.listingboxtext { font-size:14pt; line-height:18pt; text-align:left;}
	
	#storyblock { width:85%; max-width:85%; margin-left:auto; margin-right:auto; text-align:center; }
	#storyblock H1 { font-size:30pt; color:#333333; padding-top:0px; margin-bottom:25px; line-height:30pt; text-align:center; font-weight:normal;}
	#storyblock p { font-size:14pt; color:#333333; padding-top:0px; padding-bottom:15px; line-height:18pt; text-align:center; font-weight:normal;}
	#storyblock LI { text-align:left; font-size:14pt; color:#333333; padding-top:0px; padding-bottom:5px; line-height:17pt; font-weight:normal;}
	.storyheader { font-size:30pt; color:#00498E; padding-top:0px; margin-bottom:25px; line-height:30pt; text-align:center; font-weight:normal;}
	.storysubheader { font-size:18pt; color:#333333; padding-top:0px; margin-bottom:20px; line-height:24pt; text-align:center; font-weight: normal; font-style:italic;}
	.storyphoto { width:90%; height:auto; box-shadow: 2px 2px 2px 2px #cccccc; padding:5px; margin:20px; float: inherit; }
	
	#storyblocknew { width:95%; max-width:95%; margin-left:auto; margin-right:auto; text-align:center; }
	#storyblocknew H1 { font-size:30pt; color:#333333; padding-top:0px; margin-bottom:25px; line-height:30pt; text-align:center; font-weight:normal;}
	#storyblocknew H2 { font-size:14pt; color:#333333; padding-top:0px; padding-bottom:0px; line-height:18pt; text-align:center; font-weight:bold; margin-bottom:0px;}
	#storyblocknew p { font-size:14pt; color:#333333; padding-top:0px; padding-bottom:15px !important; line-height:18pt; text-align:center; font-weight:normal;}
	#storyblocknew LI { text-align:left; font-size:14pt; color:#333333; padding-top:0px; padding-bottom:5px; line-height:17pt; font-weight:normal;}
	
	#whatshappeingarea H2 { font-size:24pt; color:#ffffff; padding-top:20px; margin-top:0px;  margin-bottom:25px;  text-align:center; font-weight:normal; text-shadow:2px 4px 4px #000000;}
	.whatshappeingareabox { width:90%; height:440px; background-color:#ffffff; box-shadow: 2px 2px 2px 2px #666666; padding: 5px; margin: 20px; text-align: center; float: left;}
	#whatshappeingarea H3 { font-size:18pt; color:#00488E; margin-top:0px; margin-bottom:0px; line-height:20pt; text-align:center; font-weight:normal;}
	#whatshappeingarea P { font-size:14pt; line-height:24pt;}
	#whatshappeingarea a { color:#00488E; text-decoration:none;}
	#whatshappeingarea a:hover { color:#00488E; text-decoration:none;}
	#whatshappeingarea a:active { color:#00488E; text-decoration:none;}
	#whatshappeingarea a:visited { color:#00488E; text-decoration:none;}
	
	#insideadsarea H1 { font-size:48pt; color:#ffffff; padding-top:20px; margin-top:0px;  margin-bottom:25px;  text-align:center; font-weight:normal;}
	#insideadsarea H2 { font-size:25pt; color:#00488E; margin-top:0px; margin-bottom:0px; line-height:40pt; text-align:center; font-weight:normal;}
	#insideadsarea P { font-size:18pt; line-height:24pt;}
	#insideadsarea a { color:#00488E; text-decoration:none;}
	#insideadsarea a:hover { color:#00488E; text-decoration:none;}
	#insideadsarea a:active { color:#00488E; text-decoration:none;}
	#insideadsarea a:visited { color:#00488E; text-decoration:none;}
	
	#bookingarea H2 { font-size:30pt; color:#ffffff; padding-top:0px; margin-bottom:-20px; line-height:30pt; text-align:center; font-weight:normal; text-transform: uppercase;}
	#bookingarea H3 { font-size:18pt; color:#ffffff; margin-top:0px; margin-bottom:0px; line-height:20pt; text-align:center; font-weight:normal;}
	.bookingarealine { width:85%; margin-left:auto; margin-right:auto;  border-bottom:solid 1px #ffffff; padding-top:10px; }
	.bookingareacal { width:35%; height:auto; padding: 10px; margin: 10px; text-align: center; float: left;}
	.bookingareaselect { width:20%; height:auto; padding: 10px; margin: 10px; text-align: center; float: left;}
	.bookingareasearch { width:85%; height:auto; padding: 0px; margin: 0px; text-align: center; float: left; clear:both;}
	.bookingareacal H3 { font-size:18pt; color:#ffffff; margin-top:0px; margin-bottom:0px; line-height:20pt; text-align:center; font-weight:normal;}
	.bookingareaselect H3 { font-size:18pt; color:#ffffff; margin-top:0px; margin-bottom:0px; line-height:20pt; text-align:center; font-weight:normal;}
	.bookingareasearch H3 { font-size:18pt; color:#ffffff; margin-top:0px; margin-bottom:0px; line-height:20pt; text-align:center; font-weight:normal;}
	
	#footerarea p { font-size:10pt; color:#ffffff; line-height:18pt;  }
	#footerarea a { color:#ffffff; text-decoration:none;}
	#footerarea a:hover { color:#ffffff; text-decoration:none;}
	#footerarea a:active { color:#ffffff; text-decoration:none;}
	#footerarea a:visited { color:#ffffff; text-decoration:none;}
	.socialicon { width:48px; height:auto; } 
	
	a { color:#1C75BC; text-decoration:none;}
	a:hover { color:#333333; text-decoration:none;}
	a:active { color:#333333; text-decoration:none;}
	a:visited { color:#1C75BC; text-decoration:none;}
	
	.formNewsTextBox { padding: 5px 5px 5px 5px; margin:15px; background-color:#FFF; color: #000000;  border: 1px solid #000000; font-size: 14px; width: 65%; height:28px; float:left; }
	.formNewsImage { padding: 5px 5px 5px 5px; margin-top:15px;  float:left; width:128px; height:33px; background: url('/images/site/news-join.png') no-repeat; }
	/* .formNewsImage:hover { -moz-box-shadow: 0 0 10px #fff; -webkit-box-shadow: 0 0 10px #fff; box-shadow: 0px 0px 10px #fff; } */
	.formNewsImage:hover { background: url('/images/site/news-join-on.png') no-repeat; }
	
	
	/* The navigation menu links */
	.sidenav a {
		padding: 8px 8px 8px 50px;
		text-decoration: none;
		font-size: 22pt;
		color: #ffffff;
		display: block;
		transition: 0.3s; 
		text-transform: lowercase;
		line-height: 35pt;
	}

	.sidesubnav a {
		padding: 8px 8px 8px 8px;
		text-decoration: none;
		font-size: 14pt;
		color: #ffffff;
		display: block;
		transition: 0.3s; 
		text-transform: lowercase;
		line-height: 20pt; 
		border-top:solid #FFFFFF 1px; 
		border-bottom-width:300px;
		margin-left:100px;
	}
	
	/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
	#main {
		transition: none;
		padding: 0px;
	}

/*Add to my calendar Styles*/
.addtocalendar
{
	margin:10px 10px 0px 0;
	clear: both;
	float: right;
}

.calendar_Controls
{
   display: block;
   padding:0px 0 0 0px;
   width:160px; height:39px;
   line-height: 35px;
   margin: 0;
   background:url(images/icalendar_this.png
   ) no-repeat right bottom;
}

#calendarControls, #calendarControlsBottom
{
   display: none;
   border:0px solid #666;
   background-color: #ffffff;
   line-height: 18px;
   width: 160px;
}

div:hover.addtocalendar #calendarControls, div:hover.addtocalendar #calendarControlsBottom
{
    display: block;
	position: absolute; /*ie7 needs it to be here*/
}

#calendarControls br, #calendarControlsBottom br{display: none;}

#calendarControls a, #calendarControlsBottom a
{
       text-decoration:none;
      color:#666;
      margin:10px;
      padding:8px 8px 8px 50px;
      display:block;
      font-size: 12px !important;
      width: 140px; height:25px; text-align:left;
}

#calendarControls a:hover, #calendarControlsBottom a:hover
{
    color:#000;
     text-decoration: underline;
}

.outlookcalendar{background:url(images/new-outlookicon.png) no-repeat; }
.googleCal {background:url(images/new-googleicon.png) no-repeat;}
.yahooCal {background:url(images/yahoo.gif) no-repeat;}

.youtube-embed-wrapper { position:relative;padding-bottom:97%;padding-top:0px;height:0;overflow:hidden;top:-100px; background-color:#000000;}
.youtube-embed-video { position:absolute;top:0;left:0;width:100%;height:100%;}

	/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size)
	@media screen and (max-height: 450px) {
		.sidenav {padding-top: 15px;}
		.sidenav a {font-size: 18px;}
	} */

}

/*** MOBILE USAGE ***/
@media only screen and (min-width: 320px) and (max-width: 600px) {

	html { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Myriad Pro, Open Sans, Verdana, Arial, Helvetica, sans-serif;}
	body { margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center; }
	
	.galleriaDetailsBoxDL h2 { font-size:23px; text-shadow: 2px 2px 3px #262626; line-height: 24px; }
	/* h3 { font-size:23px; text-shadow: 2px 2px 3px #262626; line-height: 24px; } */
	
.newnavlink a {padding: 8px 8px 8px 30px !important; text-decoration: none !important; font-size: 12pt !important; color: #ffffff !important; display: block !important; transition: 0.3s !important; text-transform: lowercase !important; line-height: 18pt !important; border-top:solid #1C75BC 1px; border-top-width:1px !important; margin-left:42px !important;}
.newnavmargin { padding:8px 8px 8px 20px; margin: 0px 0px 0px -20px;}

	p { padding:0px; margin:0px; }

	.galleriaDetailsBox { top:230px; }
	.galleriaDetailsBoxDL { top:150px; margin-bottom: 8px }
	
	#topbararea { width:100%; height:100px; min-height:100px; max-height:100px; background-color:#FFFFFF; margin-left:auto; margin-right:auto; text-align:center; vertical-align:middle; }
	#photoarea { width:auto; height:300px; }
	#photoarea IMG { width:auto; height:300px; margin-left:0px; margin-top:-20px; border-top:solid 4px #00488E; border-bottom:solid 4px #00488E; margin-top:0px; padding-top:0px; }
	#contentarea { width:100%; height:auto; background-color:#FFFFFF;}
	#inforequestarea { width:100%; min-height:356px; background-color:#1C75BC; border-top:solid 4px #F2C43B; border-bottom:solid 4px #F2C43B;}
	#infoadjustment { text-align:center; margin-left:auto; margin-right:auto; width:auto;}
	#inforequestvg { width:auto; height:auto; position:relative; float:right; margin-top:0px; margin-right:auto; margin-left:auto;}
	#inforequestvg IMG { width:100%; height:auto;}
	#inforequestnews { width:100%; height:auto; position:relative; float:right; margin-top:0px; margin-right:auto; margin-left:auto; margin-top:15px;}
	#inforequestnews IMG { width:65%; height:auto;}
	
	#inforequestnewsnew { width:100%; height:auto; position:relative; float:right; margin-top:-20px; margin-right:auto; margin-left:auto;}
	#inforequestnewsnew IMG { width:80%; height:auto;}
	
	#inforequestline { width:100%; height: 20px; border-top:solid 1px #ffffff; border-left:none; position:relative; float:left; margin-top:1px;}
	
	#whatshappeingarea { width:100%; height:auto; min-height:700px; max-height:2000px; background-color:#ffffff; background-image:url(/images/site/whatshappen-background.jpg); background-repeat: no-repeat; background-position:center top; margin-top:0px; clear:both; padding-bottom:50px;}
	#insideadsarea { width:100%; height:auto; min-height:540px; max-height:2000px; background-color:#d9e4ee; margin-top:0px; clear:both; padding-bottom:20px;}
	#bookingarea { width:100%; height:200px; min-height:225px; max-height:225px; background-color:#F0B310; border-top:solid 4px #1C75BC; border-bottom:solid 4px #1C75BC; text-align:center;}
	#footerarea { width:100%; height:auto; min-height:500px; background-color:#00488E;}
	#contentblock { width:90%; margin-left:auto; margin-right:auto; text-align:center; margin-top:20px; }
	#contentarea H1 { font-size:27pt; color:#333333; padding-top:0px; margin-bottom:7px; line-height:30pt !important; text-align:left; font-weight:normal;}
	#contentblock p { font-size: 12pt;
    color: #333333;
    padding-top: 0px;
    padding-bottom: 40px;
    line-height: 20pt;
    text-align: left;
    font-weight: normal;}
	#contentblock LI { text-align:left; font-size:14pt; color:#333333; padding-top:0px; padding-bottom:5px; line-height:17pt; font-weight:normal;}
	
	#contentblocktwo { width:90%; margin-left:auto; margin-right:auto; text-align:left; margin-top:20px; }
	#contentblocktwo H1 { font-size:30pt; color:#333333; padding-top:0px; margin-bottom:25px; line-height:30pt !important; text-align:center; font-weight:normal;}
	#contentblocktwo p { font-size:14pt; color:#333333; padding-top:0px; padding-bottom:40px; line-height:24pt; text-align:left; font-weight:normal;}
	#contentblocktwo LI { text-align:left; font-size:14pt; color:#333333; padding-top:0px; padding-bottom:5px; line-height:17pt; font-weight:normal;}
	
	#galleria{ width: 100%; max-height:300px; min-height: 300px; height:auto; }
	.galleria-stage { width: 100%; overflow:hidden; max-height:300px; min-height: 300px; height:auto;   }
	.galleria-thumbnails .galleria-image { height: 40px; width: 60px; background: #000; margin: 0 5px 0 0; border: 1px solid #000; float: left; cursor: pointer; }
	
	.venuedetailimage { width:100%; min-width:100%; height:auto; min-height:250px; max-width:100%; max-height:250px; vertical-align:middle; }
	
	.buttonweb {float:right; background-color:#fcc403; width:100px; height:30px; margin-right:10px; margin-top:25px; margin-left:5px; padding-top:5px; font-size:12pt;font-weight:lighter;color:#FFFFFF; clear:right; visibility:visible;}
	.buttonwebevent {float:right; background-color:#fcc403; width:100px; height:30px; margin-right:10px; margin-top:25px; margin-left:5px; padding-top:5px; font-size:12pt;font-weight:lighter;color:#FFFFFF; clear:all; visibility:visible; margin-left:10px;}
	.buttoncall {float:right; background-color:#fcc403; width:100px; height:30px; margin-right:10px; margin-top:10px; margin-left:5px; padding-top:5px; font-size:12pt;font-weight:lighter;color:#FFFFFF; clear:right; visibility:visible;}
	.buttonmap {float:right; background-color:#fcc403; width:100px; height:30px; margin-right:10px; margin-top:10px; margin-left:5px; padding-top:5px; font-size:12pt;font-weight:lighter;color:#FFFFFF; clear:right; visibility:visible;}
	
	.addresszonea {visibility: hidden; height:0px; }
	.addresszoneb {visibility:visible; height:auto; margin-top:-40px; }
	
	.breadshow {visibility:visible; text-align:left; position:absolute; left:20px; top:100px; font-size:12px;}
	
	.logo {width:75%; height:auto; padding-left:10px; padding-right:10px; padding-top:5px; position:relative; float:left; }
    .topbarnavHolder { float: right; width: 95%; }
	.topbarnav { font-size:22pt; color:#1C75BC; padding-left:0px; padding-top:0px; position:relative; float:left; visibility:hidden;}
	.topbarnavarrow { padding-top:0px; padding-right:0px; position:relative; float:left; visibility:hidden;}
	.topbarnavicon { font-size:22pt; color:#1C75BC; padding-left:0px; padding-top:0px; margin-top:-110px; position:relative; float:right; width:45px; overflow:hidden; padding-right:10px;}
	
	.searchnav { margin: -20px 77px 5px 30px; width:250px; padding-left:10px; float:right;}

	#listphotoarea { width:100%; height:auto; float:left; position:relative; overflow:hidden; border-bottom:solid 4px #00498E;}
	#listphotoarea IMG { width:100%; height:auto; border-top:solid 4px #00498E; margin-top:0px; padding-top:0px; overflow: visible; }
	#listtextarea { width:100%; height:auto; float:left; position:relative; background-color: #00498E; overflow:hidden; margin-top:0px; padding-top:0px; border-bottom:solid 4px #00498E; }
	#listtextarea H1 { font-size:21pt; color:#ffffff; padding:0px 15px 0px 15px; margin-bottom:0px; line-height:21pt; text-align:left; font-weight:normal; text-transform:uppercase;}
	#listtextarea p { font-size:12pt; color:#ffffff; padding:15px 15px 0px 15px;  padding-bottom:20px; line-height:18pt; text-align:left; font-weight:normal;}
	#listtextarea a { color:#EFB410; text-decoration:none;}
	#listtextarea a:hover { color:#FFFFFF; text-decoration:none;}
	#listtextarea a:active { color:#EFB410; text-decoration:none;}
	#listtextarea a:visited { color:#EFB410; text-decoration:none;}
	
	#adsarea { width:100%; height:400px; min-height:400px; max-height:400px; background-color:#DAE4EE; margin-top:0px; clear:both; padding-bottom:0px; overflow:hidden;}
	#adsarea H1 { font-size:48pt; color:#ffffff; padding-top:20px; margin-top:0px;  margin-bottom:25px;  text-align:center; font-weight:normal;}
	.adsareabox { width:275px; height:350px; background-color:#ffffff; box-shadow: 2px 2px 2px 2px #333333; padding: 5px; margin: 20px; text-align: center; float: left;}
	#adsarea H2 { font-size:21pt; color:#00488E; margin-top:0px; margin-bottom:0px; line-height:24pt; text-align:center; font-weight:normal;}
	#adsarea P { font-size:14pt; line-height:18pt;}
	#adsarea a { color:#00488E; text-decoration:none;}
	#adsarea a:hover { color:#00488E; text-decoration:none;}
	#adsarea a:active { color:#00488E; text-decoration:none;}
	#adsarea a:visited { color:#00488E; text-decoration:none;}
	
	#listingbox { width:95%; height:auto; float:left; position:relative; overflow:hidden; padding:10px; text-align:left; margin-top:5px; margin-bottom:0px; }
	.listingboximage{ width:300px; height:200px; margin:0px 15px 10px 0px; text-align:center; clear:both; object-fit: contain; /*border:solid 1px #000000; */}
	.listingboxheader { font-size:18pt; color:#00488E; margin-top:0px; margin-bottom:0px; line-height:21pt; text-align:left; font-weight:normal;}
	.listingbox2 { font-size:14pt; color:#1C75BC; margin-top:0px; margin-bottom:0px; line-height:21pt; text-align:left; font-weight:600;}
	.listingboxtext { font-size:12pt; line-height:18pt; text-align:left;}

	#storyblock { width:85%; max-width:85%; margin-left:auto; margin-right:auto; text-align:center; }
	#storyblock H1 { font-size:30pt; color:#333333; padding-top:0px; margin-bottom:25px; line-height:30pt !important; text-align:center; font-weight:normal;}
	#storyblock p { font-size:14pt; color:#333333; padding-top:0px; padding-bottom:15px; line-height:18pt; text-align:center; font-weight:normal;}
	.storyheader { font-size:30pt; color:#00498E; padding-top:0px; margin-bottom:25px; line-height:30pt; text-align:center; font-weight:normal;}
	.storysubheader { font-size:18pt; color:#333333; padding-top:0px; margin-bottom:20px; line-height:24pt; text-align:center; font-weight: normal; font-style:italic;}
	.storyphoto { width:90%; height:auto; box-shadow: 2px 2px 2px 2px #cccccc; padding:5px; margin:20px; float: inherit; }
	
	#storyblocknew { width:95%; max-width:95%; margin-left:auto; margin-right:auto; text-align:center; }
	#storyblocknew H1 { font-size:30pt; color:#333333; padding-top:0px; margin-bottom:25px; line-height:30pt !important; text-align:center; font-weight:normal;}
	#storyblocknew H2 { font-size:14pt; color:#333333; padding-top:0px; padding-bottom:0px; line-height:18pt; text-align:center; font-weight:bold; margin-bottom:0px;}
	#storyblocknew p { font-size:14pt; color:#333333; padding-top:0px; padding-bottom:15px !important; line-height:18pt; text-align:center; font-weight:normal;}

	#whatshappeingarea H2 { font-size:24pt; color:#ffffff; padding-top:20px; margin-top:0px;  margin-bottom:25px;  text-align:center; font-weight:normal; text-shadow:2px 4px 4px #000000;}
	.whatshappeingareabox { width:85%; height:425px; background-color:#ffffff; box-shadow: 2px 2px 2px 2px #666666; padding: 5px; margin: 20px; text-align: center; float: left;}
	#whatshappeingarea H3 { font-size:18pt; color:#00488E; margin-top:0px; margin-bottom:0px; line-height:20pt; text-align:left; font-weight:normal;}
	#whatshappeingarea P { font-size:12pt; line-height:19pt; text-align: left;}
	#whatshappeingarea a { color:#00488E; text-decoration:none;}
	#whatshappeingarea a:hover { color:#00488E; text-decoration:none;}
	#whatshappeingarea a:active { color:#00488E; text-decoration:none;}
	#whatshappeingarea a:visited { color:#00488E; text-decoration:none;}
	
	#insideadsarea H1 { font-size:48pt; color:#ffffff; padding-top:0px; margin-top:0px;  margin-bottom:25px;  text-align:center; font-weight:normal;}
	#insideadsarea H2 { font-size:20pt; color:#00488E; margin-top:-10px; margin-bottom:0px; line-height:30pt; text-align:center; font-weight:normal;}
	#insideadsarea P { font-size:14pt; line-height:18pt;}
	#insideadsarea a { color:#00488E; text-decoration:none;}
	#insideadsarea a:hover { color:#00488E; text-decoration:none;}
	#insideadsarea a:active { color:#00488E; text-decoration:none;}
	#insideadsarea a:visited { color:#00488E; text-decoration:none;}
	
	#bookingarea H2 { font-size:24pt; color:#ffffff; padding-top:0px; margin-bottom:-20px; line-height:30pt; text-align:center; font-weight:normal; text-transform: uppercase;}
	#bookingarea H3 { font-size:14pt; color:#ffffff; margin-top:0px; margin-bottom:0px; line-height:20pt; text-align:center; font-weight:normal;}
	.bookingarealine { width:85%; margin-left:auto; margin-right:auto;  border-bottom:solid 1px #ffffff; padding-top:10px; }
	.bookingareacal { width:35%; height:auto; padding: 10px; margin: 10px; text-align: center; float: left;}
	.bookingareaselect { width:20%; height:auto; padding: 10px; margin: 10px; text-align: center; float: left;}
	.bookingareasearch { width:85%; height:auto; padding: 0px; margin: 0px; text-align: center; float: left; clear:both;}
	.bookingareacal H3 { font-size:14pt; color:#ffffff; margin-top:0px; margin-bottom:0px; line-height:20pt; text-align:center; font-weight:normal;}
	.bookingareaselect H3 { font-size:14pt; color:#ffffff; margin-top:0px; margin-bottom:0px; line-height:20pt; text-align:center; font-weight:normal;}
	.bookingareasearch H3 { font-size:14pt; color:#ffffff; margin-top:0px; margin-bottom:0px; line-height:20pt; text-align:center; font-weight:normal;}
	
	#footerarea p { font-size:10pt; color:#ffffff; line-height:18pt;  }
	#footerarea a { color:#ffffff; text-decoration:none;}
	#footerarea a:hover { color:#ffffff; text-decoration:none;}
	#footerarea a:active { color:#ffffff; text-decoration:none;}
	#footerarea a:visited { color:#ffffff; text-decoration:none;}
	.socialicon { width:32px; height:auto; } 
	
	a { color:#1C75BC; text-decoration:none;}
	a:hover { color:#333333; text-decoration:none;}
	a:active { color:#333333; text-decoration:none;}
	a:visited { color:#1C75BC; text-decoration:none;}
	
	.formNewsTextBox { padding: 5px 5px 5px 5px; margin:15px; background-color:#FFF; color: #000000;  border: 1px solid #000000; font-size: 14px; width: 50%; height:28px; float:left; }
	.formNewsImage { padding: 5px 5px 5px 5px; margin-top:15px;  float:left; width:128px; height:33px; background: url('/images/site/news-join.png') no-repeat; }
	/* .formNewsImage:hover { -moz-box-shadow: 0 0 10px #fff; -webkit-box-shadow: 0 0 10px #fff; box-shadow: 0px 0px 10px #fff; } */
	.formNewsImage:hover { background: url('/images/site/news-join-on.png') no-repeat; }
	
	/* The navigation menu links */
	.sidenav a {
		padding: 8px 8px 8px 80px;
		text-decoration: none;
		font-size: 22pt;
		color: #ffffff;
		display: block;
		transition: 0.3s; 
		text-transform: lowercase;
		line-height: 35pt;
	}
	
	.sidesubnav a {
		padding: 8px 8px 8px 8px;
		text-decoration: none;
		font-size: 14pt;
		color: #ffffff;
		display: block;
		transition: 0.3s; 
		text-transform: lowercase;
		line-height: 20pt; 
		border-top:solid #FFFFFF 1px; 
		border-bottom-width:300px;
		margin-left:100px;
	}
	
	/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
	#main {
		transition: none;
		padding: 0px;
	}

#formContainer { max-width:375px; width:95%; margin-left:auto; margin-right:auto; }

#formContainer input[type="text"], #formContainer input[type="datefield"], #formContainer input[type="email"], #formContainer textarea, #formContainer input[type="File"], #formContainer .datefieldinput{
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 50%; 
	float:right; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer select {
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 50%; 
	float:right; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer input[type="checkbox"], input[type="radio"] {
	height: 19px;
	margin: 10px;
	position: relative;
	top: 4px;
	vertical-align: middle;
	width: 19px;
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer input[type="submit"] {
	background: #0D5CAB;
	border: 3px solid #ffffff;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	margin: 10px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 50%; 
	position: relative; 
	float: none; 
	font-family: 'Open Sans', sans-serif;
}

#formContainer .fieldtext { float:left; margin: 10px; padding: 10px;  position: relative; font-weight:bold; }

#formContainer .checkboxtext { width:auto; margin: 10px; padding: 10px;  position: relative; }

#formContainer P { clear:both;}



.mapTainer { height: 784px; margin:0 auto; width: 1200px; text-align: center; }
.mapTainerMobile { display: none; }
.mobile_home-map { width: 90%; height: auto; text-align: left; }

/*Add to my calendar Styles*/
.addtocalendar
{
	margin: 0px 10px 0px 10px;
	clear: both;
	float: right;  clear:all; 
}

.calendar_Controls
{
   display: block;
   padding:0px 0 0 0px;
   width:100px; height:35px;
   line-height: 35px;
   margin-top: 5px;
   background:url(images/icalendar_this_small.png
   ) no-repeat right bottom;
}

#calendarControls, #calendarControlsBottom
{
   display: none;
   border:0px solid #666;
   background-color: #ffffff;
   line-height: 18px;
   width: 100px;
}

div:hover.addtocalendar #calendarControls, div:hover.addtocalendar #calendarControlsBottom
{
    display: block;
	position: absolute; /*ie7 needs it to be here*/
}

#calendarControls br, #calendarControlsBottom br{display: none;}

#calendarControls a, #calendarControlsBottom a
{
       text-decoration:none;
      color:#666;
      margin:8px;
      padding:8px 0px 0px 30px;
      display:block;
      font-size: 10px !important;
      width: 100px; height:30px; text-align:left;
}

#calendarControls a:hover, #calendarControlsBottom a:hover
{
    color:#000;
     text-decoration: underline;
}

.outlookcalendar{background:url(images/new-outlookicon-small.png) no-repeat; }
.googleCal {background:url(images/new-googleicon-small.png) no-repeat;}
.yahooCal {background:url(images/yahoo-small.gif) no-repeat;}

.youtube-embed-wrapper { position:relative;padding-bottom:86%;padding-top:0px;height:0;overflow:hidden;top:-77px; background-color:#000000;}
.youtube-embed-video { position:absolute;top:0;left:0;width:100%;height:100%;}

	/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size)
	@media screen and (max-height: 450px) {
		.sidenav {padding-top: 15px;}
		.sidenav a {font-size: 18px;}
	} */

	}
	
@media screen and (min-width: 1024px) and (max-width: 4000px)  { 
.mapTainer { height: 664px; width: 1024px; margin: 0 auto; }
	.mapTainerMobile { display: none; }
}

/* @media screen and (min-width: 768px) and (max-width: 1023px)  {  */
	
@media screen and (min-width: 768px) and (max-width: 1023px)  { 
.mapTainer { height: 493px; width: 768px; }
.mapTainerMobile { display: none; }
}
 

@media screen and (min-width: 300px) and (max-width: 767px)  { 
.mapTainer { height: 386px; width: 600px; }
	.mapTainerMobile { display: none; }
}


@media only screen and (max-width: 599px)
{ 
.mapTainer { display: none;}
.mapTainerMobile { display: block; width: 100%; height: auto;  }

}