@charset "utf-8";
/* CSS Document */



#header {text-align: center; padding: 0; line-height:0; }

#header img { width:100%; max-width:100%; }

#nav-container {padding: 0; }

#nav { background: #FFFFFF; width:100%; max-width: 100%; margin:0 auto; }

nav ul {text-align: center;}
nav ul li { display: inline-block; padding: 5px; margin: 5px; }
nav ul li a {text-decoration: none; font-size: 15px; color: #0F4D85; font-family: Helvetica, 'Trebuchet MS', sans-serif; }
nav ul li a:visited {color: #0F4D85;}
nav ul li a:hover, nav ul li.active a {border-bottom: 3px solid #0F4D85; }

#modal-header{
	width:100%;	
	height:40px;
	background-color:#003868;
	color:#fff;
}
	#modal-header h3{
		font-weight:bold;
		font-size: 15px;	
		text-align:center;
		padding-top: 12px;	}

.reveal-modal h2{
	color:	#2487bf;
	padding:20px 0 0 10px;
}
.reveal-modal h4{
	font-size: 18px;
padding: 20px 0 0 10px;
font-weight: bold;	
}
.reveal-modal p{
font-size: 17px;
padding: 10px 0 0 10px;	
}

.reveal-modal h3 {
	font-size: 20px;
	padding-left: 10px;
	font-weight: bold;
	margin-bottom: 10px;
}

.reveal-modal ul {
	padding-left: 10px;
}

.reveal-modal ul li {
	margin-bottom: 5px;
}

.reveal-modal #submit-btn{
		background-color: #78AB25;
		width: 120px;
		height: 25px;
		display: block;
		text-align: center;
		line-height: 24px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;	
		float:left;
		margin-top:15px;
	}
.reveal-modal #submit-btn a{
		text-decoration: none;
		color: #FFF;
		font-weight: 600;
	}

/* ------- CSS RESEST ------- */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
/** END CSS RESEST
 */
 
/* --------- FONTS --------- */

strong, b {
	font-weight: bold;
}

i, em {
	font-style: italic;
}
 
/* ------- GLOBAL ------- */
 
 body {
 background-color:#FFFFFF;
 font-family: Helvetica, 'Trebuchet MS', sans-serif;
 font-style: normal;
 font-weight: normal;
 color:#0F4D85; 
	}
  
 h2 {
	color:#0F4D85;
  font-family: Helvetica, 'Trebuchet MS', sans-serif;
	font-size:28px;
	font-weight:bold;
	padding-bottom:10px;
 }
 p {
	 padding-bottom:10px;
   font-size: 16px;
	 line-height: 125%;
	 margin-bottom: 0px;
   font-weight:normal;
 }
 .blue {
	 background-color: #003868;
	 color: #fff;
 }
 .green {
	color:#78ab25; 
	font-weight:600;
 }
 .left {
	float:left; 
 }
 .right {
	float:right;
	padding-right:10px; 
 }
 .clear {
	clear:both; 
 }
 .bold {
	font-weight:bold !important; 
 }
 
  p.error {
	 padding-bottom:10px;
   color:#c13f00;
   font-size: 1.2em;
	 line-height: 100%;
	 margin-bottom: 5px;
   font-weight:bold;
 }

/* ------ HEADER ------ */

 #header-img{
 }
 img {max-width: 100%; height: auto; border:0;}
 /* ------ CONTENT WRAPPER ------ */
 
 .content-wrapper {
 background-color: #FFFFFF;
 margin: 0 auto;
 height: auto;
 padding: 0;
}
#content {
background-color: #EEEEEE;
 height: auto;
 margin: 0 auto;
 padding: 20px 10px 30px 10px;
 clear:both;
 width: 1200px;
 max-width:100%;
 box-sizing:border-box;
 font-size: 16px;
}

/* ------ START PAGE ------ */

#contentForm tr td {
	vertical-align:middle;
  padding:4px 0px;
}

#contentForm tr td.celldash {
	vertical-align:middle;
  text-align: center;
  padding: 0px 2px;
}


/* ------ OPTIONS PAGE ------ */


	.table-header h3{
    color: #fff;
    font-weight: bold;
		padding:15px 0px 0px 10px;	
	}
  
	
#complete-reservation{
	
}
	#complete-reservation h2{
		padding-top:2px;
    padding-bottom:5px;
	}

#reservation {
	margin-top: 10px;
}

#submit-btn {
  font-size: 12px;
  background: #3498DB;
  color: #FFFFFF;
	width: 210px;
	display: inline-block;
	text-align: center;
  vertical-align:middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;	
  border: 5px;
	margin-top:15px;
	font-weight: bold;
	text-decoration: none;
	padding: 7px;
  cursor: pointer;
}

#submit-btn:hover {
	color: #FFFFFF;
  background: #003868;
}

#reservation-info{
	width:100%;
	clear:both;
}
#reservation-info h3{
	color:#0F4D85;
  font-family: Helvetica, 'Trebuchet MS', sans-serif;
	font-size:28px;
	font-weight: bold;
	padding-bottom: 10px;
}
#reservation-info img{
	padding-right:5px;	
	margin-bottom:-10px;
	margin-top:-5px;
}

	#reservation-info input{
		width:80%;
		padding: 5px;
		margin-bottom: 10px;
		font-family: Helvetica, 'Trebuchet MS', sans-serif;

	}
	#reservation-info input[type="radio"] {
		width:3%;
	}
	#reservation-info label{
		font-weight: bold;
		padding: 5px 0 5px 0;
	}
	#reservation-info input[type="text"] {
		display: block;
	}	
  
	#reservation-info select {
		display: block;
    margin-bottom: 10px;
    height:32px;
	}	

	#reservation-info label.error {
		/*display: block; */
		float: left;
		color: #cc0000;
		margin-bottom: 10px;
	}
	#reservation-info .full{
		width: 85%;	
		float: left;
	}	
	#reservation-info .half{
		float: left;
		width: 	45%;
		margin-right:4%;
	}
	#reservation-info .third{
		float:left;
		width: 25%;	
		margin-right:2%
	}	

#term-info{
	width:100%;
	clear:both;
}
#general-info{
	float:left;
	width:50%;
}
#credit-card-info{
	float:left;
	width:50%;
}

#terms {
	background-color: #000;
  width: 1200px;
  max-width:100%;
  height: auto;
  display: none;
  margin-top:6px;
  padding:0 8px 0 8px;
  box-sizing:border-box; 
}

#terms p {
	color: #fff;
 	font-size: 12px;
}

#terms h2 {
	color: #fff;
 	font-size: 24px;
}

#terms	ol, ul {
		list-style-type: disc;
    padding-left:25px;
	}
  
#terms	li {
  padding: 0 0 12px 6px;
	color: #fff;
 	font-size: 12px;
	}

button.showpolicy {
		display:inline-block;
		font-size: 16px;
    width: 120px;
    padding: 4px 0 4px 0;
    background: #000;
    color: #fff;
    -moz-border-radius: 10px;
		-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
		border-radius: 5px;
    border:5px;
    cursor: pointer;
}

button.showpolicy:hover {
		color: #fff;
    background: #000;
}

button.hidepolicy {
		display:inline-block;
		font-size: 16px;
    width: 120px;
    padding: 4px 0 4px 0;
    background: #000;
    color: #fff;
    -moz-border-radius: 10px;
		-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
		border-radius: 5px;
    border:5px;
  	cursor: pointer;
}

button.hidepolicy:hover {
		color: #fff;
    background: #000;
}

/* ------ Payment PAGE ------ */
table#tablereceipt {
		padding: 0px;
    margin: 0 auto;
    width: 730px;
}

#tablereceipt tr td.row1 {
		color: #CCCC99;
    background: #003366;
    font-weight: bold;
    font-size: 16px;
    font-family: Helvetica, 'Trebuchet MS', sans-serif;
}

table#table2receipt {
		padding: 0px;
    margin: 0 auto;
    width: 730px;
    max-width:730px;
    background: #EEEEEE;
}

#table2receipt tr td.row2 {
		color: #CCCC99;
    background: #006699;
    font-weight: bold;
    font-size: 16px;
    padding:4px 0 5px 6px;
    font-family: Helvetica, 'Trebuchet MS', sans-serif;
    text-align: center;
}

#table2receipt tr td {
		color: #000000;
    font-size: 16px;
    padding: 2px 0 2px 2px;
    font-family: Helvetica, 'Trebuchet MS', sans-serif;
    text-align: left;
}

#table2receipt tr td.cell2 {
    text-align: center;
}

#table2receipt tr td.cell3 {
    text-align: right;
}

#table2receipt tr td.cell4 {
    text-align: center;
}

#table2receipt tr td.cell5 {
    text-align: right;
    padding-right: 6px;
}

#table2receipt tr td.payment {
		text-align: right;
    padding-right: 6px;
}

#table2receipt tr td.paymentdescription {
		text-align: left;
    padding-right: 6px;
}

#table2receipt p {
		color: #000000;
    font-size: 16px;
    padding: 2px 0 2px 2px;
    font-family: Helvetica, 'Trebuchet MS', sans-serif;
    text-align: left;
}


/* ------ Footer/Mobile PAGE ------ */
  
#table-footer {
	font-weight: bold;}
  
  
.pinned table tr td {text-align: left; font-size: 12px;}
	img.right {width: 30px; height: auto; }
	
#footer {
 background: #0F4D85;
 height: auto;
 margin: 0 auto;
 width: 100%;
 max-width: 100%;
 box-sizing:border-box; 
 padding:0px 8px 0px 8px;

}
  
footer {
  border-top: 3px solid #003868;
  padding: 1em 5px 0 0; 
  text-align: center;
}

footer a, footer a:visited {
	font-size: 11px;
  color: #FFFFFF;
  text-decoration: underline;
}

footer p {
	font-size: 11px;
  color: #FFFFFF;
}
footer span.fa {display: inline-block; width: 16px; height: 16px; line-height: 16px; margin: 1px; background: #0079C1; border-radius: 15px; color: #EEEEEE; font-size: 14px; padding: 8px; }
footer span.fa:hover {background: #adc9e8; color: #0079c1;}

/* Mobile */
@media only screen and (max-width: 798px) {
div.responsive { float: left; width: 100%; height: auto; overflow-x: scroll; overflow-y: hidden; box-sizing:border-box; } 
}

@media only screen and (max-width: 650px) {
	#general-info, #credit-card-info {float: none; width: 100%; padding: 0;}
	#reservation-info img.right {float: right; width: 30px; height: auto; display: inline-block; margin: 10px 0 0 0;}
	#reservation-info .full{		width: 95%;		}	
}

@media only screen and (max-width: 360px) {
	#reservation-info img.right {float: right; width: 20px; height: auto; display: inline-block; margin: 5px 0 0 0; padding: 2px;}
}

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