div {
float: left;
clear: both;
}


img {
float: left;
clear: both;
width: 90%;
margin-left: 5%;
margin-bottom: 3vh;
}




.picframe{
/*position: absolute;*/
margin-top: 2%;
margin-right:2%;
margin-left:1%;
/*background-color: brown;*/
width: 38%;
clear: none;
}



/* pages 2 and others use a grid or tiled photo scheme  */
.tilepic {
width: 30vh;
height: 30vh;
clear: none;
width: 45%;
margin-left: 5%;
margin-bottom: 1vh;
/*background-color: yellow;*/
}

.smallpic img {
float: left;
clear: none;
width: 94%;
}


p {
/*position: absolute;*/
/*width: 700px;*/
margin-left: 2%;
float: left;
clear: both;
font-size: 22px;
}


#container{
	background-color:#e2c5e8;
	width: 90%;
	/*height: 1220px;*/
	margin-bottom:78px;
	margin-left: 5%;
}

#menuheader{
	background-color:#000000;
	width: 100%;
	/*height: 120px;*/
	padding-top: 90px;
}

.menubox{
	/*background-color:transparent;*/
		clear: none;
	/*width: 10%;*/
	min-width:10%;
	/*height: 110px;*/
	margin-left: 3.5vw;
	/*position: relative;*/
	text-align:center;
	font-size: 20pt;
}

#contentholder {
	background-color:#d98dcb;
	margin-top:10vh;
	width: 100%;
	/*height: 1000px;*/
}

.phead{ 
	margin-left: 3%;
    font-size:  35px;
    font-family:'Nuosu SIL', serif;;
}
.subhead{
	margin-top: 2%;
	margin-left: 3%;
	font-size: 34px; 
	font-family:font-family: 'Montserrat', sans-serif;
}



/* text frame */
.tframe{
/*position: absolute;*/
margin-right:2%;
margin-left:1%;
/*background-color: blue;*/
width: 52%;
clear: none;
padding: 1%;
}


a{
	color:white;
	text-decoration:none;
	font-size: 13px;
}
#list{
	float:right;
}
#list2{
	float: right;
}


ol{
	font-size: 45px;
}


/*consider these selectors below are not needed*/

.page2photos{
	width:80%;
	clear:both;
}
.page2{
	clear:none;
}
.page3photos{
	margin-top:10%;
	width:70%;
}
.page4photos{
	margin-top:5%;
}
.page5photos{
	margin-top:5%;
}
.page6photos{
	margin-top:10%;
	width: 70%;
}