body{
	background-color: rgb(10 10 10);
	overflow: auto;
}

.DiscographySectionContainer{
	position: absolute; 
	width: 99%; 
	height:auto; 
	padding-top:48vh;
}

.DiscographySectionTable{
	color: white;
	margin-left:auto;
	margin-right:auto;
}

.DiscographySectionTable tr > td:nth-child(5) div{
	width: 100%;
	height:auto;
	max-height:200px;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 18px;
	overflow: auto;
	border: thin solid gray;
	background-color: rgb(45 45 45);
	color: white;
	font-family: Constantia;
}


.DiscographySectionTable th{
	font-size: 30px;
	font-family: Footlight MT;
	background-color: black;
}

.DiscographySectionTable tr > td:nth-child(1), #DiscographySectionTable tr > td:nth-child(2),
.DiscographySectionTable tr > td:nth-child(3){
	font-size: 20px;
	background-color:black;	
	border: thin solid black;
	text-align: center;
}

.DiscographySectionTable tr > td:nth-child(4){
	padding-left:100px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:rgb(45 45 45);
}

.DiscographySectionTable tr > td:nth-child(5){
	padding-left:100px;
	background-color:black;
}

.CDCoverImageStyle{
	width:200px;
	height:200px;	
	border: 10px solid white;
	box-shadow: 2px 2px 2px 2px black;
}

table{
	margin-left: auto;
	margin-right: auto;
}

a.FooterNavigation:hover{
	color: lightblue;
}

a.FooterNavigation:active{
	color: red;
}

a.FooterNavigation{
	text-decoration: none;
	color: white;
	font-size: 15px;

}

a.FooterNavigation pre{
	font-family: Perpetua Titling MT;
}


header{
	width: 100%; 
	height: 50vh; 
	background-image: url("../images/avicii___wallpaper_by_unitedworldmedia_deej3zn-fullview.jpg");
	background-size:auto;
	position: fixed; 
	margin:0px -8px;
	overflow: hidden;
	top: 0px;	
}

#NavigationContainer{
	background-color: black;
	width: 100%; 
	height: auto; 
	float: left;
	box-shadow: 0px 5px 10px 0px black;
}

header > p{
	color: white; 
	position: relative; 
	top: 10px; 
	height: 10px;
	padding-right: 20px; 
	font-family: Colonna MT;
	text-align: center; 
	font-size: 5.5vmin;
}

header div > p{
	display: inline;
	color: white;
	font-size: 30px;
	font-family: Perpetua Titling MT;
	position: relative;
	top: 25px;
	bottom: 0px;
	left: 30px;
	right: 0px;
}

ol.Navigation{
	position: relative;
	float: right;
	padding: 5px;
	padding-right: 2vw;
	
}

ol.Navigation li{
	float: left;
	list-style-type: none;
	height: auto;
	padding-left: 25px;
	padding-right: 35px;	
	background-color: rgb(30 30 30);
	border: 2px solid rgb(10 10 10);
}

ol.Navigation li:hover{
	border: thin solid white;
	background-color: black;
}

ol.Navigation li a{	
	display: block;
	text-decoration: none;
	font-size: 15px;
	margin:-5px 0px;
	text-align: center;
	color: white;
}

ol.Navigation li a:active{
	color: red;
}

.NavImg{
	display: inline;
	float: left;
	padding: 7px;
	background-color: black;
	margin: 0 -25px;
}

.NavImg img{
	height: 20px;
	width: 20px;	
}

.NavRef{
	float:right;
	padding-left: 30px;
}


header pre{
	font-family: Stencil;
}

header table{
	color: white;
	font-size: 2.0vmin;
	border-spacing: 0px 0px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 70px;
	padding-left: 20px;
}

header th, td{
	position: relative;
	padding-right:100px;
}

header td p{
	text-align: center;
}

.HeaderImageStyle{			
	min-width: 40px;
	max-width: 15vw;
	min-height: 50px;
	max-height: 17vh;
      margin: auto;
	box-shadow: 5px 5px 20px 0px black;
}

@media (max-width: 45em){
	ol.Navigation li{
		float: none;
		padding: 0;		
	}
	.NavRef{
		float: none;
		padding-top:2px;
	}
	.NavImg{
		margin: 0px 0px;
	}
	.NavImg img{
		float: right;		
	}
	ol.Navigation li{
		width: 200px;
	}	
	header{
		height: auto;
	}
	header table{
		padding: 0;
		margin: 0;
		padding-top: 50px;		
	}
	.HeaderImageStyle{
		width: 60px;
		height: 60px;
	}
	.DiscographySectionContainer{
		padding-top: 55vh;
	}
}