/* CSS Document */

body {
	color: #000000;
	background: #fff;
	background-color: #fff;
	text-align: center;
	float: left;
	margin: 0px auto;
	padding: 0px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
		height:101%;

}

#holder {
width: 800px;
text-align: left;
border: 1px solid #ccc;
background: #fff;
margin: 0 auto;
padding: 5px 5px;
clear: both;

}

	
#holderIndex, #holderArtist, #holderSongs, #holderNormal, #holderPop, #holderBlue, #holderMusic {
width: 800px;
text-align: left;
border: 1px solid #ccc;
background: #fff;
margin: 0 auto;
padding: 5px 5px;

}

#holderIndex {
height: 1070px;
}

#holderArtist {
height: 2220px;

}

#holderSongs {
height: 2580px;

}

#holderNormal {
height: 620px;

}

#holderPop {
height: 1150px;

}


#holderBlue {
height: 750px;

}

#holderMusic {
height: 780px;
}

#header {

padding: 5px 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
background-color: #ffffff;
background-position: left;
border-bottom: 1px solid #ccc;

}


ul#navlist {
padding: 4px 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
background-color: #386db9;
background-position: left;

}

ul#navlist li { 
display: inline; 

}

ul#navlist li a {
float: left;
width:auto;
color: #fff;
background-color: #386db9;
text-align: center;
font-size: 110%;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
padding: 0.7em 0.7em;
text-decoration: none;
border-right: 1px dotted #fff;

}

ul#navlist li a:hover{
background-color: #386db9;
color: #000;

}

ul#points li {
display: inline;
font-size: 70%;

}

#clock {
text-align: center;
background-position: right;
padding: 0.7em 1em;
float: right;

}

#horizontalSpacerOne {
width: 100%;
height: 5px;
background-color: #386db9;
margin-top: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px; 
}

#horizontalSpacerTwo {
width: 100%;
height: 1px;
background-color: #fff;
margin-top: 2px;
border-bottom: 1px solid #ccc;

}

#whatsNew {
width: 100%;
margin-top: 5px;
padding-top: 5px;

}
#leftPanel {
width:285px;
float:left;
background:#fff;
text-align: right;
background-color: #fff;
border-right: 1px solid #ccc;

}


#colouredleftPanel {
width:285px;
background:
background-image: url(../Images/cream-pattern-background.gif);
float:left;
background-color:#ffffff;
text-align: center;
border-right: 1px solid #ccc;
clear: both;
padding: 2px;

}

/*Previous background for coloured left panel above was #faf8d2*/

	
.rightPanel {
width:500px;
float:right;
background:#fff;
text-align: left;
padding-top: 5px;
margin-top: 5px;
padding-left: 5px;
background-color: #fff;


}

.rightPanelTwo {
width:500px;
float:right;
background:#fff;
text-align: left;
padding-top: 5px;


background-color: #fff;


}


.tableTextLeft {
font-size: 90%;
text-align: left;
}

.tableTextRight {
font-size: 90%;
text-align: right;

}


.artistsRightPanel {
width: 50%;
float: right;
text-align: left;

}


.frontPageText
{
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom: dashed 1px #ccc;

}

#footer
{
text-align: center;
padding: 4px 0;
margin: 0;
float: left;
width: 100%;
color: #fff;
background-color: #386DB9;
background-position: left;
font-size: 70%;
}



#footer a:link    { color: #fff; }
#footer a:hover  { color: #386db9; font-size: 100%; }
#footer a:visited { color: #fff; font-size: 100%; }

.brclear {
clear: both;
height:0;
margin:0;
font-size: 90%;
color: #333333;

}

.brclear a:link    { color: #386db9;font-size: 90%; text-decoration: none;}
.brclear a:hover  { color: #386db9; font-size: 90%; text-decoration: none; }
.brclear a:visited { color: #386db9; font-size: 90%; text-decoration: none;}

p {
font-size: 85%;
}

#musicTable p
{
clear: both;
height:0;
margin:0;
font-size: 90%

}

#musicTable a:link    { color: #386db9;font-size: 100%; text-decoration: none;}
#musicTable a:hover  { color: #386db9; font-size: 100%; text-decoration: none;}
#musicTable a:visited { color: #386db9; font-size: 100%; text-decoration: none; }


h1 {
font-family: bold 85% Geneva, Arial, Helvetica, sans-serif;
color: #386db9;
text-align: center;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
color: #000;
font-weight: bold;
text-decoration: underline;

} 

h3 {
	color: #666;
	font:  bold 100% Geneva, Arial, Helvetica, sans-serif;
}

h4 {
color: #386db9;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 120%;
font-stretch: expanded;

text-align: left;
}

ul {
font-size: 85%
}

.disc
{
font-size: 85%;
}

.frontPageTextDotted
{
font-family: Verdana, Arial, Helvetica, sans-serif;
float: left;
width: 100%;
border-bottom: dashed 1px #ccc;
}

.frontPageTextPlain
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 100%;
	font-weight: normal;

}

.picturePadding
{
padding: 10px;
}

A:link    { color: #386DB9; font-weight: bold; text-decoration: none; }
A:hover { color: #000; font-size: 100%; text-decoration: underline; }
A:visited { color: #386DB9; font-size: 100%; text-decoration: none; }