*{
	font-family: arial, helvetia, courier;
	font-weight:500;
	box-sizing:border-box;
	max-width:100%;
 }
html{
   background : #f2f2f2 url('../pics/sky_bkgdLG.jpg') no-repeat top center;
   background-size: cover;
  }
body{
    font-size:14px;
    background-color: #7DB5AC;
	/*background-color: #E3955B;*/
/*	background-image: url("/pics/winterbkgrd.gif");12/26/2005
     background-image: url("/pics/forestbkgrd2006.gif");*/
	width: 1200px;
	max-width:100%;
	min-height:100vh;
	margin:8px auto;
	position: relative;
 }
 nav{
     position:sticky;
	 top:0;
	 z-index:1000;
     background-color: OldLace; /* antiquewhite; */
	 opacity:.8;
   }

 hr{margin:1px 0;}
 option:nth-child(even){background-color: OldLace;}
#main{
  padding:0 0 6px 0;
    /*  background-image: url("../pics/forestbkgrd2006.gif");
  background-image: url("../pics/springBkgd.jpg");
  background-image: url("../pics/TanGradientBkg.png");
  background-size:cover; */
  border: 2px inset #30C;
  border-right:  2px outset #30C;
  border-bottom:  2px outset #30C;
  border-radius:12px;
  background-color: OldLace;
  min-height: 100vh;
}
#inner{
  min-height: 65vh;
}
#divContent{padding:1%;}
img{ max-width: 100%; height:auto;  border-radius:4px;}
.img{display:block; margin:4px auto;}
#frmRegister{
    font-size: 9pt;
}
 #LOGO{
  max-width: 30%;
  opacity: .8;
} 
#FBLOGO{
  position:absolute;
  top:2%;
  right:1%;
  }
#footer{
   padding:4px;
   border-top: 2.5px solid navy;
   }
#divFooterLinks *, #divFooterLinks {font-size:11px;}
 #header{
    background-image: url('/pics/header_bkgd.jpg');
   background-size:cover;
   }
#headerLeft{width:16%; padding:0; float:left; background-color: #6cb4dc;}
#headerRight{width:84%; float:left; padding-left:0%;}
  .featured{
	  display:inline-block;
	  background-color: LightCoral;  /* #FDD; */
	  padding:8px;
	  border: 2px solid navy;
	  border-radius:8px;
	  color:navy;
  }
h1,h2,h3,h4,h5{
	line-height: 109%;
	margin:4px 0;
	text-align: center;
	color: navy;
	font-style:oblique;
}
h1, h1 *{
	font-size: 1.9rem;
	font-weight: 700;
}
h2, h2 *{
	font-size: 1.6rem;
	font-weight: 700;
}
h3, h3 *{
	font-size: 1.4rem;
	font-weight: 600;
	text-align: center;
}
h4, h4 * {font-size: 1.25rem; font-weight: 600;}
tr{vertical-align:top;}
table{width:100%;}
a {
     text-decoration: none;
    color:navy;
	font-weight: 600;
}
a:visited {color:#A0A;}
a:hover {
	color: #900;
    text-decoration: underline;
 }
 p, .p {
    text-indent: .4in;
    font-size:1.15em;
	text-align: left;
  }
  ul{
       font-weight: 600;
	   margin:0;
	   padding:10px;
	   text-align: left;
	  }
        /*  menu styles below  */
	div#menu{
	  border: 2px solid navy;
	  border-right: 0px solid black;
	  border-left: 0px solid black;
	  display:flex;
	  flex-wrap: wrap;
	  }
    div#menu div{width:12.5%; overflow:hidden;}
	div#menu div{border-right: 1.5px solid black;}
     /* div#menu div:nth-child(8){border-right-width:0;} */
	div.menu a,
	div.menu a:visited,
	div.menu a:link
    {
	/* width:90px; */
	 line-height:28px;
	 font-size: 14px;
	 text-align: center ;
	 font-weight: bold ;
	 color: navy;
	 text-decoration: none ;
	 margin:auto;
	 display:block;
	 white-space:nowrap ;
	}
	div#menu a:hover
    {
	     background-color: #F7A;
		 color: blue;
		 font-style: italic;
    }
	caption
	{
	  font-size: 1.25em;
	  font-weight: 700;
    }
	.cap{
	   display:block;
	   margin:auto;
	   font-size: 91%;
	   text-align: center;
	   font-weight: 700;
	 }
     .divFlex {
		  display:flex;
	      flex-wrap: wrap;
	      align-items:stretch;
	      justify-content:center;
		  align-content: center;
	  }
      .divFlex > div{min-width:320px; padding:0 .5%;}
   input,textarea,select{
  border-radius:6px;
  background-color: #EED;
  font-size: .9em;
  color: #333;
  border-color: blue;
  border-width: 1px;
  padding: 2px;
  margin: 4px;
  }
  fieldset{
  border-radius:6px;
  padding:4px;
  margin:4px;
  }
  legend{ padding: 0 4px;}
  *:focus{background-color: #FCC;}
tr.rates/*next two for rates table*/
   {
     font-size:16pt;
	 color:#306;
	 background-color:#CFF;
   }
td.rates2
   {
     font-size:15pt;
	 color:#003;
	 background-color:#FFF;
	 height:12px;
   }
td.rates
   {
     font-size:13pt;
	 color:#0AA;
	 background-color:#CFF;
   }
  /*  FOR RESERVATION FORM  */
  		#divReservation * {
		  font-size: 11px;
            /*  margin: 2px;
          padding: 1px;  */
		  font-weight: 700;
		  color:#111;}
		#divReservation img {margin: 0px;   padding: 0px;}
		#divReservation{
		  width:200px;
		  background-color:#78BE95 ;
		  position:relative;
		    /*  left:50px; top:30px;  */
		  padding:0px;
		  opacity:.7;
		  border-radius:12px;
		  float:left;
		  clear:right;
	   }
	   #divReservation select, #divReservation	input,  #divReservation select {border-radius: 2px; box-sizing: border-box;  padding: 1px; height:20px;}
	  #divReservation textarea {border-radius: 2px; box-sizing: border-box;  padding:1px; width:94%;}
      #divReservation	input[type=text]{width:94%;}
        /*  #divReservation select { margin: 0px; width:42px;}  */
      #divReservation	h2, #divReservation	h2 *{font-size: 1.5em; font-weight: 800;}
	  .CTC{
	       font-size: inherit;
		   font-weight: inherit;
		   font-style: inherit;
		   color:inherit;
	   }
	.yesShowIn, .yesShow, .yesShow800, .ys{display:none;}
    .floatleft{float:left; width:33.33%; clear:right; padding:0 1%;}
	.clear{clear:both;}
 @media screen and (max-width: 820px)
  {
      #menu2 {border: 1.5px solid #309; border-right: 0px solid black; border-bottom-width: 0px; width:auto; width: -moz-max-content; max-width:99%;}
     .floatleft{width:50% !important;}
	 .yesShow800{display:block;}
	 .noShow800{display:none;}
	#menu2 td{border-bottom: 1.5px solid black; width:25%; height:40px; border-right: 1.5px solid black;}
	div.menu a,
	div.menu a:visited,
	div.menu a:link
    {
	 height:40px;
	 font-size: 13px;
		line-height:20px;
	 white-space:normal;
	}
	h2, h2 * {font-size: 1.31rem;}
	h3, h3 * {font-size: 1.20rem;}
  }
 @media screen and (max-width: 560px)
  {
    #CLICK{ background-color: gold;  border: 2px solid blue; width:100%; height:47px;}
    #CLICK a {display:block; line-height:47px; font-size: 22pt; font-weight: 700; text-align:center;}
     input[type=text], textarea, select{width:90%;}
	  #frmRegister input[type=text]{width:45%; height:23px;}
     input, select{height:28px;}
     .floatleft{float:none; width:100% !important;}
     table.tdBlock td{display:block; width:100% !important;}
	.yesShowIn, .ys{display:inline;}
	.yesShow{display:block;}
	.noShow{display:none;}
	#divFlags img{width:60px; height:40px;}
	h2 { font-size: 14pt; font-weight: 600;}
	h1 { font-size: 15pt; font-weight: 600;}
	#divSS{height:auto !important;}
	input[type=text], textarea{font-size: 11pt;}
	td.rates {font-size: 11pt;}
	div#menu div{width:25%;}
    div#menu div.tb{border-top: 1.5px solid black;}
	#headerRight{width:100%; padding:0; float:none;}
	 /* tr.dontBreak td{display:table-cell; padding:0  !important;} */
	 h1, h1 *{
	font-size: 16pt;
	font-weight: 600;
   }
  h2, h2 *{
	font-size: 14pt;
	font-weight: 600;
  }
  h3, h3 *{
	font-size: 13pt;
	font-weight: 500;
  }
  h4, h4 * {font-size: 12pt;}
  body{
   margin:0;
   font-size:13px;
   }
   #main{border-radius: 0;}
}