body {
	background-color: #FFF6CF;
	background-repeat:repeat;
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: normal;
}
.clear { clear : both; }
.float-header {
	display: block;
	background-color: #FFF6CF;
	
}
.float-child {
	width: 30%;
    float: left;
    padding: 20px 0 7px 24px;
}
.float-child.email {
	float: right;
	padding-top: 39px;
    padding-bottom: 0;
} 
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
/*a:link {
	color: #42413C;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
} */
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

h3{
	color:#996633;
	font-size: 18px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: normal;
	}

h4{
	color:#bb5f03;
	font-size: 15px;
	margin-bottom: 10px;
	}
figure {
    margin: 0 5px;
    padding-top: 10px;
    margin-inline-start: 0;
    margin-inline-end: 0;

}
/* ~~ this fixed width container surrounds all other elements ~~ */
.container {
	width: 960px;
	background: url("images/LindaHarris.jpg");
	background-color: #FFF6CF;
	background-repeat: repeat-x;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
.spacer {padding: 5px 10px 12px 10px;}
.divider {padding:10px 2px ;}