body {background-color:white;
}

h1 {color: YELLOW;
    background:transparent;
    text-align: center;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top:0em;
    margin-bottom:0em;
}


h2 { color: BLACK;
     text-align: center;
     font-size: 20px;
	 margin-top:1em;
     font-family: Arial, Helvetica, sans-serif
}

h3 { color: BLACK;
text-align: center;
     font-size: 14px;
	margin-top:1em;
     font-family: Arial, Helvetica, sans-serif
}

#content p {
    margin-right:3%;

}

label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
}


#outer {
	position:relative;
	background-color:red;
	margin:0%;
	padding:0%;
	top:0%;
    left:0%;
    border-width: 0;
    border-style: none;
}

#innertop {
    position:relative;
    top:0%;
    width:100%;
    height:100px;
    background-color:red;
    padding:0%;
    left:0%;
    border-width: 0;
    border-style: none;
}

#header {
    position:relative;
    top:25%;
    bottom: 25%;
    left:0%;
    width:100%;
    margin:0%;
    padding:0%;
    overflow:hidden;
    background:RED;
    border-width: 0;
    border-style: none;
}


#inner {
    position:relative;
    width:100%;
    background-color:white;
    margin:0%;
    padding:0%;
    left:0%;
    border-width: 0;
    border-style: none;
}


#page {
	position:relative;
	width:100%;
	background-color:#C0C0C0;
	margin:0%;
	padding:0%;
	top:0%;
	left:0%;
    border-width: 0;
    border-style: none;
}

#navbar {
    position:absolute;
    top:0%;
    left:0%;
    width:18%;
	margin:0%;
	padding-left:1%;
	padding-right:1%;
    padding-top:0%;
	overflow:hidden;
	background-color:#C0C0C0;
    border-width: 0;
    border-style: none;
}

#navcontent {
    position:fixed;
    top:105px;
    left:1%;
    width:18%;
    padding-left:1%;
    padding-right:1%;
    z-index:100;
}

#content {
    position:relative;
    top:0%;
    left:20%;
	padding-left:3%;
	padding-right:0%;
    padding-top:0%;
	margin-top:0%;
    margin-bottom:0%;
    margin-right:0%;
    margin-left:0%;
	background-color: WHITE;
	overflow:auto;
	width:78%;
    border-width: 0px;
    border-style: none;
}

#content h2 { color: BLACK;
    padding-right: 25%;
    text-align: center;
    font-size: 20px;
    margin-top:0.5em;
    font-family: Arial, Helvetica, sans-serif
}

#content h3 { color: BLACK;
    padding-right: 25%;
    text-align: center;
    font-size: 14px;
    margin-top:1em;
    font-family: Arial, Helvetica, sans-serif
}



#footer {
    position:relative;
    left:0;
    top:0;
    width:100%;
    background-color: WHITE;
}

#offsettext {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
}

td.rank {  width: 3%; background: white; }
td.artist { width: 47%; background-color: white; white-space: nowrap; }
td.artisttitle { width: 65%; background-color: white; overflow: hidden; white-space: nowrap; }
td.number { width: 50%; background-color: white; }
td.numbershort { width: 32%; background-color: white; white-space: nowrap;}

.rank {   background: white;text-align:center; border-top: 0.2em solid white }
.artist { background: #DAA520; text-align:left; text-indent: 0.5em; border-top: 0.2em solid white; overflow: hidden}
.number { background: #FFD700; text-align:left; text-indent: 0.5em; border-top: 0.2em solid white}