@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
/* Reset */

html, body { margin: 0; padding: 0; border: 0; background: d6f0ef; font-size:14px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
	
img	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent
	}
	
table { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}
	
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

h1, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: center;
	color: #000;
	}	

/* Global */

html	{	}

body { background: linear-gradient(black, #402000, black); }

/* Headings */

h1, h2, h3, h4, h5, h6 { color: #000; }

h1 		{ font-size:12px; line-height:150%; }
h1.bold	{ font-size:12px; line-height:150%; font-weight:bold; }
h1.big 	{ font-size:14px; line-height:100%; font-weight:bold; }
h1.thumb{ font-size:14px; line-height:100%; font-weight:bold; text-align:center; padding:0px 0 5px 0; }
h2		{ font-size:12px; font-weight:bold;}  /** h2 is the font for the registration form's "We will, again, . . .Panther Tracks . . ." text **/
h2.thumb{ font-size:14px; line-height:100%; font-weight:bold; text-align:center; padding:0px 0 5px 0; }
h2.wide	{ font-size:12px; line-height:150%; font-weight:bold; }
h2.bold	{ font-size:12px; font-weight:bold; }
h3 		{ font-size:14px; line-height:150%;}
h3.small{ font-size:12px; line-height:150%; }
h3.fl	{ font-size:12px; line-height:150%; }
h3.thumb{ font-size:14px; text-align:center; font-weight:bold; padding:0px 0 10px 0; }
h4 		{ font-size:14px; }
h5 		{ font-size:24px; }
h5.thumb{ font-size:24px; line-height:100%; font-weight:bold; text-align:center; padding:0px 0 5px 0; }
h6 		{ font-size:18px; }
h6.big  { font-size:18px; line-height:130%; font-weight:bold; }
h6.bigc  { font-size:18px; line-height:130%; font-weight:bold; text-align:center;}
h6.thumb{ font-size:18px; line-height:100%; font-weight:bold; text-align:center; padding:0px 0 5px 0; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text Elements */

p					{ color:#000; font-size:14px; line-height:150%; }
p.left				{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p.right				{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }
p.thumb				{ text-align:center; padding:0px 0 5px 0;}

a					{ }
a:link				{color: #0000FF; }
a:visited			{color: #800080; }
a:active			{color: #FF0000; }
a:focus				{color: #666; }
a:hover				{color: #f00; }
				  

a[href^="mailto:"] 	{ font-family: sans-serif;
					  text-decoration: underline;
					  font-weight: bold;
					  font-size: 14px;
					  line-height:150%;}
					  
a[href^=" mailto:"] 	{ font-family: sans-serif;
					  text-decoration: underline;
					  font-weight: bold;
					  font-size: 18px;
					  line-height:150%;}
					  
/* a[href^="mailto:"] 	{ font-family: 'PT Sans', sans-serif;
					  color: black;
					  text-decoration: underline;
					  font-weight: bold;
					  font-size: 16px;}
*/					  
					  

blockquote			{ color:#000; font-size:12px; }

strong				{ font-weight: bold; }
em					{ font-style: italic; }

/* Images */



/* Lists */

ul					{margin-left:2em;} 

ol					{ list-style-type:decimal; }
/*
ul li.disc			{list-style-type:disc;}
ul li.circle                 {list-style-type: circle;}
*/

ol { list-style:decimal; }

/* ul.disc, ul.circle {list-style: disc; list-style: circle;}
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
*/

ol li				{ color:#000; font-size:12px; }

dl					{	}
dt					{	}
dd					{	}


/* Tables */
 /*************VVVVVVVVVVVVVVVVVVVVVVV*******************/
 	
table				{ 	width:100%; 
						border:2px solid black;
						padding:15px;
						width:700px; }
						
/**  commented out so the the Cognito Forms registration form menu selection would not have wide borders
tr					{	border:2px solid black;
						padding:15px; }
**/		
			
.odd				{ 	background-color:#eee; }
.even				{ 	background-color:#fff; }


th					{	font-weight: bold; }

/**	commented out so the the Cognito Forms registration form menu selection would not have gray background
thead, th			{	background: #ccc; }
**/

tbody				{	}

th,td,caption		{	border:2px solid black;
						padding:15px; }
caption				{	}

tfoot				{	}
.tfooter			{ background-color:#ccc; text-align:center; font-style:italic; }

caption				{ background: #efefef; }

/********************^^^^^^^^^^^^^^^^^^^^^^^^^*******************/

/* Classes */

.container			{ float:left; }
.box				{ box-sizing:border-box;
					  -moz-box-sizing:border-box; /* Firefox */
					   padding:5px; height:auto; width:50%; float:left; 
					}
					
.legend_box			{ box-sizing:border-box;
					  -moz-box-sizing:border-box; /* Firefox */
					  border:1px solid black; padding:5px; height:auto; width:25%; float:left; 
					}
					
.legend_box_third	{ box-sizing:border-box;
					  -moz-box-sizing:border-box; /* Firefox */
					  border:1px solid black; padding:5px; height:auto; width:33%; float:left; 
					}
					
.clear				{ clear:both; }

.big_box			{ box-sizing:border-box; border:1px solid black; padding:1px; height:auto; width:100%; overflow:auto;}

.big_box .legend_box		{ box-sizing: border-box;
					  -mox-box-sizing:border-box; /*Firefox */
					   border:1px solid black; padding:5px; height:auto; width:25%; float: left;
					}
					
.w5_L       		{ box-sizing: border-box; height:auto; width:5%; float:left;
				}
					
.w10_L			{ box-sizing:border-box;
					  -moz-box-sizing:border-box; /* Firefox */
					   padding:5px; height:auto; width:10%; float:left; 
					}
					
.w90_L		{ box-sizing:border-box;
					  -moz-box-sizing:border-box; /* Firefox */
					   padding:5px; height:auto; width:90%; float:left; 
					}
					
.a_href {font-size: 140px;}
					
.pad_15_noborder	{ padding:15px; height:auto; width:100%}

.pad_25_noborder	{ padding:25px;}

.width_height_auto	{ width:auto; height:auto; }		


/* following is for having responsive iframe for viewing pdf */

.content {
   width: 90%;
   margin: 0px auto;
}

.embed-container {
   height: 0;
   width: 100%;
   padding-bottom: 85%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.embed-container iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}


/* following is from Cognito for a loading gif until a form is loaded */	
/* -- use with <div class="holds-the-iframe"><iframe here></iframe></div> --  */
/* -- references: https://blog.cognitoforms.com/diy-preloader-for-your-forms
 https://codepen.io/CognitoForms/pen/VxyMbZ/ -- */

/* --- start of css from Cognito.  The rotation parts have been commented out -- */
/* Set the preloader to be invisible by default */
.preloader {
  display: none;
}

/* Override the default invisibility if the preloader doesn't have a form after it. */
.preloader:last-child {
  display: block;
}

/* -- comment out spin because using animated gif -- */
/* Create a spinning animation and name it "spin" * /
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  
  to {
    transform: rotate(360deg);
  }
}

/* 
  Apply "spin" animation to the image inside the preloader.
   -  animation-duration is set to "3s" and so each 
      rotation will last 3 seconds.
   -  animation-timing-function is set to "linear" 
      and so the speed of rotation is constant.
   -  animation-iteration-count is set to "infinite"
      which means what it says.
*/

/* 
.preloader img {
  display: block;
  animation-name: spin;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
*/

/* --- end of css from Cognito for preloader --- */

					
/* Containers */


/* -- for Availability & Book Now to look like cssmenu bar items --*/

#avail_book_before	{ background: #4cb6ea;
					  color: #ffffff;
					  font-size: 14px;
					  font-weight: 700;
					  text-align:center;
					  text-decoration: underline;
					  margin: 0;
					  width: auto;
					  padding: 11px 10px 11px 10px;
					  line-height: 1;
					  display: block;
					  position: relative;
					  border: 3px solid rgba(252, 252, 40, 1.00);
					  font-family: 'PT Sans', sans-serif;}
					  
#avail_book_after	{ background: #ffffff;
					  color: #4cb6ea;					  
					  font-size: 14px;
					  font-weight: 400;
					  margin: 0;
					  width: auto;
					  padding: 0;
					  line-height: 1;
					  display: block;
					  position: relative;
					  font-family: 'PT Sans', sans-serif;}					  
 
#wrapper			{ width:auto; max-width:900px; padding:5px; margin:auto; background-color:#fef7de	}

#break				{ background-color:#ffffff; clear:both; padding:0 0 100 0;}

#slideshow			{ background-color:#111111; }

#subbanner			{ width:100%; background-color:#555555; padding:5px 0; overflow:hidden;	}
#subbanner h1		{ text-align:center; color:white;  padding:0px; font-family:"Century Gothic"; font-size: x-large; line-height:200%; }

#content			{ width:auto; height:auto; }

#content_padded         { width:auto; height:auto; padding-top:10px; padding-bottom:10px; }

#map_canvas 		{ position: relative;
					  margin: 0;
					  padding: 0%;
					  padding-top: 2%;
        			  padding-bottom: 2%; /* this is the aspect ratio */
        			  height: 0%;
        			  overflow: hidden; }
      			  
#map_canvas iframe { position: absolute;
        			 top: 0;
        			 left: 0;
        			 width: 100%;
        			 height: 100%; }

#thumbnail1			{ width:250px; margin-left:auto; margin-right:auto; padding:0px 0 10px 0; }
#thumbnail2			{ width:250px; margin-left:auto; margin-right:auto; padding:0px 0 10px 0; }
#thumbnail3			{ width:150px; margin-left:auto; margin-right:auto; padding:0px 0 10px 0; }
					  
#bothhalves			{ float:left; padding-right:40px }
#lefthalf			{ }
#righthalf			{ }
#righthalf li		{ font-size:x-small; margin:8px 0; line-height:120%; }

#description		{ padding:15px; }
#description p.b		{ padding:0px 20px 20px 20px; font-weight:bold; }
#description p.c		{ padding:0px 20px 10px 20px; font-weight:bold; }
#description ul.a   	{ list-style-type:none; margin-left:30px; padding:5px 0 5px 0 }
#description ul.b   	{ list-style-type:disc; margin-left:30px; padding:5px 0 5px 0 }
#description ul.c   	{ list-style-type:disc; margin-left:40px; padding:0px 0 5px 0 }
#description li		{ padding:0px 0 0px 0; line-height:150%; }
#description li.b	{ padding:0px 0 0px 0; line-height:200%; }
#description li.c	{ padding:10px 0 0px 0; line-height:200%; }
#description h2		{ margin:5px 0 10px 0; line-height:150%; }
#description h2.a	{ margin:0px 0 0px 0; line-height:150%; font-weight:bold; }
#description h2.t	{ margin:0px 0 0px 0; line-height:150%; font-weight:bold; float:left; }
#description table	{ margin-left: auto; margin-right: auto; }
#description td		{ font-size:small; font-family:Arial, Helvetica, sans-serif; }
#description a:link 	{ text-decoration:underline; font-size:12px; line-height:150%; }

#map_legend_row		{ padding:15 ps; width:auto; height:auto; border: 1px solid #999999; }
#map_legend_cell	{ padding:15 ps; width:150px; border: 1px solid #999999; }

#FAQdescription			{ padding:20px; }
#FAQdescription ul     	{ list-style-type:disc; margin-left:30px }
#FAQdescription a:link 	{ text-decoration:underline; }

#locationdescription	{ padding:15px; }

#outsideleft		{ float:left; width:300px; padding:0 0 0 0px;  }
#outsideleft h3		{ text-align:center; padding:10px }
#outsideleft img		{ margin-left:20px; padding:10px 0 10px 0 }
#outsidecenter		{ float:left; width:300px; padding:0 0 0 0px;  }
#outsidecenter h3	{ text-align:center; padding:10px 0 20px 0 }
#outsidecenter img	{ margin-left:36px; padding:0 0 10px 0}
#outsideright		{ float:left; width:300px;  }
#outsideright h3	{ text-align:center; padding:10px }
#outsideright img	{ margin-left:25px; padding:10px 0 10px 0 }

#socialmedia 		{ width:250px; margin-left:auto; margin-right:auto; padding:0px 0 10px 0; }
#socialmedia img		{ padding:0 5px 0 5px; width:30px; height:30px; }
#socialmedia ul li	{ display:inline-block;  }

#contact	 		{ width:250px; margin-left:auto; margin-right:auto; padding:0px 0 10px 0; }
#contact p			{ text-align:center; padding:0px }

#footer				{ clear:both; background-color:#000000; padding:3px 0;	}
#footer p			{ text-align:center; color:#ffffff; font-size:10px }

/* Forms */

form { text-align:left; margin:20px;	}


label, submit, input, textarea {
	border:0; padding:0; margin:0 background:none;
	}

/** 1) changed to width:auto and
    2) changed to text-align:left
	so labels for Cognito Forms Registration form would work **/
label {
	float: left; width: auto;
	text-align:left; display:block;
	}

input, textarea {
	border:1px #333 solid; margin-left:10px;
	}
	
input {
	width: 280px; margin-bottom: 16px;
	}
	
textarea {
	width: 280px; height: 150px;
	margin-bottom: 16px;
	}



	
select	{	}

.submit {
	width:90px; height:25px;
	margin-left:150px;
	font-size:12px;
	}
	
br{ clear: left; }



/**************** &&&&&&&&&&&&&&&&&&&& *******************/