html, body{
	color:#505050;
	background-color:white;
	cursor:progress;
	height: 100%;
	font-family: 'Titillium Web', sans-serif;
	font-size: 14px;
	font-style:normal;
	line-height: 17px;
}
.main-container{
	width:900px;
	margin:0 auto;
}
p{
	float: left;
	padding: none;
	margin-top:400px;
}
ul{
	padding-inline-start: 0px;
}
li{
	list-style-type: none;
}
li:hover{
	cursor:pointer;
	text-decoration: none;
	color:midnightblue;
}
#about-here:hover{
		background-color: orange;
		color:white;
}
#boop{
	display: none;
	font-size:12px;
}
#boop1{
	display:none;
	font-size:12px;
}
#boop2{
	display:none;
	font-size:12px;
}
#boop3{
	display:none;
	font-size:12px;
}
#boop4{
	display: none;
	font-size:12px;
}
#toggle{
	cursor:pointer;
	display:inline;
}
#toggle1{
	cursor:pointer;
	display: inline;
	color: orange;
}
#toggle2{
	cursor:pointer;
	display:inline;
	color: orange;
}
#toggle3{
	cursor:pointer;
	display:inline;
	color: orange;
}
#toggle4{
	cursor:pointer;
	display:inline;
	color: orange;
}
#toggle:hover{
	display: inline;
	background-color: orange;
	color:white;
}
#toggle1:hover{
	display:inline;
	background-color:orange;
	color:white;
}
#toggle2:hover{
	display:inline;
	background-color: orange;
	color:white;
}
#toggle3:hover{
	display:inline;
	background-color:orange;
	color:white;
}
#toggle4:hover{
	display:inline;
	background-color:orange;
	color:white;
}
#email{
	font-weight: bold;
}
h1{
	font-weight: bold;
	font-style: normal;
}
a{
	font-style: normal;
	list-style-type: none;
	color: #505050;

}
hr{
	height:1px;
	border: 1px solid slategray;
}
a:link{
	color: black;
	text-decoration: none;
}
a:hover{
	cursor:pointer;
	text-decoration: none;
}
#albedohats:hover{
	color:orange;
}
#pc:hover{
	color:orange;

}
#fromtheWell:hover{
	color:orange;
}
#newwork:hover{
	color:orange;
}
#meredithemery:hover{
	color:orange
}
h1:hover{
	color:orange;
}
.img4{
	width:750px;
	height:500px;
	background-image: url(img/4.jpg);
	background-size: 100%;
	background-position: center;
	float: right;
}
#footer{
	background-color: none;
	position: relative;
	margin:0 auto;
	width:900px;
	clear:both;
}
#footer:hover{
	color:midnightblue;
}
#description-forwardtogether{
	position:asbolute;
	bottom:300;
	right:100;
	width:250px;
	display:block;
	font-size: 14px;
	float:left;
}
#description-allthatremains{
	position:absolute;
	bottom:300;
	right:100;
	width:250px;
	display:block;
	font-size: 14px;
	float:left;
}
#description-title-all{
	font-weight: bold;
}
#description-standingbythefall{
	position:absolute;
	bottom:300;
	right:100;
	width:250px;
	display:block;
	font-size: 12px;
	float:left;
}
#description-chapelhillstream{
	position:absolute;
	bottom:300;
	right:100;
	width:250px;
	display:block;
	font-size: 14px;
	float:left;
}
#description-between{
	position:absolute;
	bottom:300;
	right:100;
	width:260px;
	display:block;
	font-size: 12px;
	float:left;
}
#description-silence{
	position:absolute;
	bottom:300;
	right:100;
	width:260px;
	display:block;
	font-size: 14px;
	float:left;
}
#grp1{
	width:900px;
	margin:0 auto;
	overflow: auto;
	float: hidden;
	}
	#plus-footer:hover{
		display:inline;
		background-color:orange;
		color:white;
		font-size:12px;
	}
	#footer-between{
		position:absolute;
		background-color: none;
		padding-top:600px;
		width:900px;
		clear:both;
	}
	#footer-about{
		position:absolute;
		background-color: none;
		padding-top:40px;
		width:900px;
		clear:both;
	}
	/*#footer-between:hover{
		display:inline;
		background-color:#e6f5ff;
		color:white;
		font-size:12px;
	}*/
	#footer-silence{
		position:absolute;
		background-color: none;
		padding-top:75px;
		width:900px;
		clear:both;
		font-size: 14px;
	}
	/*#footer-silence:hover{
		display:inline;
		background-color:#e6f5ff;
		color:white;
		font-size:12px;
	}*/
#description-title-stream{
	font-weight: bold;
}
#description-title-silence{
	font-weight: bold;
}
#description-title-between{
	font-weight: bold;
}
#description-title-forward{
	font-weight: bold;
}
	* {box-sizing: border-box;}
	.mySlides {display: none;}

	img {vertical-align: middle;
				margin: 0 auto;}

	/* Slideshow container */
	.mySlides{
		text-align: center;
	}
	.slideshow-container {
		/* width:450px; */
		/* height:600px; */
		background-size: 100%;
		background-position: center;
		float: right;
		margin-left: 0;
		margin-right: auto;
		display: block;
	}

	/* Caption text */
	.text {
		display: none;
		color: #f2f2f2;
		font-size: 15px;
		padding: 8px 12px;r
		position: relative;
		bottom: 8px;
		width: 100%;
		text-align: right;
	}

	/* Number text (1/3 etc) */
	.numbertext {
		color: #505050;
		font-size: 12px;
		padding: 8px 12px;
		position: right;
		top: 0;
	}
	.numbertext1{
		position: absolute;
		z-index: 999;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 70%;
		text-align: right;
		width: 30%;
		font-size: 12px;
	}

	/* The dots/bullets/indicators */
	.dot {
		height: 0px;
		width: 0px;
		margin: 0 2px;
		background-color: #bbb;
		border-radius: 0;
		display: none;
		transition: background-color 0.6s ease;
	}

	.active {
		background-color: #717171;
	}

	/* Fading animation */
	.fade {
		-webkit-animation-name: fade;
		-webkit-animation-duration: 1.5s;
		animation-name: fade;
		animation-duration: 1.5s;
	}
	.audio{
		background-size: 100%;
		background-position: center;
		padding-left: 150px;
		/*float: center;*/
		margin-left: 0;
		margin-right: auto;
		display: block;
	}