body{
	overflow: auto;
	background-size: cover;
	background-image: url("PWCS_BackgroundImage.png");
	background-repeat: no-repeat;
}

#Header{
	background:linear-gradient(to right, #C7CDC6, #D8DFDA, white, white, white, white, #D0E5D8, #B5CEAF);
}

.TitleImage{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#PinewoodLogo{
	width: 4%;
	background-color: white;
}

#PinewoodText{
	width:40%;
	background-color: white;
}

hr{
	border-width: 3px;
}

.Titles{
	font-family: Brush Script MT;
	font-size: 175%;
	text-align: center;
}

a{
	background-color: transparent;
	color: black;
	font-family: Copperplate Gothic;
	text-decoration: none;
	font-size: 200%;
}

a:visited{
	color:darkgreen;
}

a:hover{
	color:goldenrod;
}

#BodyLinks{
	position: relative;
}

.PeriodLinks{
	text-align: center;
}

#A_Period{
	position: absolute;
	top: 47%;
	left: 25%;
}

#B_Period{
	position: absolute;
	top: 48%;
	left: 39%;
}

#C_Period{
	position: absolute;
	top: 37%;
	left: 51%;
}

#D_Period{
	position: absolute;
	top: 27%;
	left: 64%;
}

.PeriodName{
	font-family: Brush Script MT;
}

#ComplexBackground{
	width: 100%;
}

#PeriodTableStyles{
	position: absolute;
	top: 8%;
	left: 15%;
	text-align: center;
	width: 70%;

}

.TableRowSpacing{
	padding-top: 5%;

.nameFont{
	font-family: Brush Script MT;
}