.bar {
    font-family: sans-serif;
    font-size: 120%;
    text-align: center;
    background-color: gray;
    color: white;
    margin: 0pt;
}
.bar a:link {
    color: white;
    text-decoration: none;
}
.bar a:visited {
    color: white;
    text-decoration: none;
}
.bar a:active {
    color: white;
}
.bar a:hover {
    color: yellow;
}
.navbar {
    font-family: sans-serif;
    font-size: 110%;
    text-align: right;
    background-color: blue;
    color: white;
    float: left;
    width: 95%;
    padding-right: 5%;
    margin: 0pt;
}
.navbar a:link {
    color: white;
    text-decoration: none;
}
.navbar a:visited {
    color: white;
    text-decoration: none;
}
.navbar a:active {
    color: white;
}
.navbar a:hover {
    color: yellow;
}
.footer {
    float: left;
    width: 100%;
    font-size: 70%;
    color: silver;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 5%;
}
.footer a:link {
    color: silver;
    text-decoration: none;
}
.footer a:visited {
    color: silver;
    text-decoration: none;
}
.footer a:active {
    color: silver;
}
.song {
    font-family: verdana, sans-serif;
    color: navy;
    font-weight: 600;
}
.artist {
    font-family: verdana, sans-serif;
    color: navy;
    font-style: italic;
    font-variant: small-caps;
}
body {
    background-color: #FFFFFF;
    color: #000000;
}
p {
    font-family: verdana, sans-serif;
    font-weight: 600;
}
h1 {
    font-family: times, serif;
    font-size: 800%;
    text-align: center;
    margin: 0pt;
}
h2.block {
    font-family: sans-serif;
    font-variant: small-caps;
}
h2.calendar {
    font-family: times, serif;
    font-size: 300%;
    color: purple;
    text-align: right;
}