body {
	background-color:#000;

}
a:focus
	{outline:none;}

img{
	border:none;
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	display:block;
}


#header {
	width:800px;
	float:left;
}

#alvinSingleton {
	padding: 0px 0px 5px 5px;
}


#content {
	background: url(../images/bgs/main-bg.jpg) no-repeat;
	width:800px;
	min-height:646px;
	_height:646px;
	float:left;
}

#whiteArea {
	text-align:justify;
	float:left;
	font-size:12px;
	margin:24px;
	padding:12px 24px 12px 24px;
	color: black;
	font-family:Arial, Helvetica, sans-serif;
	width:702px;
	_width:750px;
	min-height: 585px;
	_height: 585px;
	border:#eee 1px solid;
	background:url(../images/bgs/white80.png) repeat;
}

#whiteArea h3 {
	letter-spacing:-.01em;
	font-family: Arial, Helvetica, sans-serif
}

#whiteArea a:visited, #whiteArea a:link {
	color:#137;
}

#whiteArea a:hover {
	color:#001;
	font-weight:bold;
}

#footer {
	color:#bbb;
	text-align:right;
	float:left;
	width:790px;
	_width:800px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	padding:5px;
}

/* Main Navigation bar stuff*/
#mainNav {
	width: 800px;
	background:url(../images/bgs/navbar.jpg) no-repeat;
	min-height:30px;
	_height:30px;
}

#mainNav a {
	float:left;
	padding:5px 10px 5px 10px;
}

#mainNav a:hover, .current {
	background:url(../images/bgs/black40.png) repeat;
}

 
    
  /* Don't apply padding here (offsetWidth will differ in IE)
  If you need padding add it to the child anchor */
#mainNav ul li {
  float: left;
  list-style: none;
}

.hiddenDetails {
	padding: 0px 26px 3px 6px;
	display:none;
	text-align:left;
	line-height:1.4;
	background:url(../images/bgs/white80.png) repeat;
}

.hiddenDetails p {
	margin: 4px 0px 4px 0px;
}
.leftColumn{
	width:350px;
	margin-right:10px;
	float:left;
	
}

.rightColumn{
	width:340px;
	float:left;
}

.record {
	float:left;
	padding:5px 0px 5px 0px;
	display:block;
}
.record img{
	width:100px;
	height:99px;
	
}

.recordDetails{
	width:702px;
	display:block;
	float:left;
	line-height:1.5;
}
.cdTitle{
	font-size:16px;
}