/* CSS Document */

html {margin: 0; padding: 0;}

body {margin: 0; padding: 0px; border: 0; background: #663333;}

table#shell {height: 100%; width: 100%; padding: 0px; margin: 0px;}

table#layout {width: 729px; padding: 0px; border: 0;}

table td {vertical-align: top; padding: 0px;
		  margin: 0px; border: 0px;}

#topbanner {width: 729px; height: 161px; background: url(http://www.soulchampion.com/newimages/TopNew.gif); border: none; margin: 0;}
#topbanner form {float: right; text-align: right; margin: 0; padding: 0; width: 260px;} 
#topbanner .box {width: 160px; font: bold 10px Arial, Helvetica, sans-serif; margin: 8px 0;}
#topbanner .button {font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin: 8px;}
			
td#left	{}
		
td#main {border: 0px; width: 729px; padding: 10px; background: #ffffff;
		 font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
			
td#right {}

body#popup {margin: 0; padding: 0px; border: 0; background: #ffffff;}
body#popup td {font: 12px Arial, Helvetica, Verdana, sans-serif; color: #000000; padding: 10px; text-align: center; vertical-align: middle;}
body#popup h1 {font: 12px Arial, Helvetica, Verdana, sans-serif; color: #000000; line-height: 12px; margin: 0px; padding: 0px 0px 4px 0px;}
body#popup div.tracklisting {padding-top: 4px; border-top: 1px dashed #FFBE5E; text-align: left;}
body#popup img.thumb {border: 1px dashed #FFBE5E; float: right; background: #FEE4BD;}

#introbox {display:block; width: 849px; text-align: center; margin: 50px auto 0 auto;}
#introbox a {font: bold 10px Arial, Helvetica, Verdana, sans-serif; color: #4C2626;}
#introbox a:hover {font: bold 10px Arial, Helvetica, Verdana, sans-serif; color: white;}
			
/* Hover effect for top nav in IE */

a.topnav {}
a.topnav:hover {background-color: #F1B12B;}


/* Hover effect for top nav in other browsers */

td.topnavtd {background-color: transparent;}
td.topnavtd:hover {background-color: #F1B12B;}
td#toptdactive {background-color: #663333;}


/* Side Announce - For pages with no side nav. */

td#sideannounce {text-align: left; padding: 0px; margin: 0px; background: #D8C6BA; border-left: 1px dashed #663333; border-right: 1px dashed #663333; border-bottom: 1px dashed #663333; width: 156px; w/idth: 158px; /width: 156px;}
td#sideannounce p {padding: 6px; margin: 0px; color: #663333; font: 10px Arial, Helvetica, Verdana, sans-serif; border-top: 1px dashed #663333;}
td#sideannounce h4 {background-color: #B28E75; padding: 6px; margin: 0px; font: bold 10px Arial, Helvetica, Verdana, sans-serif; border-top: 1px dashed #663333; color: #ffffff;}
td#sideannounce a {text-align: right; text-decoration: underline; font: bold 10px Arial, Helvetica, Verdana, sans-serif; color: #663333; margin: 0px;}
td#sideannounce a:hover {text-align: right; text-decoration: underline; font: bold 10px Arial, Helvetica, Verdana, sans-serif; color: #ffffff; margin: 0px;}
td#sideannounce div.hidden {color: #D8C6BA; margin: 0px; font: bold 12px Arial, Helvetica, Verdana, sans-serif; text-align: center;}
td#sideannounce div.coverage {margin: 0px; font: bold 12px Arial, Helvetica, Verdana, sans-serif; text-align: center; width: 155px;}



/* Side Nav */

td#sidenav {
	padding: 0px; 
	margin: 0px; 
	background-color: #D8C6BA; 
	border: 1px dashed #663333;
	width: 156px; 
	w/idth: 158px; 
	/width: 156px;
}
td#sidenav h4 {
	color: #663333;
	margin: 0px; 
	text-align: right; 
	font: bold 12px Arial, Helvetica, Verdana, sans-serif; 
	padding: 2px 6px 2px 2px;
}
td#sidenav a {
	display: block; 
	text-align: right; 
	text-decoration: none; 
	background-color: transparent; 
	padding: 2px 6px 2px 2px; 
	font: bold 12px Arial, Helvetica, 
	Verdana, sans-serif; 
	border-bottom: 1px dashed #663333; 
	color: #663333; 
	margin: 0px;
}
td#sidenav a:hover {
	background-color: #F1B12B; 
	text-align: right; 
	display: block; 
	text-decoration: none; 
	padding: 2px 6px 2px 2px; 
	font: bold 12px Arial, Helvetica, Verdana, sans-serif; 
	border-bottom: 1px dashed #663333; 
	color: #ffffff; margin: 0px;
}			
td#sidenav a#top {
	display: block; 
	text-align: right; 
	text-decoration: none; 
	padding: 2px 6px 2px 2px; 
	font: bold 12px Arial, Helvetica, Verdana, sans-serif; 
	border-bottom: 1px dashed #663333;
	 border-top: 1px dashed #663333; 
	 color: #663333; margin: 0px;
}
td#sidenav a#top:hover {
	background-color: #F1B12B; 
	display: block; 
	text-align: right; 
	text-decoration: none; 
	margin: 0; 
	padding: 2px 6px 2px 2px; 
	font: bold 12px Arial, Helvetica, Verdana, sans-serif; 
	border-bottom: 1px dashed #663333; 
	border-top: 1px dashed #663333; 
	color: #ffffff; 
	margin: 0px;
}
td#sidenav a.middle {
	display: block; 
	text-align: right; 
	text-decoration: none;
	padding: 2px 6px 2px 2px; 
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	border-bottom: 1px dashed #663333; 
	border-top: 1px dashed #663333;
	color: #663333; 
	margin: 0px;
}
td#sidenav a.middle:hover {
	display: block; 
	text-align: right; 
	text-decoration: none; 
	padding: 2px 6px 2px 2px; 
	font: bold 12px Arial, Helvetica, Verdana, sans-serif; 
	border-bottom: 1px dashed #663333; 
	border-top: 1px dashed #663333; 
	color: #ffffff; 
	margin: 0px;
}
td#sidenav a#active {
	background-color: #B28E75; 
	display: block; text-align: right; 
	text-decoration: none; 
	padding: 2px 6px 2px 2px; 
	font: bold 12px Arial, Helvetica, Verdana, sans-serif; 
	border-bottom: 1px dashed #663333; 
	color: #ffffff; margin: 0px;
}
td#sidenav a#activetop {
	background-color: #B28E75;
	display: block; 
	text-align: right; 
	text-decoration: none; 
	padding: 2px 6px 2px 2px; 
	font: 12px Arial, Helvetica, Verdana, sans-serif; 
	border-bottom: 1px dashed #663333; 
	border-top: 1px dashed #663333;
	color: #ffffff; 
	margin: 0px;
}
td#sidenav a.subcat {
	display: block;
	text-align: right; 
	text-decoration: none; 
	background-color: transparent; 
	padding: 2px 6px 2px 2px; 
	font: bold 10px Arial, Helvetica, Verdana, sans-serif; 
	border-bottom: none; 
	color: #663333; 
	margin: 0px;
}
td#sidenav a.subcat:hover {
	background-color: #D8C6BA; 
	text-align: right; 
	display: block; 
	text-decoration: underline; 
	padding: 2px 6px 2px 2px; 
	font: bold 10px Arial, Helvetica, Verdana, sans-serif; 
	border-bottom: none; 
	color: #ffffff; 
	margin: 0px;
}			
td#sidenav a.subcatbottom {
	display: block; 
	text-align: right; 
	text-decoration: none; 
	padding: 2px 6px 2px 2px; 
	font: bold 10px Arial, Helvetica, Verdana, sans-serif; 
	border-top: none; 
	color: #663333; 
	border-bottom: none; 
	margin: 0px;}
td#sidenav a.subcatbottom:hover {
	background-color: #D8C6BA; 
	text-align: right; 
	display: block; 
	text-decoration: none; 
	padding: 2px 6px 2px 2px; 
	font: bold 10px Arial, Helvetica, Verdana, sans-serif; 
	border-bottom: none; 
	color: #ffffff; 
	margin: 0px;
}			
td#sidenav a.subcatactive {
	display: block; 
	text-align: right; 
	text-decoration: underline; 
	padding: 2px 6px 2px 2px; 
	font: bold 10px Arial, Helvetica, Verdana, sans-serif; 
	border-bottom: none; 
	color: #663333; 
	margin: 0px;
}
td#sidenav a.subcatactive:hover {
	background-color: #D8C6BA; 
	display: block; 
	text-align: right; 
	text-decoration: underline; 
	padding: 2px 6px 2px 2px; 
	font: bold 10px Arial, Helvetica, Verdana, sans-serif; 
	border-bottom: none; 
	color: #ffffff; 
	margin: 0px;
}
.sidenavheader {
	background-color: #663333; 
	color: white; 
	font-weight: bold; 
	margin: 0; 
	text-align: right; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px;
	padding: 2px 6px 2px 2px;
	text-transform: uppercase;
	clear: both;
} 

td#sidenav p.hidden {
	color: #D8C6BA; 
	margin: 0px; 
	font: bold 12px Arial, Helvetica, Verdana, sans-serif; 
	text-align: center;}

h1 {color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/* Inner Right Nav - Bios */

div.innernav {float: right; padding: 0px; margin: 6px 0px 6px 10px; border: 1px dashed #FFBE5E;}
div.innernav a {width: 158px; display: block; text-align: center; text-decoration: none; background-color: #FDFFF1; padding: 2px; font: bold 10px Arial, Helvetica, Verdana, sans-serif; border: 1px solid #FFF99C; color: #663333; margin: 1px;}
div.innernav a:hover {width: 158px; background-color: #FFF99C; display: block; text-align: center; text-decoration: none; padding: 2px; font: bold 10px Arial, Helvetica, Verdana, sans-serif; border: 1px solid #FDFFF1; color: #ffffff; margin: 1px;}			

.new {font: bold 11px Arial, Helvetica, Verdana, sans-serif; color: #FF6600;}

/* Content Area*/

table#contentarea {width: 100%; padding: 0px; margin: 0px;}
table#contentarea td {padding: 0px 8px 8px 8px; font: 12px Arial, Helvetica, Verdana, sans-serif; color: #663300; line-height: 14px; border: solid 1px #FFBE5E; background: url(newimages/titlebg.gif) repeat-x left top #FEE4BD; }
table#contentarea a {text-decoration: none; font: bold 10px Arial, Helvetica, Verdana, sans-serif; color: #663333; border-bottom: 1px dashed #FEE4BD;}
table#contentarea a:hover {text-decoration: none; font: bold 10px Arial, Helvetica, Verdana, sans-serif; color: #FFBE5E; border-bottom: 1px dashed #663333;}
table#contentarea .heading {text-align: left; font: bold 10px Arial, Helvetica, sans-serif; color: #ffffff; line-height: 22px; padding-bottom: 24px;}
table#contentarea .heading2 {text-align: center; font: bold 10px Arial, Helvetica, sans-serif; color: #663333; line-height: 22px; padding-bottom: 24px; display: inline;}
table#contentarea .heading3 {text-align: left; font: bold 10px Arial, Helvetica, sans-serif; color: #663333; line-height: 22px; padding-bottom: 24px; display: inline;}
table#contentarea .title {text-align: left; font: bold 24px Arial, Helvetica, sans-serif; color: #663333; line-height: 12px; padding: 20px 0px 4px 0px; border-bottom: 1px dashed #FFBE5E;}
table#contentarea h2 {text-align: left; font: bold 16px Arial, Helvetica, sans-serif; color: #663333; line-height: 16px; padding: 0px; margin: 0px;}
table#contentarea h3 {text-align: left; font: bold 24px Arial, Helvetica, sans-serif; color: #663333; line-height: 24px; padding: 0px; margin-bottom: 2px; margin-left: 0;}
table#contentarea h4 {text-align: left; font: bold 12px Arial, Helvetica, sans-serif; color: #663333; line-height: 12px; padding: 0px; margin-top: 2px;}
.subtitle {text-align: left; font: bold 10px Arial, Helvetica, sans-serif; color: #663333; line-height: 16px; text-transform: uppercase;}
table#contentarea td.alert {padding: 0px 8px 8px 8px; line-height: 14px; border: solid 1px #F63D47; background: url(newimages/titlebg_red.gif) repeat-x left top #FFE0DE;}
table#contentarea td.spacer {background-image: none; width: 10px; background-color: #ffffff; border: none; padding: 0px; margin: 0px;}
table#contentarea td.hspacer {background-image: none; height: 10px; background-color: #ffffff; border: none; padding: 0px; margin: 0px;}
table#contentarea td.banner {background-image: none; height: 70px; background-color: #FFBE5E; border: none; padding: 0px; margin: 0px; text-align: center; vertical-align: middle;}
table#contentarea td.banner a {border: none;}
table#contentarea td.banner a:hover {border: none; color: white;}
table#contentarea td.textnav {background-image: none; background-color: #FFBE5E; border: none; padding: 4px; margin: 0px; vertical-align: middle;}
table#contentarea td.textnav a {border: none;}
table#contentarea td.textnav a:hover {border: none; color: white;}
table#contentarea td.hshim {background-image: none; height: 3px; background-color: #ffffff; border: none; padding: 0px; margin: 0px;}
table#contentarea td.nostyle {background-image: none; background-color: transparent; border: none; padding: 0px;}
table#contentarea td.audiospacer {background-image: none; height: 20px; border: none; padding: 0px;}
table#contentarea td.audioheading {padding: 3px 2px 2px 2px; color: #ffffff; font-weight: bold; background-image: none; background-color: #FFBE5E; border-top: 1px solid #FFF1DD; border-left: 1px solid #FFF1DD; border-right: 1px solid #FF9800; border-bottom: 1px solid #FF9800;}
table#contentarea td.audiocat {padding: 3px 4px 2px 4px; border-top: 1px solid #FEE4BD; border-bottom: 1px solid #FEE4BD; border-left: none; border-right: none; background-image: none; font: bold 10px Arial, Helvetica, Verdana, sans-serif; color: #663333; background-color: #FFD28F;}
table#contentarea td.audio {padding: 3px 2px 2px 2px; background-image: none; border-bottom: 1px solid #FFBE5E; border-top: 1px solid #FDFFF1; border-left: none; border-right: none; vertical-align: middle;}
table#contentarea td.audiotop {padding: 3px 2px 2px 2px; background-image: none; border-bottom: 1px solid #FFBE5E; border-top: 1px dashed #FFBE5E; border-left: none; border-right: none; vertical-align: middle;}
table#contentarea td.audiobottom {padding: 3px 2px 2px 2px; background-image: none; border-bottom: 1px dashed #FFBE5E; border-top: 1px solid #FDFFF1; border-left: none; border-right: none; vertical-align: middle;}
table#contentarea td.audioonly {padding: 3px 2px 2px 2px; background-image: none; border-bottom: 1px dashed #FFBE5E; border-top: 1px dashed #FFBE5E; border-left: none; border-right: none; vertical-align: middle;}
table#contentarea td.listen {padding: 3px 2px 2px 2px; background-image: none; border-bottom: 1px solid #FFBE5E; border-top: 1px solid #FDFFF1; border-left: none; border-right: none; text-align: center; vertical-align: middle;}
table#contentarea td.listen a {border: none; text-align: center;}
table#contentarea td.listen a:hover {border: none; text-align: center;}
table#contentarea td.listentop {padding: 3px 2px 2px 2px; background-image: none; border-bottom: 1px solid #FFBE5E; border-top: 1px dashed #FFBE5E; border-left: none; border-right: none; text-align: center; vertical-align: middle;}
table#contentarea td.listentop a {border: none; text-align: center; vertical-align: middle;}
table#contentarea td.listentop a:hover {border: none; text-align: center; vertical-align: middle;}
table#contentarea td.listenbottom {padding: 3px 2px 2px 2px; background-image: none; border-bottom: 1px dashed #FFBE5E; border-top: 1px solid #FDFFF1; border-left: none; border-right: none; text-align: center; vertical-align: middle;}
table#contentarea td.listenbottom a {border: none; text-align: center;}
table#contentarea td.listenbottom a:hover {border: none; text-align: center;}
table#contentarea td.listenonly {padding: 3px 2px 2px 2px; background-image: none; border-bottom: 1px dashed #FFBE5E; border-top: 1px dashed #FFBE5E; border-left: none; border-right: none; text-align: center; vertical-align: middle;}
table#contentarea td.listenonly a {border: none; text-align: center;}
table#contentarea td.listenonly a:hover {border: none; text-align: center;}
table#contentarea td.plain {padding: 3px 2px 2px 2px; background-image: none; border: 0px; text-align: left; vertical-align: top; background-color: transparent;}
table#contentarea td.infomain {padding: 0; background-image: none; border: 1px solid #FFBE5E; vertical-align: top; background-color: #FEE4BD;}
table#contentarea td.infomain p {text-align: left; font: 12px Arial, Helvetica, sans-serif; color: #663333; padding-left: 15px; padding-right: 15px; text-align: justify;}
table#contentarea td.emailbox {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; font-weight: bold; color: #FFBE5E; line-height: 10px; background: none;  border: none;}
table#contentarea td.insetheader {padding: 2px 8px 8px 8px; line-height: 14px; border-top: solid 1px #FFF99C; border-left: solid 1px #FFF99C; border-right: solid 1px #FFF99C; border-bottom: none; background: url(newimages/titlebg_yellow.gif) repeat-x left top #FDFFF1;}
table#contentarea td.insetlefttop {padding: 4px 4px 4px 8px; border-top: none; border-left: solid 1px #FFF99C; border-right: none; border-bottom: none; background-image: none; background-color: #FDFFF1; text-align: center; vertical-align: middle;}
table#contentarea td.insetrighttop {padding: 4px 8px 4px 4px; border-top: none; border-left: none; border-right: solid 1px #FFF99C; border-bottom: none; background-image: none; background-color: #FDFFF1; text-align: center; vertical-align: middle;}
table#contentarea td.insetcentertop {padding: 4px; border: none; background-image: none; background-color: #FDFFF1; text-align: center; vertical-align: middle;}
table#contentarea td.insetleftmiddle {padding: 4px 4px 4px 8px; border-top: none; border-left: solid 1px #FFF99C; border-right: none; border-bottom: none; background-image: none; background-color: #FDFFF1; text-align: center; vertical-align: middle;}
table#contentarea td.insetrightmiddle {padding: 4px 4px 4px 4px; border-top: none; border-left: none; border-right: solid 1px #FFF99C; border-bottom: none; background-image: none; background-color: #FDFFF1; text-align: center; vertical-align: middle;}
table#contentarea td.insetcentermiddle {padding: 4px; border: none; background-image: none; background-color: #FDFFF1; text-align: center; vertical-align: middle;}
table#contentarea td.insetleftbottom {padding: 4px 4px 8px 8px; border-top: none; border-left: solid 1px #FFF99C; border-right: none; border-bottom: solid 1px #FFF99C; background-image: none; background-color: #FDFFF1; text-align: center; vertical-align: middle;}
table#contentarea td.insetrightbottom {padding: 4px 8px 8px 4px; border-top: none; border-left: none; border-right: solid 1px #FFF99C; border-bottom: solid 1px #FFF99C; background-image: none; background-color: #FDFFF1; text-align: center; vertical-align: middle;}
table#contentarea td.insetcenterbottom {padding: 4px 4px 8px 4px; border-top: none; border-left: none; border-right: none; border-bottom: solid 1px #FFF99C; background-image: none; background-color: #FDFFF1; text-align: center; vertical-align: middle;}
table.press {margin: 10px 10px 10px 0px;}
img.pressthumb {padding: 2px; border: 1px dashed #FFBE5E;}
a.imagelink {border: none;}
a.imagelink:hover {border: none;}

img.outpic {padding: 2px; border: 1px dashed #FFBE5E; margin: 5px; background-color: #FEE4BD;}

ul.links {text-align: left; list-style: none inside; margin: 0px; padding: 0px 5px; width: 90%;}
ul.links li {border-bottom: 1px dotted #FFBE5E; padding: 4px 0px 4px 0px;}
ul.links li.only {border-top: 1px dashed #FFBE5E; border-bottom: 1px dashed #FFBE5E;}
ul.links li.first {border-top: 1px dashed #FFBE5E;}
ul.links li.last {border-bottom: 1px dashed #FFBE5E;}
.small {font-size: 10px; font-weight: bold; line-height: 10px;}

/* Bio */

img.biopic {float: right; display: block;  padding: 2px; border: 1px dashed #FFBE5E; margin: 5px 0px 8px 8px; background-color: #FEE4BD;}
div.inset {float: left; padding: 4px 8px 4px 8px; line-height: 14px; border: 1px solid #FFF99C; background: url(newimages/titlebg_yellow.gif) repeat-x left top #FDFFF1; width: 82px; margin: 5px 10px 5px 0px;}