body {
	background-image: url('img/leaveslight50.jpg');
	background-repeat: repeat;
  	background-size: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size:100%;
	color: #1a1400;	 /* color a very dark brown */
	max-width:1000px;
	margin:2% auto 0 auto;
	background-attachment: fixed;
}

/* v link clr 604600, 7e5900 */

h1 {font-size:1.7em;}
h2 {font-size:1.5em;}
h3 {font-size:1.3em;}


h1, h2, h3  {
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	color:#1a1400; 	
}
		

/* set the basic page links formatting */
a:link {text-decoration: underline; font-weight: normal; color:#594501;}
a:visited {text-decoration: underline; font-weight: normal; color:#800000;}
a:hover {text-decoration: none; font-weight: normal;}
a:active {text-decoration: underline; font-weight: normal;}


img {
    	max-width: 100%;
    	height: auto;
	border: 2px solid #423200;
}


.item {border: solid 5px #423200; background-color:white;padding:10px;}

.grey {background-color: LightGrey; padding:1em; border: solid 10px black;}


.content {margin: 0 3%;
  	padding:  1em 16px 2em 16px; 
  	height: 100%;
  	background-color:#fffcf5;
  	background-attachment: fixed; 
}

.thirds {max-width:260px; height:100%; float:left; padding:8px;margin:.5em auto;}
.abc {max-width:450px;height:100%; padding:8px;margin:.5em auto;}
.gap {clear:both; margin-bottom:1em;}

.f {float:left;margin: 0 4px;max-width:408px;}
.t {margin:3px 14px;}

p:before {
  content: "";
  width: 8em;
  display: block;
  overflow: hidden;
}

p {margin: 0.5em 1.5% 0.5em 1.5%;}

p.x {margin-top: 3%;}

p.s {margin-top: 6%;}

p.ss {margin-top: 10%;}

p.m {margin-top: 15%;}

p.b {margin-top: 20%;}

p.l {margin-top: 30%;}

.c {text-align: center;}



/* for indiv pages */

.meas {width:460px;display:inline;}

.col-1, .col-2 {border-right:2px solid #acacac;float:left; padding: 0.5em 1.5% 0.5em 1.5%; text-align:left;}

.col-2 {border:0;}

.gtit {color:#808080;}


/* all pages again */
.footer {text-align: center; font-size: 85%; padding: 2em 0;}


#copy {
	text-align: center;
	font-size: 75%;
	padding: 30px 5px 0 5px;
}


#copy:after  {
	content:"\00A9  All Content Copyright Frances Potter, 2024";		
}





/* Make the heading text sizes smaller for small screens */
@media screen and (max-width: 470px) {
	h1 {font-size:1.4em;}
	h2 {font-size:1.2em;}
	h3 {font-size:1em;}
.t {margin:2px}
}

/* Make the measurement panels change for smaller screens */
@media screen and (max-width: 650px) {
.content {height:100%;}
.meas {width:140px;margin:0 auto;display:block;}
.col-1, .col-2 {width:132px; border-right:0; border-bottom:2px solid #acacac;float:left; padding: 0.5em 1.5% 0.5em 1.5%; text-align:left;}
.col-2 {border:0;}
.thirds {float:none; padding:8px;margin:.5em auto;}
}

@media print {

body {background-color: white;}
#mysidebar {display:none;}
.sidebar {display:none;}
div.content {margin: 0;color:black;}
img {border:0;}

}


<!--/*div, a, input {border: 1px solid blue;} h1, h2, h3, h4, h5, ul {border: 1px solid pink;} p, table td, col {border: 1px dashed purple;} img, ul li {border: 2px solid red;} 
*/