@import url('https://fonts.googleapis.com/css2?family=Long+Cang&family=Berkshire+Swash&display=swap');
			body {
				font-family:  'noto sans', sans-serif;
				font-size: 90%;
				color: #000;
				background-color: rgb(170, 231, 255);}
			li {
				list-style-image: url("images/icon-plus.png");
				line-height: 1.6em;}
			table {
				border-spacing: 0px;}
			th, td {
				padding: 5px 30px 5px 10px;
				border-spacing: 0px;
				font-size: 90%;
				margin: 0px;}
			th, td {
				text-align: left;
				background-color: #e0e9f0;
				border-top: 1px solid #f1f8fe;
				border-bottom: 1px solid #cbd2d8;
				border-right: 1px solid #cbd2d8;}
			tr.head th {
				color: #fff;
				background-color: #90b4d6;
				border-bottom: 2px solid #547ca0;
				border-right: 1px solid #749abe;
				border-top: 1px solid #90b4d6;
				text-align: center;
				text-shadow: -1px -1px 1px #666666;
				letter-spacing: 0.15em;}
			td {
				text-shadow: 1px 1px 1px #ffffff;}
			tr.even td, tr.even th {
				background-color: #e8eff5;}
			tr.head th:first-child {
				/* WebKit is a browser engine used in Apple's Safari browser, Amazon 
				  Kindle e-book reader, BlackBerry Browser in OS 6 and above.

				  Not all CSS3 properties work well in all browsers. In a way to ensure that web pages display as expected in their browsers, vendors like Mozilla and Webkit developed their own browser-compatible properties. With CSS3, many compatibility issues are now resolved.
				  However, it is not unusual to still see these properties used in stylesheets. */

				/* Webkit property*/
				-webkit-border-top-left-radius: 5px;

				/* Mozilla property*/
				-moz-border-radius-topleft: 5px;

				/* CSS3 property*/
				border-top-left-radius: 5px;

				/* More on border-radius property: https://www.the-art-of-web.com/css/border-radius/ */
			}
			tr.head th:last-child {
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topright: 5px;
				border-top-right-radius: 5px;}
			fieldset {
				width: 310px;
				margin-top: 20px;
				border: 1px solid #d6d6d6;
				background-color: #ffffff;
				line-height: 1.6em;}
			legend {
				font-style: italic;
				color: #666666;}
			input[type="text"] {
				width: 120px;
				border: 1px solid #d6d6d6;
				padding: 2px;
				outline: none;}
			input[type="text"]:focus,
			input[type="text"]:hover {
				background-color: #d0e2f0;
				border: 1px solid #999999;}
			input[type="submit"] {
				border: 1px solid #006633;
				background-color: #009966;
				color: #ffffff;
				border-radius: 5px;
				padding: 5px;
				margin-top: 10px;}
			input[type="submit"]:hover {
				border: 1px solid #006633;
				background-color: #00CC33;
				color: #ffffff;
				cursor: pointer;}
			.title {
				float: left;
				width: 160px;
				clear: left;}
			.submit {
				width: 310px;
				text-align: right;}
			
			#page {
				max-width: 940px;
				min-width: 720px;
				margin: 10px auto 10px auto;
				
				border: 4px  #000;
				background-color: #f6f4e8;
				vertical-align: baseline;
			}
			.center-mid-1{
				width: 940px;
				background-color: #BEB594;
				padding-bottom: 15px;
				padding-top: 5px;
				}

			.center-mid-2{
				width: 940px;
				background-color: #efeae6;
				padding-bottom: 15px;
				padding-top: 5px;
				}

			.center-mid-3{
				width: 940px;
				background-color: #dee1e5;
				padding-bottom: 15px;
				padding-top: 5px;
				}

			.center-2{
				width: 940px;
				margin: auto;
				padding-bottom: 15px;
				padding-top: 5px;
				}
			
			.center-3{
				width: 300px;
				margin: 0 0;
				}

			.img-1{
				width: 100%;
			}
			.img-2{
				margin-right: 10px;
				width: 30%;
				height: 400px;
                padding: 5px;
			}
			#norightpadding{
				margin: 0px;
			}
			.center-text {
				text-align: left;
				margin: 0 40px;
			}
			.center-2>h1, .center-2>p{
				text-align: center;
			}
			
			h1.center-text
			{
				font-family: 'Berkshire Swash', serif;
				font-size: 550%;
			}
			h4.center-text {
				margin-bottom: 10px;
				margin-top: 10px;
			}
			h2.center-text {
				margin-bottom: 15px;
				margin-top: 15px;
			}
			
			
			.menu-holder {
		    float: right;
		    max-width: 80%;
	        text-align: center;
	        height: 100%;
	        background-color: #ffffff;
	        right: -100%;
	        top: 0;
	        transition: right .3s ease;
	        width: 100%;
	        overflow: auto;
	        max-width: 100%;
	        z-index: 99;
   			 }     

			ul {
		    list-style-type: none;
		    margin: 0;
		    padding: 0;
				}

			ul li {
				display: inline;
				padding: 10px;
				float: right;
			}

   			ul li a, 
   			ul a :hover, 
		    ul li a:focus, 
		    ul li a:active {
            border: none;
            text-decoration: none;
            color: inherit;
			}
			.smlogo{
				height: 21.3px;
				width: 17px;
				margin: auto;
			}
            footer {
                text-align: center;
            }
            /*–––––––––––––––––––––––––––––––––––––– specific CSS for photos.html–––––––––––––––––––––––––––––––––––––––––––––– */
            h1.photos, p.photos {
				margin-left: 40px;
				margin-right: 40px;}
            h1.photos-2, p.photos-2 {
                    margin-left: 40px;
                    margin-right: 40px;
                    text-align: center;}
                    
                .gallery {
                    display: flex;
                    flex-wrap: wrap;
                    padding: 0 5px;
    
                }
                .column {
                    flex: 33.33%;
                    max-width: 33.33%;
                }
                .column img {
                      margin-top: 8px;
                      vertical-align: middle;
                      width: 100%;
                }


            /*––––––––––––––––––––––––––––––– specific CSS for places.html––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
            
            table.center-2{
				max-width: 940px;
			}
			h1.places, p.places {
				margin-left: 40px;
				margin-right: 40px;
			}
			#city {
				background-color:rgb(233, 157, 70);
			}
			#state {
				background-color:rgb(52, 99, 52);
			}
			#timezone {
				background-color:rgb(194, 68, 68);
			}
			#location {
				background-color:rgb(248, 78, 183);
			}
            /* –––––––––––––––––––––––––––––––––specific CSS for tips.html–––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
            #vid1, #vid2, #vid3 {
				margin-left: 180px;
				margin-bottom: 50px;
			}
			h2.tips {
				margin-left: 10px;
			}
			#address{
				margin-left: 170px;
			}
            .center-mid-3-tips {
                background-color: #f6f4e8;
            }
			/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */