/*** @import url(https://fonts.googleapis.com/css?family=Open+Sans);***/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

@charset "utf-8";
/*** CODED FOR USE ON VISITCHICAGOSOUTHLAND.COM BY J RUDNY, LLC ***/

/*** DESKTOP - DEFAULT USAGE ***/
@font-face {font-display: swap; }
html { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Open Sans', sans-serif; font-display: swap;}
body { margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center; }
p { padding:0px; /** margin:0px; **/ }

#nav { background-image: url('images/header_bg_new.jpg'); width:100%; height:116px; position:fixed; text-align:center; margin-left:auto; margin-right:auto; clear:both; z-index:4000; letter-spacing: normal; }
.toat { width:100%; min-height:700px; }
.toatnew { width:15% !important; height: auto; }
.sixty {width:55% !important; padding: 0 2% 0 2%; float:left;}
.forty {width:35% !important; padding: 0 2% 0 2%; float:left;}
.thirtythree {width:30% !important; padding: 0 1.5% 50px 1.5%; float:left; text-align:center;}
.navlimiter { background-color:#0d5cab; margin-left:auto; margin-right:auto; }
.cscvblogo { width:197px; height:116px; padding-left:10px; padding-right:10px; float:right; position: relative; z-index: 99;}
.cscvblogoMobile {
    width: 180px;
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
    /* float: left; */
    position: absolute;
    right: 330%;
    bottom: -24px;
}
.socialicons { width:167px; height:79px; padding-left:10px; padding-right:10px; padding-top:20px; float:right; }
.socialFloatBar { position: fixed; left: 0; top: 35%; z-index: 99999999; box-shadow: 0px 0px 5px #555555; padding: 0; margin: 0; width: 45px; }
.socialFloatBarIcon { width: 45px; height: auto; float: left;}
.navarea { width:100%; height:105px; padding:0px; float:right; visibility:visible;  }
.mobilenavarea { width:0px; height:0px; padding:0px; float:right; vertical-align:middle; visibility:hidden;  }
.specificnav { /*** width:80%; ***/ height:45px; padding:0px; font-size:10pt; color:#cccccc; text-transform:uppercase; padding-top:10px; text-align:left; float: right; }
.leisurenav { width:80%; height:61px; padding:0px; font-size:11pt; color:#ffffff; text-transform:uppercase; padding-top:0px; text-align:left; float: right; }
.weather { color:#ffff99; }
.weather a { color:#ffff99; text-decoration:none;}
.weather a:hover { color:#ffffff; text-decoration:none;}
.weather a:active { color:#ffff99; text-decoration:none;}
.weather a:visited { color:#ffff99; text-decoration:none;}
.navtext { font-size:10.5pt; color:#0d5cab; line-height:18pt; text-transform:none;}
.navtext a { color:#0d5cab; text-decoration:none;}
.navtext a:hover { color:#222222; text-decoration:none;}
.navtext a:active { color:#222222; text-decoration:none;}
.navtext a:visited { color:#0d5cab; text-decoration:none;}
.navlink { float:left; width:180px; font-size:11pt; color:#0d5cab; line-height:16pt; text-transform:none; padding:5px; margin:0px; vertical-align:top !important; clear:right; font-weight:bold; overflow:hidden;}
.Bnavlink { float:left; width:180px; font-size:11pt; color:#0d5cab; line-height:16pt; text-transform:none; padding:5px; margin:0px; vertical-align:top !important; clear:right; font-weight:bold;max-width: 180px; word-wrap: break-word;text-wrap: unrestricted;}
.navphoto { opacity:1.00; filter:alpha(opacity=100);}
.navlink2 { float:left; width:100%; font-size:10.5pt; color:#0d5cab; line-height:14pt; text-transform:none; padding:5px; margin:0px; vertical-align:top !important; clear:right; }
.navdescrip {width:400px; height:auto; word-wrap: normal; white-space: normal; }
#navdescrip {width:400px; height:auto; word-wrap: normal; white-space: normal; }

/* MENU 1 ITEMS */
ul#css3menu1,ul#css3menu1 ul{ margin:0;margin-left:auto; margin-right:auto;list-style:none;padding:0; z-index:90; }
ul#css3menu1 ul{ display:none;position:absolute;top:100%;padding:0;margin-left:auto; margin-right:auto;}
ul#css3menu1 li:hover>*{ display:block;}
ul#css3menu1 li{ position:relative;display:block;white-space:nowrap;font-size:0;float:left; color: #fff; text-decoration: none;  }
ul#css3menu1 li:hover{ z-index:1;}
ul#css3menu1 ul ul{ position:absolute;top:0;}
ul#css3menu1{ font-size:0;z-index:999;position:relative; display:inline-table;zoom:1;padding:0; *display:inline; float: right; }
* html ul#css3menu1 li a{ display:inline-block;}
ul#css3menu1>li{ margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{ outline-style:none;}
ul#css3menu1 a{ display:block;vertical-align:middle;text-align:center;text-decoration:none; font-size:22px; color:#56add4; cursor:pointer;padding:5px; text-transform:uppercase; font-weight: bold; }
ul#css3menu1 ul li{ margin:0; }
ul#css3menu1 ul a{ font-size:10.5px; color:#0d5cab; text-decoration:none; text-align:left;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{ color:#ffffff; text-decoration:none; background-color: #3cb4da;}

.css3menuNEW { color: #50bcde; display: block;
vertical-align: middle;
text-align: center;
text-decoration: none;
font-size: 22px;
cursor: pointer;
padding: 5px 15px;
text-transform: uppercase;
font-weight: bold; }
.css3menuNEW :hover>a,ul#css3menu1 a.pressed{ color:#ffffff; text-decoration:none; background-color: #3cb4da;}

ul#css3menu1 span{ display:block;overflow:visible;padding-right:0px;}
ul#css3menu1 ul span{ background-image:url("arrowsub.png");padding-right:12px; text-align:left;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{ background-image:none;color:000000;text-decoration:none;}
ul#css3menu1 li.topfirst>a{}
ul#css3menu1 li.toplast>a{}
ul#css3menu1 span.submenuheader { font-size:25px; color:#ffffff; text-align:left; }
ul#css3menu1 p { font-size:14px; line-height:18px; color:#ffffff; text-align:left; }

/* MENU 2 ITEMS */
ul#css3menu2,ul#css3menu2 ul{ margin:0;margin-left:auto; float:right; margin-right:auto;list-style:none;padding:0; z-index:100; font-weight: bold;}
ul#css3menu2 ul{ display:none;position:absolute;top:100%;padding:0;margin-left:auto; margin-right:auto;}
ul#css3menu2 li:hover>*{ display:block;}
ul#css3menu2 li{ position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu2 li:hover{ z-index:1;}
ul#css3menu2 ul ul{ position:absolute;top:0;}
ul#css3menu2{ font-size:0;z-index:999;position:relative; display:inline-table;zoom:1;padding:0; *display:inline;}
* html ul#css3menu2 li a{ display:inline-block;}
ul#css3menu2>li{ margin:0;}
ul#css3menu2 a:active, ul#css3menu1 a:focus{ outline-style:none;}
ul#css3menu2 a{ display:block;vertical-align:middle;text-align:center;text-decoration:none; font-size:11pt; color:#cccccc; text-transform:uppercase; padding-top:10px; cursor:pointer;padding:5px;}
ul#css3menu2 a:hover{ color:#ffffff; }
ul#css3menu2 ul li{ margin:0;border-bottom:solid; border-bottom-width:1px; border-bottom-color:#ffffff;}
ul#css3menu2 ul a{ font-size:10pt; color:#ffffff; text-transform:uppercase; padding-top:10px; text-decoration:none; text-align:left; width: 305px; }
ul#css3menu2 ul a:hover { background-color: #0504aa; }
ul#css3menu2 li:hover>a,ul#css3menu1 li a.pressed{ color:#ffffff;text-decoration:none;}
ul#css3menu2 span{ display:block;overflow:visible;padding-right:0px;}
ul#css3menu2 ul span{ background-image:url("arrowsub.png");padding-right:12px; text-align:left;}
ul#css3menu2 ul li:hover>a,ul#css3menu1 ul li a.pressed{ background-image:none;color:000000;text-decoration:none;}
ul#css3menu2 li.topfirst>a{}
ul#css3menu2 li.toplast>a{}
ul#css3menu2 span.submenuheader { font-size:25px; color:#ffffff; text-align:left; }
ul#css3menu2 p { font-size:14px; line-height:18px; color:#ffffff; text-align:left; }


.searchFormSelect { float:none; text-align:center; border: 1px solid #000000; font-weight: bold; margin: 10px; padding: 10px; position: relative; color: #000000; font-family: 'Open Sans', sans-serif; width:270px; }

.venuSpacer { width: 100%; padding-top: 85px; }
.venuListingVidFeed {  width: 100%;  }
.venuListingVid { width: 100%;
background-size: cover;
height: 500px;
border-bottom: 6px solid #fff;
position: relative;
background-color: #ffffff; }

/* MENU ITEMS */
.desktopNavHolder {  height: 105px; width: 100%; font-size: 18px; z-index: 9999; background-image: url('images/header_bg_new.jpg'); background-position: center center; background-size: cover; }
.desktopNav { position: absolute; margin: 64px 0 0 0; color: #ffffff; width: 100%; z-index: 89; }
.desktopRightNavHolder {float: right; height: 25px; width: 350px; font-size: 18px; position: relative; z-index: 999999; margin-top: 62px;font-weight: 800; margin-right: 10px;}
.navbar { overflow: hidden;
margin-left: 25%;
z-index: 9999;
padding-right: 1%; }
.navbar a {  float: left;  font-size: 18px;  color: white;  text-align: center;  padding: 0px 2px;  text-decoration: none; }
.dropdown { float: right; overflow: hidden; }
.dropdown-content { display: none; position: absolute; width: 100%; left: 0; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; top: 40px; }
.dropdown-content .header {  background: red; padding: 16px; color: white; }
.dropdown:hover .dropdown-content { display: block; }
/* Create three equal columns that floats next to each other */
.dropColumnSmall { float: left; width: 17%; padding: 30px 5px 0px 5px; box-sizing: border-box; text-align: right;}
.dropColumn { float: left; width: 22%; box-sizing: border-box; position: relative; background-position: center center; background-size: cover; height: 340px; margin: 40px 1%; box-sizing: border-box; position: relative; }
.dropColumnSpacer { width: 2%; float: left; }
.dropColumnSpacerSM { width: 1%; float: left; }
.dropColumn a { float: none; text-decoration: none; display: block; text-align: left; }
.dropColumn a:hover { /* background-color: #ddd; */ }
.dropRow { max-width: 1800px; margin: 0 auto; }
.dropRowTainer { background-image: url('images/dropdown-bg.png'); background-position: top center; background-size: cover; min-height: 300px; border-bottom: 3px solid #2c70ad; }
/* Clear floats after the columns */
.dropRowTainer:after { content: ""; display: table; clear: both; }
.dropNavPhoto { width: 100%; height: auto; border: 1px #ffffff solid; }
.dropNavContent { font-size: 15px; line-height: 26px; margin-right: 25%; position: absolute; top: 90px;}
.dropColumn .orangeBTN { font-size: 15px; text-align: center; background-color: #f8951d; padding: 3px 11px 7px 11px; color: #ffffff; font-weight: 500; margin-top: 8px; }
.dropColumn .orangeBTN a:visited { color:#ffffff; text-decoration: none; }
.dropColumn .orangeBTN a:hover { color:#ffffff; text-decoration: none; }
.dropColumn .orangeBTN a:active { color:#ffffff; text-decoration: none; }
.dropColumn .orangeBTN a:link { text-decoration: none; color:#ffffff; }
/* MENU ITEMS END */


#header { background-color:#0071b2; width:100%; height:752px; background-image: url(images/photobg2.png); background-repeat:no-repeat; background-position:bottom center; clear:both; top:-115px; z-index:1;}

#content { background-color:#fff; width:100%; height:auto; min-height:auto; max-height:auto; /* background-image: url(images/contentbg2.png); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; */ margin-top:0; }

.contentlimiter { max-width:90%; margin-left:auto; margin-right:auto; }
.contentlimiter UL { text-align:left; }
/* .contentlimiter IMG { max-width:100%; width:auto; height:auto; } */

H1 { font-size:35pt; font-weight:bold; color:#0d5cab; text-transform:uppercase; margin-top:40px; text-align:center; line-height:32pt; margin-bottom: 0px; }
.headertxt { font-size:35pt; font-weight:bold; color:#0d5cab; text-transform:uppercase; margin-top:40px; text-align:center; line-height:38pt; margin-bottom: 0px; }
H2 { font-size:18pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:10px; text-align:center; line-height:24pt; }
.subheadertxt { font-size:13pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:10px; text-align:center; line-height:24pt; }
.venuebutton { font-size:12pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; padding:5px; margin:5px; text-align:left; line-height:18pt;  background-color:#0d5cab; border:solid; border-width:2px; border-color:#ffffff; box-shadow:5px 5px 5px #CCCCCC;} 

.venuebuttonNew { background-color: #71bddb; font-weight: bold; text-transform: uppercase; padding: 8px; width: 200px; color: #fff; margin: 20px 5px 0 5px; display: inline-block; }

.venuebuttonNew:hover {
	transform: scale(1.05);
	transition: all .1s ease-out;
	background-color: rgba(45,174,215,.95);
	border: 0px solid #ffffff;
	color: #fff;
}

.insidesubheadertxt { font-size:18pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:10px; text-align:left !important; line-height:24pt; }
.bodytxt P { font-size:12pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:15px; text-align:left; line-height:18pt; }
.bodytxt UL { font-size:12pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:15px; text-align:left; line-height:18pt;  }
.bodytxt a { color:#0d5cab; text-decoration:none;}
.bodytxt a:hover { color:#222222; text-decoration:none;}
.bodytxt a:active { color:#222222; text-decoration:none;}
.bodytxt a:visited { color:#0d5cab; text-decoration:none;}
.home1 { width:598px; height:230px; margin:6px; padding:5px; float:left; text-align:left; vertical-align:bottom; overflow:hidden; }
.home2 { width:268px; height:230px; margin:6px; padding:5px; float:left; text-align:left; vertical-align:top; overflow:hidden; }
.home3 { width:268px; height:230px; margin:6px; padding:5px; float:left; text-align:left; vertical-align:bottom; overflow:hidden; }
.home4 { width:268px; height:230px; margin:6px; padding:5px; float:left; text-align:left; vertical-align:bottom; overflow:hidden; }
.home5 { width:268px; height:230px; margin:6px; padding:5px; float:left; text-align:left; vertical-align:top; overflow:hidden; }
.home6 { width:598px; height:230px; margin:6px; padding:5px; float:left; text-align:left; vertical-align:bottom; overflow:hidden; }
.listingspacer { width:200px; height:170px;}
.highlightheader { font-size:12pt; font-weight:bold; color:#AEE1F3; text-transform:uppercase; line-height:18pt; text-shadow:2px 4px 4px #000000;}
.highlighttext { font-size:11pt; font-weight:bold; color:#ffffff; line-height:14pt; text-shadow:2px 2px 2px #000000;}
.travelheaders {text-align:left; font-weight:bold; font-size:18pt; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18pt; }
.searchbox { width:300px; height:Auto; margin:0px 5px 5px 20px; padding:10px; float:right; text-align:center; overflow:hidden; border-left:solid; border-left-width:1px; border-left-color:#222222; }
.formTextBox { padding: 5px 5px 5px 5px; margin:15px; background-color:#FFF; color: #000000;  border: 1px solid #000000; font-size: 14px; width: 200px; height:28px; }
.formselect {padding: 5px 5px 5px 5px; margin:15px; background-color:#FFF; color: #a9a9a9;  border: 1px solid #000000; font-size: 14px; width: 210px; height:36px }
.formsearch { background: url('/images/searchbtn.png') no-repeat 8px 6px; width: 150px; height:36px;  margin:15px; }
.listingheadertxt { font-size:28pt; font-weight:bold; color:#0d5cab; text-transform:uppercase; margin-top:40px; text-align:left; line-height:48pt; }
.listingheader input[type="submit"] { margin-left: -10px;}
.listingsubheadertxt, .listingsubheadertxt P { font-size:16pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:10px; text-align:left; line-height:24pt; }
.listingbox { float:left; text-align:left; vertical-align:bottom; overflow:hidden; box-shadow: 0px 0px 8px #888888; width: 22%; margin: 0 1.5%; margin: 35px 1.5%; height: 520px; position: relative; }


/*  LISTING accordion START  */



.accordion {
 cursor: pointer;
  text-align: left;
  outline: none;
  background-color: #eee;
  color: #444;
  padding: 18px;
  width: 100%;
  border: 1px solid #fff;
  text-align: left;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #56add4;
	color: #fff;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
	color: #ffffff;
}


.panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f9f9f9;
	
	
}	
	
/*  LISTING accordion END  */

.couponPackageBox {
    float: left;
    text-align: left;
    vertical-align: bottom;
    overflow: hidden;
    box-shadow: 0px 0px 8px #888888;
    width: 22%;
    margin: 0 1.5%;
    margin: 35px 1.5%;
    height: 300px;
    position: relative;
}

.bloglistingboxNew { float:left; text-align:left; vertical-align:bottom; overflow:hidden; box-shadow: 0px 0px 8px #888888; width: 22%; margin: 0 1.5%; margin: 35px 1.5%; height: 550px; position: relative; }

.listingphoto { width:100%; height:auto; text-align:left; vertical-align:bottom; overflow:hidden; }

.listingright { float:right; width:25%; display: none; }
.listingleft { float:left; width:100%; font-size: 18px; }
.listingsocial { float:right; padding:5px; text-align:right;}
.listingsPhoto { width: 100%; height: 200px; background-size: cover; background-position: center center; }

@media only screen and (min-width: 1650px) and (max-width: 5000px) { 
.listingsPhoto {  height: 300px; }
}
 
.publicationHolder { width: 22%; float: left; margin: 8px 1.5%; height: 400px; }
.tableAmenityRight { text-align: right;}
.listingamenities {font-size:10pt; width: 80%; max-width:100%; min-width:10%; float:left; position:relative;}
#meetingchartbox {float:left; font-size: 15px; text-align:left;border-style: solid;border-width: 0px;min-width:100%; margin-bottom: 8px; }
#meetingchart { visibility: visible; width:98%; height:auto;}
#meetingchartTD { visibility: visible; width:98%; height:auto;}
#meetingchart TABLE { visibility: visible; width:98%; height:auto;}

.meetingchartboxRoom { float:left;;padding:0px;border-style: solid;border-width: 0px; width: 25%; min-height: 38px; }
.meetingchartboxDim { float:left;padding:0px;border-style: solid;border-width: 0px; display: inline-grid; width: 20%; }
.meetingchartboxArea { float:left;padding:0px;border-style: solid;border-width: 0px; display: inline-grid; width: 12%; }
.meetingchartboxRec { float:left;padding:0px;border-style: solid;border-width: 0px;  display: inline-grid; width: 10%; }
.meetingchartboxBanq { float:left;padding:0px;border-style: solid;border-width: 0px; display: inline-grid; width: 10%; }
.meetingchartboxThe { float:left;padding:0px;border-style: solid;border-width: 0px; display: inline-grid; width: 10%; }
.meetingchartboxAmphi { float:left;padding:0px;border-style: solid;border-width: 0px; display: inline-grid; width: 7%; }
.meetingchartboxlisDiv { float:left;padding:0px; border-style: solid;border-width: 0px; display: inline-grid; width: 7%;}
.meetingChartLtBlue { border-top: 3px solid #fff;
padding: 0 0 10px 0;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #ddd; }
.meetingChartTopSizer { height: 20px; padding-top: 5px; font-weight: 600; }

/*******
.meetingchartboxRoom { float:left;;padding:0px;border-style: solid;border-width: 0px; width: 22%; background-color: #71bddb; color: #fff; min-height: 38px; }
.meetingchartboxDim { float:left;padding:0px;border-style: solid;border-width: 0px; display: inline-grid; width: 17%; background-color: #71bddb; }
.meetingchartboxArea { float:left;padding:0px;border-style: solid;border-width: 0px; display: inline-grid; width: 9%; background-color: #71bddb; }
.meetingchartboxRec { float:left;padding:0px;border-style: solid;border-width: 0px;  display: inline-grid; width: 7%; background-color: #71bddb; }
.meetingchartboxBanq { float:left;padding:0px;border-style: solid;border-width: 0px; display: inline-grid; width: 7%; background-color: #71bddb; }
.meetingchartboxThe { float:left;padding:0px;border-style: solid;border-width: 0px; display: inline-grid; width: 7%; background-color: #71bddb; }
.meetingchartboxAmphi { float:left;padding:0px;border-style: solid;border-width: 0px; display: inline-grid; width: 4%; background-color: #71bddb; }
.meetingchartboxlisDiv { float:left;padding:0px; border-style: solid;border-width: 0px; display: inline-grid; width: 4%; background-color: #71bddb; }
.meetingChartLtBlue { background-color: #b5dded; border-top: 3px solid #fff; font-weight: bold; padding: 10px 0; width: 100%; }
.meetingChartTopSizer { height: 40px; padding-top: 15px; font-weight: bold; }
*******/

.listingPgSports { width: 100%; float: left; text-align: left; padding-left: 3%; min-height: 250px; }
.listingPgPricing { width: 100%; float: left; text-align: left;  }
.listingPgLogo { width: 20%; float: right; min-height: 250px;  }
.listingPgFacility { width: 22%; float: left; text-align: left; min-height: 250px; }
/* .listingPgContact { width: 25%; float: left; text-align: left; } /*/
.listingPgContact { width: 100%; padding: 10px 0; float: left; text-align: left; }
.listingPgButton { float: left; width: 100%; }
.listingSocials { margin: 15px 0 0 0 ; }
.couponListings { border: 3px dashed #ccc; margin-bottom: 20px; width: 50%; background-color: #fafafa; }

.venueListingSocials { display: inline-block;
width: 39px;
height: auto;
position: relative;
top: 13px; }

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
	height: auto;
	/* max-height: 230px; */
	max-width: auto;
}

.video-container::after {
    /* padding-top: 56.25%; */
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	max-height: 320px;
	max-width: auto;
}

.button { white-space: nowrap; line-height: 42px; }

.venueListingXtraInfo { width: 100%; clear: both; padding-top: 25px;}
.venueListingLeft { width: 22%; float: left; height: auto; padding-bottom: 10px; /* height: 650px; */ padding-right: 3%; }
.venueListingLeftLogo { float: left; width: 30%; margin: 0 1.5%; }
.venuelogo { width: 100%; height: auto; padding-top: 8px; }

/* 
.venuelogo { width:100%; height: auto; margin:0px; padding:0px; float:right; text-align:left; vertical-align:bottom; overflow:hidden; visibility:visible; padding-bottom: 30px; }
.venueListingLeftLogo { float: left; width: 100%; }
.venueListingLeftMainPhoto { float: left; width: 100%;} 
*/
.venueListingLeftMainPhoto { float: left; width: 30%; margin: 0 1.5%; }
.listingClearPad { clear: both; padding: 60px 0; width: 100%; }
.venueListingLeftMainLogo { margin: 0 0 10px 0 !important;
float: left; }
.venueListingFeed { width: 32%; float: left; height: auto; padding-bottom: 10px; /* height: 650px; */ }
.venueListingFeedAcc { width: 100%; float: left; height: auto; padding: 10px 0; /* height: 650px; */ }
/*.venueListingVideos { width:30%; float: left; height: auto; padding-bottom: 10px; padding-left: 3%; }*/
.venueListingVideos { width:100%; float: left; height: auto; padding: 20px 0;  }

/* .venueListingVideoyouTube { width: 97%; float: left; margin: 0 1.5%; } */
.venueListingVideoyouTube { width: 30%; float: left; margin: 0 1.5%; }
.venueListingVideo360 { width: 100%; float: left; }
.listingMDLCol { width: 100%; float: left;  }
.listingRGHTCol { width:40%; float: left; }

.topBlueBar { background-image: url('images/top-blue-bar.jpg'); width: 100%; height: 34px; text-align: center; background-position: center center; background-size: cover; padding-top: 6px; color: #ffffff; font-size: 18px; }

.homeEventTainer { width: 90%; margin: 0 5%; padding-top: 50px;}	
.homeEvents { width: 35%; right: 13%; z-index: 150; position: absolute; text-align: center; color: #fff; padding-top: 30px; font-size: 22px; font-weight: bold;}
.homeEventsHeaderSm { font-size: 20px; font-weight: bold; width: 100%;}
.homeEventsHeaderBig { font-size: 35px; font-weight: bold; width: 100%; line-height: 22px; margin-bottom: 20px;}
.homeEventsButton { padding: 4px 24px; color: #fff; border: 1px solid #fff; font-size: 19px; font-weight: 500;}

.homeEventsButton a { color:#ffffff; text-decoration:none;}
.homeEventsButton a:hover { color:#ffffff; text-decoration:none;}
.homeEventsButton a:active { color:#ffffff; text-decoration:underline;}
.homeEventsButton a:visited { color:#ffffff; text-decoration:none;}

.homeEventsPhoto { width: 42%; float: left; z-index: 200; position: absolute; padding-top: 10px; }
.homeEventsColorBG { width: 65%; float: right; z-index: 100; position: relative; }

.eventsBox { font-size: 23px; padding: 20px 5%; width:90%;  }
.couponOffer { font-size: 15px;
	text-transform: uppercase;
font-weight: bold;
line-height: 20px;
padding: 10px 0; }
.venue-para { text-align: left; line-height: 26px; }
.listingmeetingchart {font-size:10pt; visibility: visible; width:98%; height:auto; }

.staffing {font-size:12pt; width:45%; float:left; padding:15px 5px 5px 5px; position:relative; text-align:left; }
.staffingphoto { width:100px; height: 130px; padding-right:10px; }

.venuephoto { width:350px; height:280px; margin:10px 20px 10px 10px; padding:0px; float:left; text-align:left; vertical-align:bottom; overflow:hidden; border:solid; border-width:1px; border-color:#0d5cab; box-shadow:5px 5px 5px #CCCCCC; visibility:visible;}

.venuefbwidget { width:350px; height:450px; margin:10px 20px 10px 10px; padding:0px; float:left; text-align:left; vertical-align:bottom; overflow:hidden; border:solid; border-width:1px; border-color:#0d5cab; box-shadow:5px 5px 5px #CCCCCC; visibility:visible;}
.listingheader:visited {	color: #56add3; }
.listingheader:hover {	color: #0d5cab; }
.listingheader { font-size:18px; font-weight:bold; color:#56add3; text-transform:uppercase; line-height:14pt; display: block;  }
.listingtext { font-size:12pt; font-weight:normal; color:#222222; line-height:14pt; }
.socicon { padding: 4px; width: 35px; height: 35px; float: right; }
.socialBox { position: absolute; bottom: 5px; width: 90%; margin: 0 5% }
a { color:#0d5cab; text-decoration:none;}
a:hover { color:#222222; text-decoration:none;}
a:active { color:#222222; text-decoration:none;}
a:visited { color:#0d5cab; text-decoration:none;}

a.listingLink { color:#56add3; text-decoration:none;}
a.listingLink:hover { color:#0d5cab; text-decoration:none;}
a.listingLink:active { color:#56add3; text-decoration:none;}
a.listingLink:visited { color:#56add3; text-decoration:none;}

#social { background-color:#40b6db; width:100%; /* height:350px; min-height:350px; max-height:1050px; */ height: 677px; background-image: url(images/bg-21.jpg); background-repeat:no-repeat; background-position:top center; border-top: 40px solid #0d5cab; }
.sociallimiter { margin-left:auto; margin-right:auto; }
.socialheadertxt { font-size:12pt; font-weight:bold; color:#ffffff; text-transform:uppercase; padding-top:40px; text-align:left; line-height:21pt; }
.sociallinks { width:250px; height:auto; padding-top:20px; float:left; text-align:left; }
.sociallinkstext { font-size:11pt; color:#ffffff; padding:5px; text-align:center; line-height:18pt; text-align:left; font-weight:800; }
.sociallinkstext a { color:#0d5cab; text-decoration:none; text-transform:uppercase;}
.sociallinkstext a:hover { color:#ffffff; text-decoration:none; text-transform:uppercase;}
.sociallinkstext a:active { color:#ffffff; text-decoration:none; text-transform:uppercase;}
.sociallinkstext a:visited { color:#0d5cab; text-decoration:none; text-transform:uppercase;}
.socialinstagram { width:550px; height:auto; float:left; text-align:left; padding-top: 40px; }
.socialinstagramtext { font-size:11pt; color:#0d5cab; padding:5px; text-align:center; line-height:14pt; text-align:left; font-weight:bold; }
.socialblog { width:300px; height:auto; padding-top:20px; float:left; text-align:left; padding:40px; margin-top:0px;  }
.socialblogtext { font-size:11pt; color:#ffffff; padding:5px; text-align:center; line-height:14pt; text-align:left; }
.socialblogtext a { color:#0d5cab; text-decoration:none;}
.socialblogtext a:hover { color:#ffffff; text-decoration:none;}
.socialblogtext a:active { color:#ffffff; text-decoration:none;}
.socialblogtext a:visited { color:#0d5cab; text-decoration:none;}

#footer {  width:100%;  padding-top: 40px; }

.footerContent { width: 100%; }
.footerCol1 { width: 5%; float: left; text-align: left; padding-top: 40px; }
.footerCol2 { width: 15%; float: left; text-align: left; padding-top: 40px; }
.footerCol3 { width: 14%; float: left; text-align: left; padding-top: 40px; }
.footerCol4 { width: 14%; float: left; text-align: left; padding-top: 40px; }
.footerCol5 { width: 12%; float: left; text-align: left; padding-top: 40px; }
.footerCol6 { width: 35%; float: left; text-align: left; }
.footerCol7 { width: 5%; float: left; padding-top: 40px }

.footerNav { color: #ffffff; line-height: 32px; }


 
 a.footerNav:hover { color:#ffffff; text-decoration:none;}
 a.footerNav:active { color:#ffffff; text-decoration:none;}
 a.footerNav:visited { color:#ffffff; text-decoration:none;}
.footerlimiter { max-width:1200px; margin-left:auto; margin-right:auto; }
.iotlogo { width: auto; height: 80px; padding:30px; margin-left: 0%; float: none; }
.cclogo { width: auto; height: 80px; padding:30px; margin-left: 0%; float: none; }
.csllogo { width: auto; height: 100px; padding:30px; margin-left: 0%; float: none; }

.socialheaderPhotos { position: relative; height: 220px; overflow: hidden; padding-top:0; }
.footertext { font-size:11pt; color:#ffffff; padding:10px; text-align:center; line-height:18pt; }
.footertext a { color:#2eaed8; text-transform:uppercase; text-decoration:none;}
.footertext a:hover { color:#ffffff; text-transform:uppercase; text-decoration:none;}
.footertext a:active { color:#ffffff; text-transform:uppercase; text-decoration:none;}
.footertext a:visited { color:#2eaed8; text-transform:uppercase; text-decoration:none;}

.galleria-container {position: relative; overflow: hidden; width: 1163px; height: 607px; }
#galleria{ width: 1163px; height: 607px; float: left; }

.galleria-container {position: relative; overflow: hidden; width: 100%; height: 800px; }
#galleria{ width: 100%; height: 800px; float: left; }

.galleria-thumbnails .galleria-image { height: 40px; width: 60px; background: #000; margin: 0 5px 0 0; border: 1px solid #000; float: left; cursor: pointer; }

.galleriaDataBox {
background-color: rgba(45,174,215,.80); border: 2px solid #fff; width: 55%; position: relative; top: 40%;
}
.galleriaDataBox:hover {
	transform: scale(1.15);
	transition: all .1s ease-out;
	background-color: rgba(45,174,215,.95);
}


.galleriaDataBoxNav {
background-color: rgba(45,174,215,.80); border: 2px solid #fff; width: 88%;
position: absolute;
bottom: 0;
margin: 15px 6%;
}
.galleriaDataBoxNav:hover {
	transform: scale(1.05);
	transition: all .1s ease-out;
	background-color: rgba(45,174,215,.95);
}
.galleriaSubHeaderSMNav {
    color: #ffffff;
    text-transform: uppercase;
    margin: 11px 0 14px 0;
    font-weight: bold;
    font-size: 17px;
    margin-top: 11px;
    padding: 0 15px;
	text-align: center;
}


h1.galleriaHeader { color: #ffffff; text-transform: uppercase; margin: 10px 0 0 0; font-size: 48px; }
h2.galleriaSubHeader { color: #ffffff; text-transform: uppercase; margin: 0 0 14px 0; font-weight: normal; }
h2.galleriacaption { color: #ffffff; text-transform: uppercase; margin: 0 0 10px 0; font-weight: normal; font-size: 14px; }

.galleriaTainer { width: 100%; }
.galleriaLeft { width: 74.6%; float: left; padding-top:145px; padding-right: .4%; background-color:#fff; }
.galleriaRight { width: 25%; float: left; padding-top:145px; }
.galleriaRightTop { width: 100%; background-size: cover; height: 394px; border-bottom: 6px solid #fff; position: relative; }					
.galleriaRightBtm { width: 100%; background-size: cover; height: 400px;  position: relative; }

.galleriaRightTopListing { width: 100%; background-size: cover; height: 250px; border-bottom: 6px solid #fff; position: relative; background-color: #000000; }					
.galleriaRightBtmListing { width: 100%; background-size: cover; height: 544px;  position: relative; background-color: #d3eeff; }

						

.guideCalloutBarTainer { width: 100%; clear: both; background-image: url('images/vis-guide-21bg.jpg'); background-size: cover; height: 152px; padding: 20px 0; }
.guideBarTainer { width: 33%; float: left; color: #fff; text-align: left; padding-left: 2%; font-size: 17px; }
.guideBar { float: left; }
.guideBarCopy { color:#fffe9b; font-size: 31px; font-weight: bold; padding: 25px 0 12px 0; } 
.guideBarImage { float: left; margin-left: 20px; }
.newsletterBarTainer { width: 64%; float: left; color: #fff; text-align: left; font-size: 17px; }
.newsletterBarCopy { color:#fffe9b; font-size: 31px; font-weight: bold; padding: 25px 0 12px 0; }
.calloutBarTainer { width: 100%; height: 325px; clear: both; padding: 8px 0; }
.calloutBarLeft { width: 50%; background-size: cover; height: 325px; float: left; margin-bottom: 8px; }
.calloutBarMdl { width: 24%; margin: 0 .5%; background-size: cover; height: 325px; float: left; }
.calloutBarRight { width: 25%; background-size: cover; height: 325px; float: left;  }


.instagramFeed { width: 100%; margin-top: 50px; }

.newsletterInput { padding: 10px 20px; font-size: 16px; box-sizing: border-box; border: none; margin-left: 20px; }
.newsletterButton { background-color: #fffda6; color: #5fb2cf;  border: none; padding: 10px 20px; text-decoration: none; cursor: pointer; font-size: 16px; }

.travelInspBox {
background-color: rgba(45,174,215,.80); border: 2px solid #fff; width: 55%; position: relative; top: 40%;  margin: 0 auto;
}
.travelInspBox:hover {
	transform: scale(1.15);
	transition: all .1s ease-out;
	background-color: rgba(45,174,215,.95);
	
}


h2.travelInspText { color: #ffffff; text-transform: uppercase; margin:14px 0; font-weight: bold; }


.galleriaDataBoxSM { background-color: rgba(45,174,215,.80); width: 100%; position: absolute; bottom: 0; }
h2.galleriaSubHeaderSM {
    color: #ffffff;
    text-transform: uppercase;
    margin: 11px 0 14px 0;
    font-weight: bold;
    font-size: 17px;
    margin-top: 11px;
    padding: 0 15px;
}


.navColor1 { color:#56add4 !important; text-decoration:none;}
a.navColor1 { color:#56add4 !important; text-decoration:none;}
a.navColor1:hover { color:#00c2ff !important; text-decoration:none;}
a.navColor1:active { color:#56add4 !important; text-decoration:none;}
a.navColor1:visited { color:#56add4 !important; text-decoration:none;}

.navColor2 { color:#4da960 !important; text-decoration:none;}
a.navColor2 { color:#4da960 !important; text-decoration:none;}
a.navColor2:hover { color:#2bd64e !important; text-decoration:none;}
a.navColor2:active { color:#4da960 !important; text-decoration:none;}
a.navColor2:visited { color:#4da960 !important; text-decoration:none;}

.navColor3 { color:#3766ac !important; text-decoration:none;}
a.navColor3 { color:#3766ac !important; text-decoration:none;}
a.navColor3:hover { color:#1f6bdd !important; text-decoration:none;}
a.navColor3:active { color:#3766ac !important; text-decoration:none;}
a.navColor3:visited { color:#3766ac !important; text-decoration:none;}

.navColor4 { color:#3c8ec0 !important; text-decoration:none;}
a.navColor4 { color:#3c8ec0 !important; text-decoration:none;}
a.navColor4:hover { color:#109bf0 !important; text-decoration:none;}
a.navColor4:active { color:#3c8ec0 !important; text-decoration:none;}
a.navColor4:visited { color:#3c8ec0 !important; text-decoration:none;}

.navColor5 { color:#46844e !important; text-decoration:none;}
a.navColor5 { color:#46844e !important; text-decoration:none;}
a.navColor5:hover { color:#43c053 !important; text-decoration:none;}
a.navColor5:active { color:#46844e !important; text-decoration:none;}
a.navColor5:visited { color:#46844e !important; text-decoration:none;}

.navColor6 { color:#265da5 !important; text-decoration:none;}
a.navColor6 { color:#265da5 !important; text-decoration:none;}
a.navColor6:hover { color:#146ada !important; text-decoration:none;}
a.navColor6:active { color:#265da5 !important; text-decoration:none;}
a.navColor7:visited { color:#265da5 !important; text-decoration:none;}



.subnavlink { text-align: right; float: right; padding: 10px 0; }
a.subnavlink { color:#2eaed8 !important; text-decoration:none; float: right; padding: 8px 0; width: 100%; text-align: right; font-size: 15px; font-weight: bold; text-transform: uppercase; }
a.subnavlink:hover { color:#2565b0 !important; text-decoration:none;}
a.subnavlink:active { color:#2eaed8 !important; text-decoration:none;}
a.subnavlink:visited { color:#2eaed8 !important; text-decoration:none;}




a.galleriaTextLink { color:#ffff99 !important; text-decoration:none;}
a.galleriaTextLink:hover { color:#fff900 !important; text-decoration:none;}
a.galleriaTextLink:active { color:#ffff99 !important; text-decoration:none;}
a.galleriaTextLink:visited { color:#ffff99 !important; text-decoration:none;}

#blogtxt { font-size:12pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:15px; text-align:left; line-height:18pt; }
#blogtxt P { font-size:12pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:15px; text-align:left; line-height:18pt; }
#blogtxt a { color:#0d5cab !important; text-decoration:none;}
#blogtxt a:hover { color:#222222 !important; text-decoration:none;}
#blogtxt a:active { color:#222222 !important; text-decoration:none;}
#blogtxt a:visited { color:#0d5cab !important; text-decoration:none;}
#blogtxt img {text-align:right; float:right; padding: 5px; clear:both !important; }
.entry-meta { list-style:none; list-style-type:none;}
.alignright img {text-align:right !important; float:right !important; padding: 5px; clear:both !important; }
#blogtxt .leftimage {text-align:left !important; float:left !important; }

.vgrequesthighlight {float:left; padding:5px; margin:10px; width:47%; overflow:hidden;}
.threeColhighlight {float:left; padding:5px 0; margin: 10px 1.6%; width:30%; overflow:hidden;}

.newsletterrequesthighlight {float:left; padding:5px; margin:10px; width:47%; overflow:hidden;}
.ytvideo {width: 853px; height: 480px;}
.ytvideob {width: 560px; height: 316px;}


.homeEventAreaContent { width: 100%; padding: 10px 0; min-height: 10px;  }
.homeEventAreaDate { width: 30%; float: left; text-align: right;  }
.homeEventAreaEvent { width: 65%; float: right; text-align: left; margin-left: 5%; }

.homeEventAreaEvent a { color:#ffffff; text-decoration:none;}
.homeEventAreaEvent a:hover { color:#ffffff; text-decoration:none;}
.homeEventAreaEvent a:active { color:#ffffff; text-decoration:underline;}
.homeEventAreaEvent a:visited { color:#ffffff; text-decoration:none;}


#visit_widget_button.bottom_left {
    left: 30px !important;
}

.fourColTainer { width: 100%; }					
.fourColOneCol { width: 21%; margin: 1.5% 1.5% 1.5% 1.5%; box-shadow: 0px 0px 8px #888888; height: 500px; background-color: rgba(255,255,255,1.00); max-width: 300px; display: inline-block; }
.fourColTop { width: 100%; position: relative; text-transform: uppercase; }
.fourColHeaderBlueLT { background-color: rgba(255,255,255,.80); width: 99%; position: absolute; bottom: 0; color: #2eaed8; font-weight: bold; font-size: 28px; text-align: left; line-height: 34px; padding: .4% .1% 1.5% 1%; }
.fourColHeaderGreen { background-color: rgba(255,255,255,.80); width: 99%; position: absolute; bottom: 0; color: #00ad57; font-weight: bold; font-size: 28px; text-align: left; line-height: 34px; padding: .4% .1% 1.5% 1%; }
.fourColHeaderBlueDK { background-color: rgba(255,255,255,.80); width: 99%; position: absolute; bottom: 0; color: #2665b0; font-weight: bold; font-size: 28px; text-align: left; line-height: 34px; padding: .4% .1% 1.5% 1%; }
.fourColHeaderBlueSky { background-color: rgba(255,255,255,.80); width: 99%; position: absolute; bottom: 0; color: #008fc5; font-weight: bold; font-size: 28px; text-align: left; line-height: 34px; padding: .4% .1% 1.5% 1%; }
.fourColIMG { width: 100%; height: auto; }
.fourColContent { width: 90%; padding: 10px 5%; position: relative; text-align: left; font-size: 14px; line-height: 21px; height: 29%; overflow: hidden; }
.fourColFootBlueLT { position: absolute; bottom: 0; color: #2eaed8; text-align: center; width: 90%; font-size: 12px; font-weight: bold; }
.fourColFootGreen { position: absolute; bottom: 0; color: #00ad57; text-align: center; width: 90%; font-size: 12px; font-weight: bold; }
.fourColFootBlueDK { position: absolute; bottom: 0; color: #2665b0; text-align: center; width: 90%; font-size: 12px; font-weight: bold; }
.fourColFootBlueSky { position: absolute; bottom: 0; color: #008fc5; text-align: center; width: 90%; font-size: 12px; font-weight: bold; }
 
#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 select {
	 
	 border: 1px solid #000000 !important;
	font-weight: bold !important;
	margin: 10px !important;
	padding: 10px !important;
	font-family: 'Open Sans', sans-serif !important;
	 
	 float:none !important; position: relative !important; color: #000000 !important; width:270px !important;
	 
	 background-image: none !important;
	 height: 45px;  
	 box-shadow: none !important;
	 border-radius: 3px !important;
	text-align: center!important;
    text-align-last: center!important;
	 font-size: 14px !important;
}
	 
	 #formContainer  option {
  text-align: center !important;
}
	 
/* float:right !important; 
	 
	 border: .5px solid #c8c9c7 !important;
  border-radius: 4px !important;
  background-color: #f5f5f4 !important;
  font-size: 16px !important;
  line-height: 25px !important;
  outline: none !important;
  height: 35px; 
  width: 100% !important;
  max-width: 100% !important;
  font-weight: 400 !important;
  padding: 5px 10px !important;
  */






#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;}

.staffer {width:50%; float:left;}

.mobilesocial {visibility: hidden;}

.eventsfe { float:left;width:15%; height:auto; visibility:visible; }
.eventscal { float: left; text-align: left; padding-right:25px; visibility:visible; width:180px; height:auto; }
.eventsforma { float: left; text-align: left; vertical-align:top; }
.eventsformb { float: left; text-align: left; vertical-align:top; }
.eventskey { float:left; width:200px; height:auto; vertical-align:top; padding:2px; }
.eventsdates {margin: 5px 0px 5px 0px; }

#prologo { float:left; width:180px; height:110px; vertical-align:top; text-align:center; padding:15px;}



.subcatholder {
    float: left;
    text-align: left;
    vertical-align: bottom;
    overflow: hidden;
    width: 19%;
    margin: 8px .5%;
    position: relative;
}

.subcatbox {
    float: left;
    width: 100%;
    background-position: center center;
    background-size: cover;
    height: 260px;
    margin: 0px 1%;
    box-sizing: border-box;
    position: relative;
	background-image: linear-gradient(to bottom right, rgba(210,210,210,1), rgba(245,245,245,1), rgba(210,210,210,1));
	display: flex;
align-items: center;
}

.subcatboxLinkBox {
    background-color: rgba(45,174,215,.80);
    border: 2px solid #fff;
   width: 88%;
    /*  position: absolute; 
    bottom: 22%;*/
    margin: 15px 5%;
	color: #ffffff;
}


.subcatboxLinkBox:visited {	color: #ffffff; }
.subcatboxLinkBox:hover {
	transform: scale(1.04);
	transition: all .1s ease-out;
	background-color: rgba(255,255,255,.9);
	color: #2daed7;
}


.subcatboxText {
    
    text-transform: uppercase;
    margin: 11px 0 14px 0;
        margin-top: 11px;
    font-weight: bold;
    font-size: 12px;
    padding: 0 15px;
    text-align: center;
}

.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}

.colContainers { width: 100%; clear: both; }
.threeCol { width: 28.33%; margin: 0 1.5%; padding: 10px 1%; float: left;}
.twoCol { width: 45%; margin: 0 1.5%; padding: 10px 1%; float: left; }
.singleCol { width: 95%; margin: 0 1.5%; padding: 10px 1%; float: left; }
.framer { width: 700px; height: 500px; }

h2.singSizer { font-size: 32px; }
		


@media only screen and (min-width: 1300px) and (max-width: 1500px) { 
 /* .video-container { max-height: 300px; }
.video-container iframe { max-height: 300px; }
	.venueListingVideos { width: 40%; } */
}

@media only screen and (min-width: 1025px) and (max-width: 1450px) { 
	.homeEventAreaContent { font-size: 15px; min-height: 5px; padding: 0; }
	.homeEventsButton { font-size: 14px; }
	.subcatbox { height: 220px; }
	.css3menuNEW { font-size: 18px; }
	 /* 
	.video-container { max-height: 250px; }
.video-container iframe { max-height: 250px; }
	.venueListingVideos { width: 40%; } */
}

@media only screen and (min-width: 1025px) and (max-width: 1190px) { 
    
    .navarea {  /* width: 615px; */ }
    .specificnav { width: 627px; }
    ul#css3menu2 a { font-size: 8pt; }
	.css3menuNEW { font-size: 15px; }
    ul#css3menu1 a { font-size: 15px; padding: 0px; }
    
}
    
  /*** TABLET USAGE ***/  
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
		
			.framer { width: 400px; height: 286px; }

.galleria-container {position: relative; overflow: hidden; width: 100%; min-width:375px; max-width:100%; height: 400px; }
.galleria-container touch { width:100%; height:auto;}
#galleria{ width: 100%; min-width:375px; max-width:100%; height: 400px; margin-left:0px; }
.galleria-thumbnails .galleria-image { height: 20px; width: 30px; background: #000; margin: 20px 5px 0 0; border: 1px solid #000; float: left; cursor: pointer; }
	
    
    #meetingchartbox {float:left;text-align:left;border-style: solid;border-width: 0px;min-width:10px; margin-bottom: 25px; width: 100%; }
#meetingchart { visibility: hidden; width:0px; height:0px; }
#meetingchartTD { visibility: visible; width:98%; height:auto; }
#meetingchart TABLE { visibility: hidden; width:0px; height:0px; }
.listingmeetingchart {font-size:8pt; visibility: hidden; width:0px; height:0px; text-align:left;  }
    
.meetingChartTopSizer {
    height: 20px;
    padding-top: 5px;
    font-weight: 700;
	padding-left: 0 !important; }
.meetingchartboxRoom { width: 94%; min-height: 1px; }
.meetingchartboxDim { width: 27%; }
.meetingchartboxArea { width: 15%;  }
.meetingchartboxRec { width: 15%;  }
.meetingchartboxBanq { width: 15%;  }
.meetingchartboxThe { width: 27.55%; }
.meetingchartboxAmphi { width: 27%; }
.meetingchartboxlisDiv { width: 27%; }
		.roomClearer { display: none; }
.footerNav { font-size: 13px; }
.socialheadertxt { font-size: 13px; }
		
		.subcatbox { height: 250px; }
		
		.subcatholder {
    width: 31.33%;
    margin: 15px 1%;
}
		
		.homeEventsHeaderBig { margin-bottom: 0; }

		.footertext { padding: 0px;  }
#footer {  width:100%; height:auto; padding-top:0; }

.iotlogo { width: 15%; height: auto; padding: 12px; margin: 0%; float: none; }
.cclogo { width: 35%; height: auto; padding: 12px; margin: 0%; float: none; }
.csllogo { width: 15%; height: auto; padding: 12px; margin: 0%; float: none; }


    .listingright { float:left; width:100%; margin-bottom: 24px; display: block; }
.listingleft { float:left; width:100%;}
.listingsocial { float: none; text-align: center; }
 
    .venuephoto { float: none; }
		
		.venuelogo {
    width: 70%;
    height: auto;
    margin: 0px;
    float: none;
    text-align: left;
    vertical-align: bottom;
    overflow: hidden;
    visibility: visible;
    padding: 0 5%;
}

#header { height:530px; }
.contentlimiter { max-width:95%; margin-left:auto; margin-right:auto; }
.toat { width:100%; min-height:850px; }
.toatnew { width:25% !important; height: auto; }
.sixty {width:100% !important; padding: 0 2% 0 2%; float:left;}
.forty {width:95% !important; padding: 20px 2% 20px 2%; float:left;}
.thirtythree {width:100% !important; padding: 0 1.5% 50px 1.5%; float:left; text-align:center;}
	
	.home1 {
    width: 92%;
    height: 230px;
    margin: 6px;
    padding: 5px 3%;
    float: left;
    text-align: left;
    vertical-align: bottom;
    overflow: hidden;
		background-size: cover; }
	
.home2 {
width: 42%;
padding: 5px 3%; }
	
.home3 {
width: 42%;
padding: 5px 3%; }
	
.home4 {
width: 42%;
padding: 5px 3%; }
	
.home5 {
width: 42%;
padding: 5px 3%; }

	
.home6 {
    width: 92%;
    height: 230px;
    margin: 6px;
    padding: 5px 3%;
    float: left;
    text-align: left;
    vertical-align: bottom;
    overflow: hidden;
		background-size: cover; }
		
		.socialFloatBar {
    position: fixed;
    left: 0;
    top: unset;
    z-index: 99999999;
    box-shadow: 0px 0px 5px #555555;
    padding: 0;
    margin: 0;
    width: 45px;
    bottom: 112px;
}
	
	.vgrequesthighlight { width: 46%; }
	.threeColhighlight { width: 30%; }
     
.newsletterrequesthighlight { width: 46%;  }
.listingPgContact { width:100%; }
.listingMDLCol { width:100%; }
.listingRGHTCol { width:100%; }
.listingamenities { font-size: 10pt;  white-space: nowrap; }
		
.venueListingLeft { width: 22%; float: left; height: 250px; padding-right: 3%; }
.venueListingFeed { width: 47%; float: left; height: 400px; }
.venueListingVideos { width:50%; float: left; height: unset; padding-left: 25%; }
		.venueListingXtraInfo { }
		.venueListingLeftLogo { width: 100%; float: left; }
		.venueListingLeftMainPhoto { width: 100%; float: left; padding: 20px 0; }
		.venueListingLeft { width: 100%; }
		.listingClearPad { clear: both; padding:0; width: 100%; }
		
	#social {
    background-color: #40b6db;
    width: 100%;
    height: 600px;
    min-height: 30px;
    max-height: 1050px;
    
    background-repeat: repeat;
    background-position: top center; }
		
		.cscvblogoMobile {
    width: 170px;
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
    float: unset;
    position: absolute;
    right: 8%;
    bottom: -14px;
}

H1 { font-size:30pt; font-weight:bold; color:#0d5cab; text-transform:uppercase; margin-top:40px; text-align:center; line-height:32pt; margin-bottom: 0px; }
.headertxt { font-size:30pt; font-weight:bold; color:#0d5cab; text-transform:uppercase; margin-top:0px; text-align:center; line-height:32pt; margin-bottom: 0px; }
H2 { font-size:18pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:10px; text-align:center; line-height:28pt; }
.subheadertxt { font-size:13pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:10px; text-align:center; line-height:24pt; }
	.socialinstagram {
    width: 250px;
    height: auto;
    padding-top: 20px;
    float: left;
    text-align: left;
}
	
	
	.sociallinks {
    width: 200px;
    height: auto;
    padding-top: 20px;
    float: left;
    text-align: left;
    margin-left: 25px;
}
	
	.socialblog {
    width: 220px;
    height: auto;
    float: left;
    text-align: left;
    padding: 20px 20px 20px 40px;
    margin-top: 0px;
}
	.navarea { width:0px; height:0px; padding:0px; float:right; background-color:#0d5cab; visibility:hidden;}
	.mobilenavarea { width:50px; height:116px; padding:0px; float:left; visibility:visible; }
.mobilemenuicon { width:40px; height:35px; padding-left:20px; padding-right:5px; padding-top:35px; float:left; }
		
	.fourColOneCol { width: 47%; margin: 0 1.5% 40px 1.5%; }
		.homeEventsPhoto { display: none; }
		.homeEventsColorBG { width: 100%; }
		
		.homeEvents {
    width: 70%;
    right: unset;
    z-index: 150;
    position: absolute;
    text-align: center;
    color: #fff;
    padding-top: 30px;
    font-size: 18px;
    font-weight: bold;
    margin: 0 20% 0 10%;
}
		.homeEventAreaContent { padding: 0; font-size: 15px; }
		.homeEventsButton { position: relative; top: 30px; }
		
		.calloutBarLeft { height: 225px; }
.calloutBarMdl { height: 225px; }
.calloutBarRight { height: 225px; }
		
		h2.travelInspText { font-size: 14px; }
		.travelInspBox { padding: 0 4%; }
		.guideCalloutBarTainer { height: 352px; }
		.guideBarTainer { width: 60%; padding: 0 20%; font-size: 17px; text-align: center; }
		.newsletterBarTainer {
    width: 90%;
    float: left;
    color: #fff;
    text-align: center;
    font-size: 17px;
			margin: 0 5%; }
		.galleriaRightTop { height: 194px; }
		.galleriaRightBtm { width: 100%; background-size: cover; height: 200px; }
		h1.galleriaHeader { line-height: 33px; color: #ffffff; text-transform: uppercase; margin: 10px 0 0 0; font-size: 30px; }
		h2.galleriaSubHeaderSM { font-size: 11px;}
		h2.galleriaSubHeader { line-height: 34px; color: #ffffff; text-transform: uppercase; margin: 0 0 14px 0; font-weight: normal; font-size: 21px; }
		.listingbox { /* width: 47%; */ height: 620px; }
		.bloglistingboxNew { width: 47%; }
		.couponPackageBox { width: 47%; }
		.galleriaRightBtmListing {  width: 100%; background-size: cover; height: 200px;  position: relative; overflow: hidden; }
		.galleriaRightTopListing { width: 100%; background-size: cover; border-bottom: 6px solid #fff; position: relative; height: 194px; }
		
		.publicationHolder { width: 22%; float: left; margin: 8px 1.5%; }
		
		.venuebuttonNew { width: 115px; }
		
		}

/*** MOBILE USAGE
@media only screen and (min-width: 320px) and (max-width: 500px) {
***/
@media only screen and (min-width: 320px) and (max-width: 767px) {
	

		
		.colContainers { width: 100%; clear: both; }
		.threeCol { width: 95%; margin: 0 1.5%; padding: 10px 1%; float: left;}
		.twoCol { width: 95%; margin: 0 1.5%; padding: 10px 1%; float: left; }
		.singleCol { width: 95%; margin: 0 1.5%; padding: 10px 1%; float: left; }
		.framer { width: 350px; height: 250px; }
			
			

html { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family:"Avenir LT Std 55 Roman", "Avenir LT Std 65 Medium", "Verdana", "Arial", "Helvetica", "sans-serif"; overflow-x: hidden; font-display: swap;}

#nav { background-color:#0d5cab; width:100%; height:116px; position:fixed; text-align:center; margin-left:auto; margin-right:auto; clear:both; z-index:4000; }
.navlimiter { background-color:#fff; max-width:500px; margin-left:auto; margin-right:auto; height: 75px; }
.cscvblogo { width:197px; height:116px; padding-left:5px; padding-right:5px; float:right; }
.socialicons { width:50px; height:59px; padding-left:5px; padding-right:5px; padding-top:20px; float:right; visibility:hidden; }
.navarea { width:0px; height:0px; padding:0px; float:right; background-color:#0d5cab; visibility:hidden;}
.mobilenavarea { width:50px; height:75px; padding:0px; float:none; visibility:visible; position: absolute; left: 75%; }
.mobilemenuicon { width:40px; height:auto; padding-left:20px; padding-right:5px; padding-top:35px; float:left; }
.toat { width:100%; min-height:350px; }
.toatnew { width:40% !important; height: auto; }
.sixty {width:100% !important; padding: 0 2% 0 2%; float:left;}
.forty {width:95% !important; padding: 20px 2% 20px 2%; float:left;}
.thirtythree {width:100% !important; padding: 0 1.5% 50px 1.5%; float:left; text-align:center;}

#header { background-color:#0071b2; width:100%; height:366px; background-image: url(images/photobg2.png); background-repeat:no-repeat; background-position:bottom center; clear:both; top:-115px; z-index:1;}

#content { background-color:#eeeeee; width:100%; height:auto; min-height:auto; max-height:auto; background-image: url(images/contentbg2.png); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; margin-top:0; }

.publicationHolder { width:47%; float: left; margin: 8px 1.5%; height: 400px; }
	
.contentlimiter { max-width:95%; margin-left:auto; margin-right:auto; }
.contentlimiter UL { text-align:left; }
/* .contentlimiter IMG { max-width:90%; width:auto; height:auto;} */
	
	.socialFloatBar { display: none; }
.subcatbox { height: 205px; }
.subcatboxText { font-size: 10px; }
.subcatholder { width: 48%; margin: 15px 1%; }

H1 { font-size:18pt; font-weight:bold; color:#0d5cab; text-transform:uppercase; margin-top:0px; margin:10px; text-align:center; line-height:24pt; }
.headertxt { font-size:18pt; font-weight:bold; color:#0d5cab; text-transform:uppercase; margin-top:0px; margin:10px; text-align:center; line-height:24pt; }
H2 { font-size:13pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:10px; margin:0px; text-align:center; line-height:18pt; }
.subheadertxt { font-size:10pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:10px; margin:0px; text-align:center; line-height:16pt; }
.insidesubheadertxt { font-size:12pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:10px; margin:0px; text-align:left !important; line-height:18pt; font-weight:bold; }
.bodytxt P { font-size:12pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:15px; text-align:left; line-height:18pt; }
.bodytxt UL { font-size:12pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:15px; text-align:left; line-height:18pt; }
.home1 { width:92%; height:225px; margin:5px; padding:5px; float:left; text-align:left; vertical-align:top; overflow:hidden; }
.home2 { width:92%; height:225px; margin:5px; padding:5px; float:left; text-align:left; vertical-align:top; overflow:hidden; }
.home3 { width:92%; height:225px; margin:5px; padding:5px; float:left; text-align:left; vertical-align:top; overflow:hidden; }
.home4 { width:92%; height:225px; margin:5px; padding:5px; float:left; text-align:left; vertical-align:top; overflow:hidden; }
.home5 { width:92%; height:225px; margin:5px; padding:5px; float:left; text-align:left; vertical-align:top; overflow:hidden; }
.home6 { width:92%; height:225px; margin:5px; padding:5px; float:left; text-align:left; vertical-align:top; overflow:hidden; }
.listingspacer { width:0px; height:0px;}
.listingheadertxt { font-size:18pt; font-weight:bold; color:#0d5cab; text-transform:uppercase; margin-top:0px; margin:5px; text-align:left; line-height:24pt; }
.listingsubheadertxt, .listingsubheadertxt P { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:5px; margin:5px; text-align:left; line-height:18pt; }
.listingbox { width: 95%; height: auto; float: left; text-align: left; vertical-align: bottom; overflow: hidden; margin: 25px 2.5%; }
.couponPackageBox { width: 95%; height: auto; float: left; text-align: left; vertical-align: bottom; overflow: hidden; margin: 25px 2.5%; }
	
.bloglistingboxNew { width: 95%; height: auto; float: left; text-align: left; vertical-align: bottom; overflow: hidden; margin: 25px 2.5%; }		
	
.listingphoto { width:95%; height:auto; margin:5px 5px 5px 5px; padding:0px; float:left; text-align:left; vertical-align:bottom; overflow:hidden; border:solid; border-width:1px; border-color:#0d5cab; box-shadow:5px 5px 5px #CCCCCC;}
.venuephoto { width:260px; height:220px; margin:10px 20px 10px 10px; padding:0px; float:right; text-align:left; vertical-align:bottom; overflow:hidden; border:solid; border-width:1px; border-color:#0d5cab; box-shadow:5px 5px 5px #CCCCCC; visibility:visible;}
.venuelogo { width: 100%;
    margin: 10px 0%;
    padding: 0px;
    float: right;
    text-align: left;
    vertical-align: bottom;
    overflow: hidden;
    border-width: 0px;
    visibility: visible;
    height: auto;
}
	.venueListingLeftLogo {
    float: left;
    width: 97%;
    margin: 0 1.5%;
}
	
.venueListingLeftMainPhoto { width: 100%; }
	.listingClearPad { clear: both; padding: 0; width: 100%; }
.venuefbwidget { width:0px; height:0px; margin:10px 20px 10px 10px; padding:0px; float:right; text-align:left; vertical-align:bottom; overflow:hidden; border:solid; border-width:1px; border-color:#0d5cab; box-shadow:5px 5px 5px #CCCCCC; visibility: hidden;}
	
	
.listingPgSports { width: 100%; float: left; text-align: left; padding-left: 0%; min-height: unset; font-size: 10px;}
.listingPgPricing { width: 100%; float: left; text-align: left; padding-left: 0%; min-height: unset; font-size: 10px;}
.listingPgLogo { width: 20%; float: right; display: none; }
.listingPgFacility { width: 100%; float: left; text-align: left; padding-left: 0%; min-height: unset; font-size: 10px;}
.listingPgContact { width: 100%; float: left; text-align: left; padding-left: 0%; min-height: unset; font-size: 10px;}
	.listingMDLCol { width: 100%; float: left; padding-left: 0%; }
.listingRGHTCol { width:100%; float: left; }
.venueListingLeft { width: 100%; float: left;  }
.venueListingVideos { width: 100%; float: left; padding-left: 0px; height: unset;  }
.venueListingFeed { width: 100%; float: left; height: 680px;  }
.venueListingLeft { width: 100%; float: left; height: unset;
    padding-bottom: 40px; }
.video-container { max-height: 240px; }
	
	.venueListingVideoyouTube {
    width: 100%;
    float: left;
    margin: 0%;
	padding-top: 10px;
}
	.venueListingSocials {
    display: inline-block;
    width: 24px;
    height: auto;
    position: relative;
    top: 4px;
}
	
.listingPgButton { float: left; width: 100%; min-height: unset; padding-top: 10px; }
.listingSocials { margin: 15px 0 0 0 ; }
	
	
	.venuebuttonNew { padding: 6px 2%; width: 27%; float: left; margin: 5px 1%; font-size: 9px; }
	.venue-para { text-align: left; line-height: 21px; }
    
    .listingsocial { float: none; text-align: center; }
    .venuelogo { /* display: none; */ }
    .venuephoto { float: none; }
	
	.galleriaRight { display: none; }
    .galleriaLeft { width: 100%; padding-top: 116px; }
	.galleriaDataBox { width: 80%; }
	h1.galleriaHeader { font-size: 18px; }
	h2.galleriaSubHeader {
    font-size: 11px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 6px 0 14px 0;
    font-weight: normal;
}
	
	.topBlueBar { font-size: 10px; height: 21px; }
	
	.newsletterBarTainer { width: 90%; margin: 0 5%; text-align: center; font-size: 12px; }
	.newsletterBarCopy { width: 100%; text-align: center; font-size: 16px; padding: 0px 0 12px 0; }
	
	.guideCalloutBarTainer { height: 245px; }
	
	.fourColContent { height: 23%; }
	
	
	.newsletterInput { padding: 10px 20px; font-size: 16px; box-sizing: border-box; border: none; margin-top: 10px; margin-left: 0px; }
.newsletterButton { background-color: #fffda6; color: #5fb2cf;  border: none; padding: 10px 20px; text-decoration: none; cursor: pointer; font-size: 16px; margin-top: 10px; }
	

	.instagramFeed { display: none;}
	.travelInspBox { width: 75%; }
	.homeEventTainer { width: 100%; margin: 0; height: 380px; padding-top: 0; background-color: #00ad57; display: inline-block;}	
.homeEvents { width: 90%; right: 5%; font-size: 12px; }
.homeEventsHeaderSm { font-size: 16px; font-weight: bold; width: 100%;}
.homeEventsHeaderBig { font-size: 26px; font-weight: bold; width: 100%; line-height: 22px;}
.homeEventsButton { padding: 13px 24px; color: #fff; border: 1px solid #fff; font-size: 13px; font-weight: 500; position: relative; top: 40px; }
.homeEventsPhoto { display: none;}
.homeEventsColorBG { display: none; }
	
	.homeEventAreaContent { padding: 5px 0; font-size: 10px; }
	
	.fourColOneCol { width: 97%; margin: 20px 1.5%; height: 490px; max-width: none; }
	.calloutBarLeft { width: 97%; margin: 4px 1.5%; }
	.calloutBarMdl { width: 97%; margin: 4px 1.5%; }
	.calloutBarRight { width: 97%; margin: 4px 1.5% 7px; }
	
.listingright { float:left; width:100%;}
.listingleft { float:left; width:100%; margin-bottom: 6px; font-size: 11px; }
.listingsocial { float:none; padding:5px; text-align:center; margin-left:30px;}
.listingamenities { font-size: 10px; width: 100%; }

    #meetingchartbox {
    float: left;
		font-size: 10px; }
#meetingchart { visibility: hidden; width:0px; height:0px; }
#meetingchartTD { visibility: visible; width:98%; height:unset; min-height: 200px; }
#meetingchart TABLE { visibility: hidden; width:0px; height:0px; }
.listingmeetingchart {font-size:8pt; visibility: hidden; width:0px; height:0px; text-align:left;  }
    
.meetingchartboxRoom { width: 100%; min-height: 1px;display: block; }
.meetingchartboxDim { width: 100%; display: block; }
.meetingchartboxArea { width: 100%; display: block; }
.meetingchartboxRec { width: 100%; display: block; }
.meetingchartboxBanq { width: 100%; display: block; }
.meetingchartboxThe { width: 100%; display: block; }
.meetingchartboxAmphi { width: 100%; display: block; }
.meetingchartboxlisDiv { width: 100%; display: block; }
	.roomClearer { display: none; }
	.meetingchartboxFill { display: none; }
	.meetingChartLtBlue {
    background-color: unset;
    border-top: 2px solid #fff;
    font-weight: normal;
    padding: 8px 0;
    width: 45%;
		 padding-left: 5%;
    float: left;
}
	.meetingChartLtBlue {
   
    border-bottom: 0px solid #ddd;
}
	
	.meetingChartTopSizer {
    height: unset;
    padding: 8px 0;
    font-weight: bold;
    width: 45%;
		float: left;
		border-top: 2px solid #fff;
		 padding-left: 5%;
}
    
.staffing {font-size:10pt; width:95% !important; float:left; padding:15px 5px 5px 5px; position:relative; }
.staffingphoto { width:100px; height: 130px; padding-right:10px; }

.listingheader { width:100% !important; font-size:11pt; font-weight:bold; color:#0d5cab; text-transform:uppercase; line-height:12pt; display: block; margin-top:-10px;  }
.listingtext { font-size:10pt; font-weight:normal; color:#222222; line-height:12pt; }
.socicon { padding-top: 10px; }
.searchbox { width:300px; height:Auto; margin:5px 5px 5px 5px; padding:5px; float:inherit; text-align:center; overflow:hidden; border-left: none; border-left-width:0px; border-left-color:#222222; }

#social { background-color:#036db1; width:100%; height:1300px; min-height:900px; max-height:1300px;  background-repeat: repeat-y; background-position:top center; margin-top: 398px; }
.sociallimiter { margin-left:auto; margin-right:auto; }
.socialheadertxt { font-size: 8pt; font-weight:bold; color:#ffffff; text-transform:uppercase; padding-top:40px; text-align:center; line-height:21pt; }
.sociallinks { width:95%; height:auto; padding-top:20px; float: inherit; text-align:center; }
.sociallinkstext { font-size:11pt; color:#ffffff; padding:5px; text-align:center; line-height:18pt; font-weight:800; }
.sociallinkstext a { color:#0d5cab; text-decoration:none; text-transform:uppercase;}
.sociallinkstext a:hover { color:#ffffff; text-decoration:none; text-transform:uppercase;}
.sociallinkstext a:active { color:#ffffff; text-decoration:none; text-transform:uppercase;}
.sociallinkstext a:visited { color:#0d5cab; text-decoration:none; text-transform:uppercase;}
.socialinstagram { width:95%; height:auto; padding-top:20px; float: inherit; text-align:center; }
.socialinstagramtext { font-size:11pt; color:#0d5cab; padding:5px; text-align:center; line-height:14pt; text-align:center; font-weight:bold; }
.socialblog { width:95%; height:auto; padding-top:20px; float: inherit; text-align:center; padding:0px; margin-top:20px;  }
.socialblogtext { font-size:11pt; color:#ffffff; padding:5px; text-align:center; line-height:14pt; }
.socialblogtext a { color:#0d5cab; text-decoration:none;}
.socialblogtext a:hover { color:#ffffff; text-decoration:none;}
.socialblogtext a:active { color:#ffffff; text-decoration:none;}
.socialblogtext a:visited { color:#0d5cab; text-decoration:none;}

#footer {  width:100%; height:auto; padding-top:0; }
	
.footerContent { width: 100%; }
.footerCol1 { display: none; }
.footerCol2 { width: 40%; margin: auto 5%;  float: left; text-align: left; padding-top: 40px; }
.footerCol3 { width: 40%; margin: auto 5%;  float: left; text-align: left; padding-top: 40px; }
.footerCol4 { width: 40%; margin: auto 5%;  float: left; text-align: left; padding-top: 40px; clear: both; }
.footerCol5 { width: 40%; margin: auto 5%; float: left; text-align: left; padding-top: 40px; }
.footerCol6 { width: 90%; margin: auto 5%;  float: left; text-align: left; }
.footerCol7 { display: none; }
	
.guideBarTainer {  width: 90%; float: left;  color: #fff; text-align: left; font-size: 15px; line-height: 22px;  padding: 0 5% 30px 5%;}
	
	.guideBarCopy { color: #fffe9b; font-size: 20px; font-weight: bold; padding: 7px 0 6px 0; }
	.guideBarImage { float: right;  margin-left: 0;width: 21%; height: auto; }
	.guideBar { float: left;  width: 72%; }
	
.iotlogo { width: 40%; height: auto; padding: 12px; margin: 0%; float: none; }
.cclogo { width: 70%; height: auto; padding: 12px; margin: 0%; float: none; }
.csllogo { width: 40%; height: auto; padding: 12px; margin: 0%; float: none; }
	
	
.footertext { font-size: 7pt; color:#ffffff; padding:0px 10px 10px 10px; text-align:center; line-height:15pt; }
	.socialheaderPhotos { position: relative; height: auto; overflow: hidden; padding-top:0; }

.galleria-container {position: relative; overflow: hidden; width: 100%;  height: 250px; }
.galleria-container touch { width:100%; height:auto;}
#galleria{ width: 100%;  height: 250px; margin-left:0px; }
.galleria-thumbnails .galleria-image { height: 20px; width: 30px; background: #000; margin: 20px 5px 0 0; border: 1px solid #000; float: left; cursor: pointer; }

#blogtxt { font-size:10pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:15px; margin:10px; text-align:left; line-height:14pt; }
#blogtxt P { font-size:10pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; padding-top:15px; margin:10px; text-align:left; line-height:14pt; }
#blogtxt a { color:#0d5cab !important; text-decoration:none;}
#blogtxt a:hover { color:#222222 !important; text-decoration:none;}
#blogtxt a:active { color:#222222 !important; text-decoration:none;}
#blogtxt a:visited { color:#0d5cab !important; text-decoration:none;}
#blogtxt img {text-align:right; float:right; padding: 5px; clear:both !important; width:40%; height:auto; }
.entry-meta { list-style:none; list-style-type:none;}
.alignright img {text-align:right !important; float:right !important; padding: 5px; clear:both !important; }

.vgrequesthighlight {float:left; padding:5px; margin:10px; width:93%; overflow:hidden;} 
.threeColhighlight {float:left; padding:5px; margin:10px; width:93%; overflow:hidden;} 
    
.newsletterrequesthighlight {float:left; padding:5px; margin:10px; width:93%; overflow:hidden;}
.ytvideo {width: 300px; height: 169px;}
.ytvideob {width: 300px; height: 169px;}

#formContainer { max-width:375px; width:375px; 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: 80%; 
	float:left; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer select {
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 82%; 
	float:left; 
	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: 80%; 
	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:both;}

.staffer {width:90%; float:left;}

.mobilesocial {visibility: visible;}

.eventsfe { float:left;width:50%; visibility:hidden; width:0px; height:0px; }
.eventscal { float: left; text-align: left; padding-right:25px; visibility:hidden; width:0px; height:0px; }
.eventsforma { float: left; text-align: left; vertical-align:top; }
.eventsformb { float: left; text-align: left; vertical-align:top; }
.eventskey { float:left; width:300px; height:auto; vertical-align:top; padding:2px; }
.eventsdates {margin: 5px 0px 5px 0px; clear:both; }

#prologo { float:left; width:130px; height:auto; min-height:100px; max-height:110px; vertical-align:top; text-align:center; padding:15px; display: inline-block;}

}
