body {
  font-family: sans-serif;
  width: 650px;
  margin: 0 auto;
}
#artists, #artists li {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#artists li {
  width: 150px;
  height: 150px;
  float: left;
  margin: 10px 10px 0 0 !important;
  border: 1px solid #000;
  overflow: hidden;
}
#artists li a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #FFF;
  padding-top: 120px;
  overflow: hidden;
}
#artists li span {
  display: block;
  text-transform: capitalize;
  font-weight: bold;
  text-align: center;
  background: url(semiblack.png);
  height: 30px;
  overflow: hidden;
  font-size: 16px;
  line-height: 16px;
}





/**********************
OUDE STYLE.CSS
**********************/
.oud {
        color:#3A4956;

	background-color:#52A5F2;
	font-size:0.7em;
	margin: 0 auto;
	text-align:center;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
  width: 660px;
  overflow: hidden;
}

.oud a {
	color:#0088FF;
	text-decoration:none;
                font-weight: bold
}

.oud a.current {
	color:#999999;
}

.oud a:hover {
                color: #FFFFFF;
                background-color: #0088ff;
	text-decoration: none;
}

.oud a.current {
	color:#999999;
}

.oud a:hover {
                color: #FFFFFF;
                background-color: #0088ff;
	text-decoration: none;
}

#bodyDiv {
	text-align: left;
	margin: 0 auto;
	width: 660px;
	background-color:#F7F7F7;
	border-left: 2px #FFFFFF solid;
	border-right: 2px #FFFFFF solid;
}

#header {
	background-image: url(../images/header.gif);
	background-repeat:no-repeat;
}

#headMain {
	height:70px;
	width: 100%;
	
}

	#headMain h1 {
		background-image: url(../images/top40beltoon.gif);
		background-repeat: no-repeat;
		height: 60px;
		width: 220px;
		color:#FFFFFF;
		text-transform:uppercase;
		margin:  0 0 0 5px;
	}

#headMenu {
	height:15px;
	width: 100%;
	font-size: 1.2em;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
}

	#headMenu ul {
	                text-align: right;
		text-transform:uppercase;
		height:15px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		color:#FFFFFF;
	}
	
	#headMenu li {
		display:inline; 
	}
	
		#headMenu li a {	
			color: #FFFFFF;
			font-weight: bold;
			text-decoration:none;
		}
	
		#headMenu li a:hover {
			color: #FFFFFF !important;
			
		}

#headNav {
	height:15px;
	width: 100%;
	color: #FFFFFF;
                font-weight: bold;
}

#contentDiv {
	
}

h2 {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #E20000;
	font-size:1.5em;
	border-bottom: 0px solid #CFCFCF;
}

h3 {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #E20000;
	font-size:1.2em;
	border-bottom: 1px solid #CFCFCF;
}

h4 {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #E20000;
	font-size:1.1em;
	border-bottom: 1px solid #CFCFCF;
}

#contentMain, #contentRight {
	margin: 1px 0 1px 0;
	padding: 10px;
	border-bottom: 0px solid #CFCFCF;
}

#contentMain {
	background-color:#F7F7F7;
	width: 62%;
	float: left;
	border-left: 1px solid #FBFBFB;
	border-right: 1px solid #C8D6FB;
}

	#contentMain p {
		border-bottom: 1px solid #FBFBFB;
	}

#contentRight {
	width: 31%;
	float: left;
}

#footer {
	clear: both;
	background-color: #2C80CE;
	width: 100%;
	height: 15px;
	text-align:center;
	color:#FFFFFF !important;
	border-top: 2px solid #ffffff;
}

.dontDisplay {
	display: none;
}