html, body {
	font-family: "Times New Roman", Times, serif;
	margin: auto;
	height: 99%;
  	background-color: #FFFFFF;
}
.header {
	font-family: "Arnoldboecklin", fantasy;
	font-size: 60px;
	line-height: 65px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color:#FFFFFF;
	background-color: #4289f4;
	border-bottom:0px solid #4289f4;
}

.left_container {
    height: 100%;
    width: 65%;
  	margin: 0 auto -1em;
  	float: left;
}

.right_container {
    height: 651px;
    width: 35%;
  	margin: 0 auto -1em;
  	float: left;
  	background-color: #42cef4;
  	padding-top: 40px;
}
.content-contain {
    height: 100%;
}

.timeline {
  width: 800px;
  margin-left: 40px;

}

.timel {
    list-style-image: url('../images/rose1.png');
}



img {
  padding-left: 40px;
}


img {
	padding-left: 40px;
}

div#content-col1{
    height: 100%;
    float:left;
    width:552px;
    height:570px;
    padding:3px;
    display:block;
    padding-left:5px;
    overflow-y: auto; 
    background-color: #4289f4;
}

div#content-col2{
    height: 570px;
    margin-bottom:0px;
    padding: 3px;
    overflow-y: auto;
    background-color: #4289f4; 
}

.lyrics {
	color:#000000;
	font-family: "Arnoldboecklin", fantasy;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	padding: 0px;
	line-height: 21px;
}

.footer {
    background-color: #4289f4;
    clear:both;
    height: 50px;
    color: white;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
}

.nav-buttons {
	font-family: "Arnoldboecklin", fantasy;
	font-size: 30px;
	background-color: #4289f4;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

.nav-buttons:hover {
	color: green;
}