html,body{
min-height:100%;
 margin:0;
   padding:0;
}
body#home ,body#overview ,body#biography ,body#performance ,body#cd ,body#contact{
margin:0px auto;

}


#HeaderBody {
	background-color: #FFFFFF;

	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
   
	 text-align:center;
	 border-bottom:1px;
	 
}
#topDiv {
        width: 100%;
  display:block;
      
		background-image: url("/images/Pipes%20website%20bar.png");
		background-size:cover;
		padding:10px 0px; 
		margin: 0px auto;
    }
 #bottomDiv {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;      


      
		background-image: url("/images/Pipes%20website%20bar.png");
		background-size:cover;

   /* bottom:0; */
 
  /* display:none; */
    }
	
	footer{
		display:block;
			background-image: url("/images/Pipes%20website%20bar.png");
		background-size:cover;
		padding:10px 0px; 
		margin: 0px auto;
		display:none;
	}
   div#centerDiv {
        width: 100%;
        text-align: center;
        
		/* background-image: url("/images/Pipes%20website%20bar.png"); */
		background-color:black;
		background-size:cover;
		padding:2px 0px; 
		margin: 0px auto;
    }
    ul.centerUL {
        margin: 0px auto;
     
		padding:0px 10px;
		font-family: 'Goudy Bookletter 1911', serif;
    }
	@media screen and (min-width: 801px){
    .centerUL li {
        display: inline;
        text-align: center;
		padding:7px 2%;
		font-size:medium;
		list-style-type: none;
		font-family: 'Goudy Bookletter 1911', serif;
    }
	}
	@media screen and (max-width: 800px){
	
	 .centerUL li {
       list-style-type: none;
        text-align: center;
		padding:7px 7%;
		font-size:medium;
		font-family: 'Goudy Bookletter 1911', serif;
    }
	}
	
	body#home a#navHome,body#overview a#navOverview,body#biography a#navBiography,body#performance a#navPerformance,body#cd a#navCD,body#contact a#navContact{
	color:#000000;
	background:#ffffff;
	
	padding:3px 5%;
	}
	
	#centerDiv ul li a {
	color:#ffffff;
	font-family: 'Goudy Bookletter 1911', serif;
	text-decoration:none;
	font-size:larger;
	}
	#blackBox{
	background-color:black;
	color:black;
	float:left;
	width:100%;
	margin:0px;
	}
	
	#line{
	display:block;
	
	height:1px;
	margin:10px 0px;
	border-bottom-style:solid;
	border-bottom-color:#000000;
	border-bottom-width:1px;
	}
ol li, p {
letter-spacing:0.5px;
font-family: 'Goudy Bookletter 1911', serif;
text-align:justify;
font-size:large;
}

ol li{
letter-spacing:0px;
font-family: 'Goudy Bookletter 1911', serif;
}
.ParagraphHeader{
font-size:x-large;
letter-spacing:0.5px;
font-family: 'Goudy Bookletter 1911', serif;
text-align:justify;
}

.HeaderTitle {
font-size:17pt;
margin:40px 0px;
font-family:sans-serif;
letter-spacing:0px;
}
#content{
width:100%;
margin:0 auto;
height:auto;
display:inline-block;
}
#spacing{

width:auto;
margin:10px 0px 0px 20px;
}
@media screen and (max-width: 1366px){
#container{
width:800px;
margin:0px auto;
position: relative;

}
}
@media screen and (min-width: 1367px){
#container{
width:1000px;
margin:0px auto;

}
#blackBox{
	margin-top:-250px;
	}
}
@media screen and (max-width: 800px){
#container{
width:100%;
margin:0px auto;

}

#leftImage{
width:50%;
margin:0px auto;
position:relative;
margin-bottom:0px;
}
#rightText{
width:100%;
float:left;
}
#spacing{

width:auto;
margin:10px 20px 10px 20px;
}
#blackBox{
	display:none;
	}
	
}
@media screen and (min-width: 801px){
#leftImage{
width:40%;
float:left;
}
#rightText{

width:60%;

float:left;
}
}