:root{
	  --menu-border: #007138;
	  --fontColor1:midnightblue;
	  --background-color: DarkSeaGreen;
	}
	*{
	  font-family: "Comic Sans MS", "MarkerFelt-Thin", arial, helvetia, courier;
	  max-width:100%;
	  box-sizing:border-box;
	}   /* #264420 */
	body
   {
	 width: min(1200px, 100%);
     background-color: var(--background-color);/* #97A663; */
	 margin: 4px auto;
	 overflow-x:hidden;
      font-size: 14px;
	  font-weight:600;
   }
 html{
   background-color: var(--background-color);/*   #789E75;    #17A43A;  */
    background-image: url('../images/forest_bkgd.jpg');
    /*   background-size: cover;
     background-position: fixed;  */
   }

 	img{border-width:0; height:auto;}
   nav, #wrap, #navSlide{position:sticky; top: 0; z-index:1000;}
   #h2Header, #h2Header *{
       font-style: italic;
	   color:var(--fontColor1);
	   margin-left:0;
	   margin-right: 0;
	   font-size:17px;
  }
  	a.featured{
  display:inline-block;
  background-color: Salmon;
  padding:8px;
  border-radius:8px;
  font-size: 17px;
   /* line-height:33px; */
  font-weight: 600;
  border:2px solid navy;
  color:navy;
  }
   #FBURL{position: absolute; left:90%; top:1px;}
	#Content
	{
	 padding:8px;
	 min-height:60vh;
	 /*border:1px solid #090;*/
	 }
	#Content2{padding:0px 10px;}
	table.menu
	{
	 top: 0px;
	 left: 0px;
	 position:relative ;
	 margin:0px !important;
     border: 1.5px solid black; border-right: 0px solid black;
	 z-index: 1;
	 width:100%;
	 background-image: url('../images/menu_bkg.jpg');
	 background-repeat: repeat-x;
	}
	table.menu a
	{
	 margin:0px !important ;
	 padding: 5px 5px 5px 5px !important ;
	 display:block !important;
	 position:relative !important ;
	 height:100%;
	  color:#FEFBDA;
	}
   #header_inner
   {
     font-size:14pt;
	 font-weight: 800;
   }
   #header_inner
   {
	 background-image: url('/images/header4.jpg');
	 background-repeat: no-repeat;
	 background-size:cover;
	 background-position: left;
	 height: 188px;
	 position:relative;
	 width:100%;
   }
	#headerAddress{
      font-size:1.2em;
	  color:var(--fontColor1);
	  position:absolute;
	  left:30%; top:60px
	}
	#logo{margin-left: 30%;}
	  .cols{columns:400px; padding:2%;}
  .cols p:first-child{margin-top: 0;}
	table#menu tr td {border-right: 1.5px solid black;}
	  .cols{columns:400px 2; padding:0%;}
  .cols p:first-child{margin-top: 0;}
	div.menu a,
	div.menu a:visited,
	div.menu a:link
    {
	/* width:90px; */
	 height:25px;
	 font-size: 11pt !important ;
	 text-align: center !important ;
	 font-weight: bold !important ;
	 text-decoration: none !important ;
	 margin-bottom:0px !important ;
	 display:block !important;
	 white-space:nowrap ;
	}
    table.menu a:hover
	{
	   color:red;
	   background-color: blue;
	  }
	div.menu td
	{
	 border-bottom: 0px none #D33824 ;
	 border-top: 0px none #D33824 ;
	 border-left: 0px none #D33824 ;
	   /*  background-image:none;
	 background-color: #FFDE79;  */
	}
	caption
	{
	  font-size: 13pt;
	  font-weight: 700;
    }
	option{
	  font-size: 9pt;
	  font-weight: 500;
    }
	option:nth-child(even){background-color: #FFCC99;}
a.tl:visited
{
   color: blue;
}
 a.tl:hover
{
   color: blue;
}
tr.rates/*next two for rates table*/
   {
     font-size:13pt;
	 color:#306;
	 background-color:#CFF
   }
td.rates2
   {
     font-size:12pt;
	 color:#003;
	 background-color:#FFF;
	 height:12px;
   }
td.rates
   {
     font-size:13pt;
	 font-weight: 800;
	 color:#0AA;
	 background-color:#CFF
   }
h1,h1 *,h2,h3,h4,h5,h2 *,h3 *,h4 *,h5 *
{
	line-height: 109%;
	text-align: center;
	margin: 4px 6px;
}
h1, h1 *{
	font-size: 21pt;
	font-weight: 700;
}
h2, h2 *{
	font-size: 17pt;
	font-weight: 600;
}
}
h3, h3 *{
	font-size: 14pt;
	font-weight: 600;
	color:#33C;
	font-style:italic;
}
h4, h4 *{font-size: 13pt;}
h5, h5 *{ font-size: 12pt;}
tr{
    vertical-align:top;
}
a{
    text-decoration: none;
    color:inherit;
	font-weight:inherit;
    font-size: inherit;
}
a:visited {color: #A0A;}
a:hover{
	color: #900;
    text-decoration: underline;
 }
 p{
    text-indent: .25in;
	text-align: left;
  }
  hr{margin:3px 0; height:2px; color: #096;}
  ul {font-weight: 600;}
  small{font-size:8pt; }
   #footerLinks a{
     font-size:9pt;
   }
   #footer{
     font-size:9pt;
	 height:100px;
	 border-top:1px solid blue;
   }
   #divPics{ padding:1% 4%;}
   legend{
     font-size:14pt;
	 font-weight: 700;
     color: #339;
   }
   /*  #flashWide{width:98%;}
     img, *{
   max-width:99%;}  */
   .img{
   margin: 4px auto;
   display:block;
   }
   input,textarea,select{
	  border-radius:6px;
	  background-color: #EED;
	  font-size: 14px;
	  color: #333;
	  border-color: navy;
	  border-width: 1.5px;
	  padding: 4px;
	  margin: 4px;
  }
   input[type=submit], input[type=reset]{
	  border-radius:6px;
	  background-color: #EED;
	  font-size: 16px;
	  color: #333;
	  border-color: navy;
	  border-width: 2px;
	  padding: 7px;
	  margin: 4px;
	  font-weight: 700;
  }
  fieldset{
  border-radius:6px;
  padding:4px;
  margin:4px;
  width:auto;
  }
#campground_facilities_activities{padding:0 20px;}
#campground_facilities, campground_activities{width:48%; float:left; padding:0 1%;}
.clear{clear:both;}
.float{float:left; width:50%; margin:auto; padding:4px 0px;}
  	  /*  fiddler   6/11/2015 */
ul#ulMenu{
border:1px solid var(--menu-border);
 /* border-top:1px solid #39F;
background-image: url('../images/menu_bkg.jpg');*/
background-color: #7CBD75;
}
ul.tabs {
    margin:  0;
    padding: 0;
    list-style: none;
    display: table; /* [1] */
    table-layout: fixed; /* [2] */
    width: 100%; /* [3] */
	height:24px;
              /*  background-color: #BADA55;
    background-image: url('../images/menu_bkg.jpg');*/
	background-repeat: repeat-x;
	background-size:auto 100%;
}
    ul#ulMenu li {
        display: table-cell; /* [4] */
	    height:24px;
		border-left:1px solid  var(--menu-border);
		vertical-align: middle;
    }
	ul#ulMenu li:first-child{border-left:0 solid  var(--menu-border);}
	/**
 * Primary nav. Extends `.tabs`.
 *
 * 1. Stop tabs’ corners leaking out beyond our 4px round.
 */
.primary-nav {
    text-align: center;
    border-radius: 4px;
    overflow: hidden; /* [1] */
	}
 .primary-nav a {
            padding: 0 .3em;
              /*  background-color: #BADA55;  */
            color: var(--fontColor1);  /* #fff; */
            font-weight: bold;
            text-decoration: none;
			display: block;
			font-size:1em;
        }
  /*         .primary-nav li:hover {
            background-color: #A3C43B;
        }
 fiddler   6/11/2015  */
 .yesShow{display:none;}
 .yesShowIn{display:none;}
 .floatleft{float:left; width:50%;}
  a.CTC{*:inherit;}
 .center{margin:auto;text-align: center;}
     /*  slide menu mobile

	#navSlide{z-index:100;position:relative;}
	#navSlide{position:absolute; z-index:100; top:50px;} */
    #SlideMenu {display:none; background-color: #F63; position:absolute; z-index:100; top:50px;}
	 #SlideMenu a{
		border: 1px solid blue;
		border-bottom-width: 0;
		display: block;
		line-height: 30px;
		font-size: 18px;
		text-align: left;
		padding-left:2%;
	}
	 #SlideMenu a:hover{
        background-color: #FFF;
		color:#F00;
		}
	 #SlideMenu a:last-child{
		border-bottom: 1px solid blue;
		}
	#SlideMenu a.sub{padding-left:12%; font-size: 16px;}
    span.bubble{
    border-radius: 6px;
	border:1px solid #EEE;
    margin: 4px;
    padding: 4px;
    width: auto;
    }
    input[type=text], select, textarea{width:96%;}
   #logoSM{display:none;}
   #skipNav{
    position: absolute;
	display:inline-block;
	padding:5px;
	background-color: LightSalmon;
    left: 1%;
    top: -10%;
	font-weight: 700;
	z-index:10000;
   }
   #skipNav:focus{
    top: 2%;
  }
		 /* @media */
 @media screen and (max-width: 800px)
 {
    #logo{display:none;}
    #logoSM{display:block;}
 	body{ width: 100%;  margin:0;}
 	#logo{margin-left: 9%;}
   .shimg800{display:none;}
   .thinonly{display:block;}
   	#headerAddress{  font-size:11pt; 	left:10%; top:10%; width:90%;}
	#FBURL{ left:0%; top:20%;}
   #campground_facilities_activities{
    padding-left:1%;}
	    .tabs__item {
        display: block; /* [4] */
		float:left;
	    height:28px;
		border-left:1px solid blue;
		border-bottom:1px solid blue;
		width:33.3%;
		overflow:hidden;
    }
	.tabs__item:last-child{border-right:1px solid blue;}
	.img{margin:0px;}
 }
  @media screen and (max-width: 620px)
  {
		#divSS{height:auto !important;}
		#ulLinks a{font-size: 13px;}
		#ulLinks {padding-left:4px; list-style-type: none;}
		#FBURLpic{position: absolute;right:2%; bottom:-10px; width:28px;height:auto;}
		#TwitURLpic{position: absolute;right:12%; bottom:-10px; width:28px;height:auto;}
		#YelpURLpic{position: absolute;right:22%; bottom:-10px; height:28px;width:auto;}
		body{margin: 0;}
		#campground_facilities_activities{padding:0;}
		#campground_facilities, campground_activities{width:100%; float:none; padding:1%;}
		.yesShowIn{display:inline;}
		#wrap{display:none;}
		#FBSHARE, .noShow{display:none;}
		table.tdBlock > tbody > tr > td, td.tdBlock {display:block; width:100%;}
		.yesShow{display:block;}
  }
 @media screen and (max-width: 550px)
 {
    fieldset{margin:2px 0px;}
    #CLICK{ background-color: gold;  border: 2px solid blue; width:100%; height:54px; margin-top:48px;}
    #CLICK a {display:block; line-height:47px; font-size: 22pt; font-weight: 700;}
	#Content {
		min-height: 140px;
		padding: 4px;
	}
  #frmSS input[type=button]{margin:0;}
  #tblCalendar td, #tblRates td {display:table-cell;}
    /* input[type=text], select, textarea{width:96%;} */
   input[type=text], select{height:30px;}
   .floatleft{float:none; width:100% !important;}
    /* table.tdBlock > tr> td, td.tdBlock, .yesShow{display:block;} */
   div, .float{float:none; width:100% !important;}
   #campground_facilities_activities{padding:0 2px;}
   #campground_facilities, campground_activities{width:100%; float:none;}
	 ul#nav{
		height: 75px;
		border-width:1px;
	  }
	#nav li a{
		font-size:12px;
		line-height: 25px;
	 }
	#nav li{
		width:32%;
		height: 25px;
       border-width: 1px;
	 }
	 h1{	font-size: 18px;}
	h2, h2 *{	font-size: 17px;}
	h3, h3 *{ 	font-size: 16px;}
	h4, h4 * {	font-size: 15px;}
	h5{ 	font-size: 14px;}
td.des, td.title{max-width:120px;}
.shimg{display:none;}
input[type=button], input[type=submit], input[type=reset]{
   font-size: 12px;
   max-width:49%;
  }
#div2  /*  homepage  */{
      height:250px; background-size:100% auto; background-repeat: repeat-y; }
	#main{max-width:95%;}
#footer{
  background-image: none;
  height:auto;
  margin:0;
}
#H2INDEX{
color:gold; font-weight: 700; text-align: left; font-size: 15px;}
#H2FOOTER{font-size:14px;margin-bottom:1px;}
#topimg{width:350px; height:auto;}
div{float:none; width:100%;}
.thinonly{display:block;}
.menu-pic{display:none;}
 .divMenu{float:none; width:100%;}
 #best_ice_cream_in_saratoga  td{display:block;}
 #divShares{display:inline;}
 .ICON{width:25px; height:25px; margin:1px;}
 input[type=submit], input[type=button], input[type=reset]{height:32px !important; font-size: 9pt;}
}  /*  end media query for small  */