@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=roboto:400,400italic,600,700,800);

nav {
  display: block;
  background:#27686b;
  padding:0% 0 0%;
  margin:0px;
  border-bottom:2px solid #abdfe1;
}

.menu { display: block;
  padding:0px;
  margin:0 0 0 16%; }

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
  padding:0px;
  margin:0px;  
}

.menu li:first-child { margin-left: 0; }

.menu li a {
  font-weight: 600;
  text-decoration: none;
  padding: 20px 25px;
  display: block;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover,
.menu li:hover>a {
  color: #fff;
  background: #005790;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 200px;
  position: absolute;
  left: 0px;
  background: #fff;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}

.menu ul:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}

.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}

.menu ul li a {
  font-size: 12px;
  font-weight: bold;
  display: block;
  color: #797979;
  background: #fff;
  padding: 10px 25px;
}

.menu ul li a:hover,
.menu ul li:hover>a {
  background: #005790;
  color: #fff;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul ul {
  left: 199px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}

.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 20px 15px;
  background: #333333;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.responsive-menu:hover {
  background: #555555;
  color: #fff;
  text-decoration: none;
}

a.homer { background: #555555; }
 @media (min-width: 768px) and (max-width: 979px) {

.mainWrap { width: 768px; }

.menu ul { top: 37px; }

.menu li a { font-size: 12px; }

a.homer { background: #555555; }
}
 @media (max-width: 767px) {

.mainWrap {
  width: auto;
  padding: 50px 20px;
}

.menu { display: none; }

.responsive-menu { display: block; }

nav {
  margin: 0;
  background: none;
}

.menu li {
  display: block;
  margin: 0;
}

.menu li a {
  background: #fff;
  color: #797979;
}

.menu li a:hover,
.menu li:hover>a {
  background: #555555;
  color: #fff;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transform: initial;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}

.menu ul ul {
  left: 0;
  transform: initial;
}

.menu li>ul ul:hover { transform: initial; }
}
.tab-wrapper{display:block;width:100%}.tab-wrapper .tab-nav{position:relative;margin:0;padding:0;list-style:none}.tab-wrapper .tab-nav li{display:inline-block;float:left;margin:0 -1px -1px 0}.tab-wrapper .tab-nav li a{display:block;padding:10px 20px;border:1px solid}.tab-wrapper .tab-nav li a:hover,.tab-wrapper .tab-nav li.ui-tabs-active a{color:inherit}.tab-wrapper .tab-nav li.ui-tabs-active a{cursor:default}.tab-wrapper .tab-container{display:block;padding:20px 25px 15px 25px;border:1px solid}.tab-wrapper .tab-container .tab-content :first-child{margin-top:0}.tab-wrapper.rnd5 .tab-nav li:first-child a{-moz-border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0;border-radius:5px 0 0 0}.tab-wrapper.rnd5 .tab-nav li:last-child a{-moz-border-radius:0 5px 0 0;-webkit-border-radius:0 5px 0 0;border-radius:0 5px 0 0}.tab-wrapper.rnd5 .tab-container{-moz-border-radius:0 5px 5px 5px;-webkit-border-radius:0 5px 5px 5px;border-radius:0 5px 5px 5px}.tab-wrapper.rnd8 .tab-nav li:first-child a{-moz-border-radius:8px 0 0 0;-webkit-border-radius:8px 0 0 0;border-radius:8px 0 0 0}.tab-wrapper.rnd8 .tab-nav li:last-child a{-moz-border-radius:0 8px 0 0;-webkit-border-radius:0 8px 0 0;border-radius:0 8px 0 0}.tab-wrapper.rnd8 .tab-container{-moz-border-radius:0 8px 8px 8px;-webkit-border-radius:0 8px 8px 8px;border-radius:0 8px 8px 8px}.tab-wrapper.rnd10 .tab-nav li:first-child a{-moz-border-radius:10px 0 0 0;-webkit-border-radius:10px 0 0 0;border-radius:10px 0 0 0}.tab-wrapper.rnd10 .tab-nav li:last-child a{-moz-border-radius:0 10px 0 0;-webkit-border-radius:0 10px 0 0;border-radius:0 10px 0 0}.tab-wrapper.rnd10 .tab-container{-moz-border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px;border-radius:0 10px 10px 10px}.tab-wrapper.rnd12 .tab-nav li:first-child a{-moz-border-radius:12px 0 0 0;-webkit-border-radius:12px 0 0 0;border-radius:12px 0 0 0}.tab-wrapper.rnd12 .tab-nav li:last-child a{-moz-border-radius:0 12px 0 0;-webkit-border-radius:0 12px 0 0;border-radius:0 12px 0 0}.tab-wrapper.rnd12 .tab-container{-moz-border-radius:0 12px 12px 12px;-webkit-border-radius:0 12px 12px 12px;border-radius:0 12px 12px 12px}.tab-wrapper.tab-opt2 div{margin-bottom:0}.tab-wrapper.tab-opt2 .tab-nav li{display:block;float:none;margin:0 0 15px 0}.tab-wrapper.tab-opt2 .tab-nav li a{display:block;padding:10px 20px 10px 0;border:none;border-bottom:1px solid}.tab-wrapper.tab-opt2 .tab-nav li.ui-tabs-active a{position:relative;border-bottom-color:inherit}.tab-wrapper.tab-opt2 .tab-nav li.ui-tabs-active a:after{position:absolute;top:12px;right:0;font-family:"FontAwesome";font-size:13px;content:"\f061"}.tab-wrapper.tab-opt2 .tab-container{margin-bottom:0;padding:0;border:none}.tab-wrapper .tab-nav li.ui-tabs-active a{border-bottom-color:#F9F9F9}.list.underline li,.tab-wrapper.tab-opt2 .tab-nav li a{border-bottom-color:#E5E4E3}

#registerwrap {
	padding: 5px;
	width: 100%;
	margin: 20px auto;
	color:#333;
}
#registerwrap h2 {
	text-align:center; margin:15px 0 0 0; border:1px solid #27686b; padding:5px; color:#27686b;
}
#registerwrap h4 {
	background:#27686b; padding:5px 0; color:#fff; text-align:center;
}
#registerwrap p {
	padding:10px 0 0px 0;
}
#registerwrap .submit {
	font-weight:bold; width:100%; margin:0 25px 25px 0; padding:10px; background:#FFF; border:0px; box-shadow:#61343b 0 0 5px; color:#333; transition: all 0.2s ease-in-out 0s;
}
#registerwrap .submit:hover {
	font-weight:bold; width:100%; margin:0 25px 25px 0; padding:10px; background:#61343b; border:0px; box-shadow:#fff 0 0 5px; color:#fff; transition: all 0.2s ease-in-out 0s;
}
#content01 {
	width: 31%;
	float: left;
	padding: 5px 15px;
	margin:5px;
	box-shadow:#27686b 0 0 10px;
	border-radius:5px 5px 0 0;
}

#middle {
	width: 31%; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin:5px;
	box-shadow:#61343b 0 0 10px;
	border-radius:5px 5px 0 0;
}

#sidebar {
	width: 31%;
	padding: 5px 15px;
	float: left;
	margin:5px;
	box-shadow:#61343b 0 0 10px;
	border-radius:5px 5px 0 0;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#registerwrap {
		width: 100%;
	}
	#content01 {
		width: 98%;
		padding: 1% 4%;
		clear:both;
		float: none;
		margin:1%;
	}
	#middle {
		width: 98%;
		padding: 1% 4%;
		float: none;
		clear:both;
		
	}
	
	#sidebar {
		width: 98%;
		padding: 1% 4%;
		float: none;
		clear:both;
	}

}

/* for 700px or less */
@media screen and (max-width: 600px) {

	#content01 {
		width: auto;
		float: none;
	}
	
	#middle {
		width: auto;
		float: none;
	}
	
	#sidebar {
		width: auto;
		float: none;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	#sidebar {
		display: block;
	}

}


#content01 {
	background: #c1eaec;
}
#middle {
	background: #c1eaec;
}
#sidebar {
	background: #c1eaec;
}
#content01, #middle, #sidebar {
	margin-bottom: 5px;
}

#content01, #middle, #sidebar{
	border: solid 1px #27686b;
}
.agendaIcon{margin-bottom:5%; background:#f0f0f0 url(../img/arrow-17-16.png) no-repeat left; padding-left:25px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #80d3d7; border-left:3px solid #80d3d7;}
.sya a:link, .sya a:visited{display:block; text-align:center; padding:15px; width:100%; margin:0% auto; background:#27686b; text-decoration:none; color:#FFF; font-weight:bold; text-transform:capitalize; border:1px solid #ccc; border-radius:0px; font-size:28px; font-family:"Monotype Corsiva";}
.sya a:hover{background:#3c979b; color:#fff;}
video {
  margin: 0;
  padding: 0;
}
.video {
  position: relative;
  background-size:cover;
  top: 50%;
  left: 50%;
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.maps iframe{
    pointer-events: none;
}
.venueL{width:70%; float:left;}
.venueR{float:right; width:27%;}
@media only screen and (max-width: 480px) {
	.venueL{width:100%; clear:both;}
	.venueR{width:100%; clear:both;}
}
.venuePageL {
    float: left;
    width: 65%;
}
.venuePageR {
    float: right;
    width: 31%;
}