/*-------GLOBAL ELEMENTS------------*/
body{ color:#666; font-family:'georgia', 'times new roman', 'times', 'serif' ;}
h1{
	font-family: 'Clicker Script', 'cursive';
	font-size: 3.5em;	
	text-align: center;
}
h2, h3, h4{ font-family: 'Tangerine', 'cursive'; }
h2{
	margin-top: 1em;
	font-size: 2.5em;
	text-align: center;
}
form{ margin: 2em auto 2em; }
ul{list-style: none;}
table{border: none;}
.footer{
	background-color: #0c8f87;
	color: #000;
	margin-top: 20px;
	padding-top: 10px;
}
.footer a{color: #FFF;}
.footer a:hover{color: #666;}
.just{text-align: justify;}
.date{width: 122px; vertical-align: text-top;}
.pic{
	border: solid thin #c4c4c4; 	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 10px #666;
	margin-bottom: 12px;
}

/*-------SPECIFIC ELEMENTS--------*/
#intro-head h1, #intro-head h2, #intro-head h3, #intro-head h4, #intro-head p{ margin-left:0; text-align:center; }
#home #intro-head h1, #home #intro-head h2, #home #intro-head h4{color: #fff460;}
#intro-head ul{text-align: center;}
#intro-head ul li{ display:inline-block; margin:auto 10px;}
#register h1{color:#fff460;}
#register p{color:#fff;}
#register a{color:#FFF; text-decoration:underline;}
#register a:hover{text-decoration:none;}


/*-------NAVIGATION ELEMENTS--------*/
.name{ padding: 5px 0px 0px 5px; font-family:'Clicker Script', 'cursive'; }
.top-bar .name{ font-size:20px; margin-left:10px; }
.top-bar-section ul li > a{ color:#0c8f87; }
.top-bar-section li.hover > a:not(.button) { color:#0c8f87; }
.top-bar-section li:not(.has-form) a:not(.button):hover { color:#0c8f87; }
.top-bar-section li.active:not(.has-form) a:not(.button) { color:#fff; background-color:#242424; }
.tab-bar h1{
	color: #0c8f87;
	font-weight: lighter;
	font-size: 20px;
	font-family: 'Clicker Script', 'cursive';
}
ul.off-canvas-list li a.active{ color: #FFF; background: #242424; }

/*-------GALLERY ELEMENTS------------*/
.th{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px;
}
.orbit-timer{ display:none; }

/*-------MAP ELEMENTS------------*/
#map{
	height: 400px;
	width: 100%;
	margin: 20px 0;	
}

/*-------BUTTON ELEMENTS------------*/
.button {
	color: #fef4e9;
	border: solid 1px #0F3640;
	background: #662C65;
	background: -webkit-gradient(linear, left top, left bottom, from(#A346A2), to(#662C65));
	background: -moz-linear-gradient(top,  #A346A2,  #662C65);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A346A2', endColorstr='#662C65');
}
.button:hover {
	text-decoration: none;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#662C65), to(#A346A2));
	background: -moz-linear-gradient(top,  #662C65,  #A346A2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#662C65', endColorstr='#A346A2');
}
.button:active {
	position: relative;
	top: 0.2%; 
	background: #A346A2;
}

/*-------MEDIA QUERIES------------*/
/* Small screens */
@media only screen {	
	#home {background: url(../img/home-sm.jpg) no-repeat scroll; height:1261px;}
	#register {background: url(../img/reg-sm.jpg) no-repeat scroll; height:1259px;}
} /* Define mobile styles */

@media only screen and (max-width: 40em) {	
	#home {background: url(../img/home-sm.jpg) no-repeat scroll; height:1261px;}
	#register {background: url(../img/reg-sm.jpg) no-repeat scroll; height:1259px;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) {	
	#home {background: url(../img/home-med.jpg) no-repeat scroll; height:1024px;}
	#register {background: url(../img/reg-med.jpg) no-repeat scroll; height:1024px;}
	.top-bar{padding: 0}
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {	
	#home {background: url(../img/home-med.jpg) no-repeat scroll; height:1024px;}
	#register {background: url(../img/reg-med.jpg) no-repeat scroll; height:1024px;}
	.top-bar{padding: 0}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) {	
	#home {background: url(../img/home-lrg.jpg) no-repeat scroll; height:960px;}
	#register {background: url(../img/reg-lrg.jpg) no-repeat scroll; height:861px;}
	.top-bar{padding: 0 10%}
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {	
	#home {background: url(../img/home-lrg.jpg) no-repeat scroll; height:960px;}
	#register {background: url(../img/reg-lrg.jpg) no-repeat scroll; height:861px;}
	.top-bar{padding: 0 10%}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) {	
	#home {background: url(../img/home-xl.jpg) no-repeat scroll; height:1280px;}
	#register {background: url(../img/reg-xl.jpg) no-repeat scroll; height:1148px;}
	.top-bar{padding: 0 10%}
} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	#home {background: url(../img/home-xl.jpg) no-repeat scroll; height:1280px;}
	#register {background: url(../img/reg-xl.jpg) no-repeat scroll; height:1148px;}
	.top-bar{padding: 0 10%}
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) {
	#home {background: url(../img/home-xxl.jpg) no-repeat scroll; height:1667px;}
	#register {background: url(../img/reg-xxl.jpg) no-repeat scroll; height:1495px;}
	.top-bar{padding: 0 10%}
} /* min-width 1921px, xlarge screens */