body {
	background-color: #FFF;
	font-family: Gill Sans, Gill Sans MT, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	margin:0;
	padding:0;
	}
	
table
{
  border:0;
  border-collapse: collapse;
 }
 
td 
{
	padding:0;
	vertical-align:top;
}

td.smallalbumcell
{  padding: 0 6px 0 0;
   vertical-align:top;
   text-align:center;
   width:100px;
}
	
.standout { background-color: #C0C0C0 }

img {
	border: 0;
	margin-top: 0px;
}

.topicstart { padding-right:4px; float: left; }
	
#smallsignature
{ margin-top:-10px; width:53px; height:51px;}


.frametop {margin-top:10px; margin-bottom: -28px }

h1 { font-size:24pt;  font-weight:700; color: #999; margin-bottom: -18px }
h2 { font-size:18pt;  font-weight:700; color: #999; margin-bottom: 0 }
h3 { font-size: 14pt; font-weight:300; color: #999;   margin-bottom: 0 }
h4 { font-size: 12pt; font-weight:700; color: #999; margin-bottom: -18px }
h5 { font-size: 12pt; font-weight:600; color: #999; margin-bottom: 0 }
h6 { font-size: 10pt; font-weight: 500; font-style: italic; margin-left: 20px; margin-bottom: 0 }
.blacktext { color:#000 }
.sectiondivider { margin-top: 0px;
	margin-bottom: 0;
	color:#000;
	top: 0px;
	bottom: 0px;
}

.newsflashtopic, .faqtopic, .videotopic, .swagtopic, .discographytopic, .equipmenttopic, .mediatopic, .bookingtopic { font-size: 12pt; font-weight: 300; color: #003300; margin-bottom: 0px; font-variant:small-caps}

.faqtopic {margin-top: 10px; }

#faqalbums { position:absolute; 
             background: #fff; 
			 width:140px; left:530px; text-align:center; z-index:12; float:right; padding:5px; }

#faqtable td { font-size: 10px; text-align: center; }

.blacktexttop { color:#000; margin-top: 0px; }

hr { color: #66cc66; height: 1px; margin-bottom: 0; margin-top: 10px; background-color:#66cc66; }

p {
	margin-top: 0px;
	line-height: 14px;
	margin-bottom: 12px;
}

.listheader {margin-bottom: 0; font-weight: 700; }

P.feature {margin-left: 24px; margin-right: 24px }
P.smalltext { font-size: 8pt; }
P.smallboldtext { font-weight: bold; }
P.verse {margin-left: 17px;	margin-bottom: 0px;}
P.boldwhitetext { font-weight: 700; color:#FFF }

div#centeralbumcol p {margin-bottom: 6px; padding:0 }

div.flashdivider + p {margin-top:8px; margin-bottom:6px;}

p.nb { font-style:italic }

p.mainalbumpagesubtitle, p.mainsongpagesubtitle, p.mainpagesubtitle 
{ /* This style used as the post titles on homepage/archive */
	font-family: Gill Sans, Gill Sans MT, Verdana, Arial, Sans-Serif;
	font-size: 22px;
	font-variant: small-caps;
	font-weight: normal;
	padding: 2px 0px 4px 0px;
	display: block;	
	margin: 0 0 4px 0;
	color: #666;
	width: 696px;
    background-image: url('http://jchmusic.com/images/screen.gif');
	text-decoration: none;
}

p.mainalbumpagesubtitle { width: 628px }

p.mainpagesecondleveltitle
{ color:#666; width:600px; margin: 0; padding:0; font-size: 11pt;  font-weight:600; }

.smallboldgreentext { color: #3C0; font-weight: bold; font-size: 10px;}

.smallboldwhitetext { color: #FFF; font-weight: bold; font-size: 10px;}

.medboldgreentext { color: #3C0; font-weight: bold; font-size: 12px; }

.medgreentext { color: #3C0; font-size: 12px; }

.redtext {
  color: #F00;
}

.greencenterheader {
	margin-bottom: 0px; 
	color:#66cc66; 
	font-weight: bold;
	text-align:center
}

.boilertext {
	font-style: italic;
}

p.soundscanfooter
{
margin:0;
padding:0;
margin-bottom:10px;
    color: #003300;	
}

p.publishfooter
{
margin:0;
padding:0;
}
p.publishfooter:before
{
	content: 'Catalog: ';
    color: #003300;	
}

p.releasedatefooter
{
margin:0px;
padding:0px;
}
p.releasedatefooter:before
{
	content: 'Release Date: ';
    color: #003300;	
}

.sidenav ul {
	 margin: 0;
     padding: 0px;
}
.sidenav {
     float: left;
     width: 150px;
     position:absolute; 
	 text-align:center;
	 left:0; 
	 padding: 0;
	 margin-top:8px;
	 padding-left:5px;
     background: #fff;
}

.sidenav li {
     border-top: none;
	 font-variant:small-caps;
 	 font-size: 14px;
     list-style: none;
	 padding: 0;
     margin: -1px 0 0 0;
}

.sidenav li a {
     color: #ffffff;
     display: block;
     text-decoration: none;
     background-color:#66cc66;
}

.sidenav li a:hover {
     color: #f90;
}

.sidenav li a:active {
     color: #393;
}


a:link    { color: #339933; text-decoration: none }
a:visited { color: #339933; text-decoration: none }
a:hover   {	color: #f90; font-weight:500; }
a:active  { color: #666;}

#sidemenucontent
{ float:left; 
  background-color:#66cc66; 
  padding: 2px 0 4px 0; 
  margin: 0 0 2px 0; 
  width: 149px;
}

#sidemenualbums
{  margin:0; 
   border: 1px solid #66cc66; 
   padding: 3px 0 3px 2px
}

#sidemenubottomlinks 
{ text-align:center; 
  border: 1px solid #66cc66 ; 
  border-top: 0; 
  padding: 3px 4px 3px 4px 
}

ol {
	margin-top: 0;
	list-style:decimal;
	list-style-type:upper-roman;
	margin-left: 20px;
	left: 0px;
	padding-left: 0px;
 }
 
ul {
	margin-top: 0;
	margin-left: 15px;
	left: 0px;
	padding-left: 0px;
 }

ul.nobullet { list-style-type:none }

li {margin-bottom: 10px; }

div {
	margin-top: 0;
	padding-top: 0;
}

.flashdivider
{
}

div.flashdivider + p
{ padding-top: 10px; }

#mainpageheader, #mainalbumpageheader
{width:620px;  height:49px; margin-top:10px; margin-left:160px; margin-bottom:-5px; float:left;padding:0;}

#mainalbumpagecontent, #mainsongpagecontent, #mainpagecontent
{position:relative; width:700px; min-height:467px; margin:0 0 0 160px; padding: 0 10px 0 12px; border:1px solid #66cc66; float: left;  }

#mainpagecontent > p
{ margin-top: 10px; }

div.songcontainer {
	width: 695px;
	float: left;
	margin: 10px 0 0 0px;
}

div.songlyricscolumn {
	float: left;
	margin:0;
	width: 400px;
	padding: 0;
}
	
div.songbuycolumn {
	text-align: center;
	font-variant:small-caps;
	float: left;
	font-weight: bold;
	margin:0;	
	width: 80px;
	color: #F00;
}

div.songcommentcolumn {
	float: right;
	font-weight: 400;
	color:#666;
	margin:0 0 30px 0;
	width: 135px;
}
.songlocationfooter
{
	font-weight: 700;
	margin: 10px 0 30px 0;
}

.songtitle
 { font-size: 12pt; font-weight: 300; color: #003300; margin-bottom: 0px; margin-top: -10px; padding-top: 0px }

p.songsection {
	font-size: 10pt;
	font-weight: 500;
	font-style: italic;
	margin-left: 20px;
	margin-bottom: 0;
	color: #666;
}

#leftalbumcol
{
	left:0px;
	float:left;
	width:145px;
	padding:0;
	margin:0;
}
#centeralbumcol
{
	float:left;
	text-align:center;
	width:400px;
	padding:0;
	margin: 5px 0 0px 5px;
}

#centeralbumcolpoem
{   margin-bottom: 10px; }


#rightalbumcol
{
	text-align:right;
	width:145px;
	padding:0;
	margin:	5px 0 0 555px;
}
#albumrow
{
	clear:both;
	margin: 0;
    width:720px; 
	padding:0; 
	padding-top:10px;
	float: left;
}

#albumrow2
{
	clear:both;
	margin: 10px 0 0 0;
    width:720px; 
	padding: 10px 0 0 0; 
	float: left;
}


#leftalbumcol2
{
	left:0px;
	margin:0;	
	width:170px;
	float:left;
	overflow:hidden
}

#centeralbumcol2
{
	text-align:center;
	width:200px;
	float:left;
	left:240px;
	vertical-align: top;
	display: inline;
	margin:0;
	margin-left: 100px;
	margin-bottom: 6px;
}

#rightalbumcol2
{
	width:175px;
	text-align:center;
	margin:0 0 20px 0;
	margin-left:534px;
	padding:0;
	padding-right:10px;
	
}
 
.compact { font-size: 10pt; font-weight:700; color: #66cc66; line-height: 1px }

.greencolumn { vertical-align: top; border: 1px solid #66cc66; 	color: #66cc66;  }

.buyproduct { font-variant:small-caps; font-weight:bold}
.buypic     { text-align: center; vertical-align:top; margin-bottom:10px; padding: 0 20px 20px 20px}
.buydesc    { padding-right:20px;}
.buycolumn  { text-align:center; vertical-align: top; color: #66cc66; padding: 0 40px 20px 20px }

.blackcolumn { vertical-align: top; border: 1px solid #66cc66;  }

 #maincontainer {
	width: 780px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
 }
 

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#footer {
	background-color: #66cc66;
    color: #FFF;
	padding: 10px 0 10px 270px;
} 

#whyupc {margin-bottom:0}

#biotext {float:left; width:540px; position: relative; margin-bottom:20px}
#bioimage {float: right; margin:5px 15px 0 10px; padding-bottom:15px;}
#biorightcolumn {position:relative; margin: 100px 10px 0 0px; text-align:center; padding:10px 10px 0 10px; width: 120px; float: right; background-image: url(images/screen.gif) }


#movingalbumcover {position: absolute; left:0px; top:0px; z-index:20; visibility:hidden; text-align:center}

#tourschedule {width: 276px; height: 150; margin-left:20px; top:0; }
p#buytickets { margin-top:10px }

div#simpletopicpic  { margin: 20px 0 6px 394px; }

div#simpletopictext {  margin:10px 0 10px 0; width:300px; float: left; }

#buysongscontainer { height:16px; padding:0 }

#downloadlinksdiv  { margin-bottom:10px; }

#indexmainimg {
	position: absolute;
	width: 261px;
	height: 481;
	z-index: 3;
	left:233px;
	top:6px
}
#indexcontent {position:relative; width:712px; height:467px; margin:0px 0 0 160px; padding:0; padding-left:10px; border:1px solid #66cc66; float: left; }

.index-verthead
{
	color:#66cc66;
	text-align:center;
	font-variant: small-caps;
	font-weight:600
  }

p.index-verthead + p
{ margin-top:-6px }

.index-vertbox
{
	padding:2px;
    margin-bottom: 4px;
	z-index: 2;
	width:144px;
	position: absolute;
	color: #666;
	top: 21px;
	height: 227px;
}

#index-askgus{ left: 544px }

#index-askgus li { margin-bottom: 11px ; }

p.topicbottom { height:30px; margin: -10px 0 0 0; clear:both; padding:0; background-repeat: no-repeat; background-position:center }

.topicsubheading {margin:0; font-weight:600; font-style:italic; color:#666}


div.flashdivider + p.topicbottom, table + p.topicbottom { margin: 10px 0 0 0; } { margin: 10px 0 0 0; }

img.jchmusiclogo-tmo { display:block; padding-left:12px; margin-bottom:2px; } 
img.jchmusiclogo {display:none; padding-left:12px; margin-bottom:2px; }

.spacerhack { height:10px; clear:both }

.swag-downloads-l {margin: 0 0 0 230px; float:left; height:24px}
.swag-downloads-r {margin: 0 260px 0 0; float:right; height:24px}
.swag-cards { text-align:center; width:33%; float:left; margin:0; padding:0}
#swag-albums {padding-bottom:20px;} 
#swag-swag {clear:both; margin: 30px 0 10px 0; padding-top:10px }

.swag-cards h6 {margin:0; padding:0}

.swag-cards p {margin:0; padding:0}

.disc-video-left
{ text-align:center; float:left; margin:10px 10px 10px 15px; padding: 0; font-size: 11pt; font-weight:600; text-align:center ; border: solid #6C6 1px; height: 198px; width: 200px; }

.disc-video-middle
{ text-align:center; float:left; margin:10px 0px 10px 18px; padding:0; font-size: 11pt; font-weight:600; text-align:center; border: solid #6C6 1px; height: 198px; width: 200px; }

.disc-video-right
{ text-align:center; float:right; margin:10px 16px 10px 30px; padding:0; font-size: 11pt; font-weight:600; text-align:center; border: solid #6C6 1px; height: 198px; width: 200px; }

.disc-video-left .year, .disc-video-middle .year, .disc-video-right .year {margin: 4px 0 0 0; font-weight: 300; font-size:80%; color:#666}
.disc-video-left .title, .disc-video-middle .title, .disc-video-right .title {margin: 0}
.disc-video-left .album, .disc-video-middle .album, .disc-video-right .album {margin: 0 0 4px 0; font-size:80%}

#comingsoon
{ margin-top:80px; color:#666; font-weight:300}

#mediakitpic {
	float:right;
	text-align:center;
	margin:46px 2px 0 0px;
	padding:0;
	width: 260px;
	top: 100px;
}

#mkpi {margin-top: 12px; }

table#mkad
{width:430px; margin-top:12px;}


#mkad td.pralbgr-album, #mkad td.pralbwh-album
{ text-align:left }

#mkad td.pralbgr, #mkad td.pralbwh
{ text-align:center }


table#mkad td, table#mkad td.pralbwh, table#mkad td.pralbgr, table#mkad td.pralbwh-album, table#mkad td.pralbgr-album
{
 vertical-align:middle;
 border: 1px 1px 0 1px;
 padding: 2px 2px 5px 2px;
}

#mkad th
{ background-color:#CCC; }

#mkad td.rt-desc
{ width: 68%; }


#mkad td.rt-img
{ width: 32%;
}

#mkad td.pralbgr, #mkad td.pralbgr-album
{
 background-color:#CCFFCC;
}

.mktopic {
	color: #999;
	margin:24px 0 -6px 0;
}

p.mainpagesubtitle + h3.mktopic {
		margin-top: 10px;
}

div#maintext
{float:left; margin: 0; left:0; width:400px; position: relative;}

#mfp-image
{float:right; margin: 6px 14px 16px 56px}

#maintext #myplayer {padding:10px 0 20px 0}

#movingalbumcover img {width:160px; opacity:0.6; filter:alpha(opacity:60); }

#sidemenu-nc-image {position:absolute; z-index:55; width:68px; top:298px; left:51px;}


/**************************/
#bookingtext {float:left; width:470px; position: relative; margin-bottom:15px}
#bookingimage {float: right; margin:5px 16px 0 16px; padding-bottom:15px;}
#bookingsecondcolumn {position:absolute; margin: 100px 0px 0 476px; text-align:center; padding:6px 0 0 0; width: 220px; background-image: url(images/screen.gif) }

.listshortbottom
{ margin-right: 0; margin-bottom: -6}

#tourschedule td {border-top:1px solid #66cc66; padding: 3px 4px 3px 4px; border-left-style:solid; border-left-width:0; border-right-style:solid; border-right-width:0; border-bottom-style:solid; border-bottom-width:0; vertical-align:top }

td.showdate, td.showdate-grbg   {width:36px; height:18px; padding-top: 2px; padding-left: 4px; }
td.showsolo, td.showsolo-grbg   {width:46px; text-align:center; height:16px; padding-top: 2px; padding-left: 4px; }
td.showplace, td.showplace-grbg {width:142px; height:18px; padding-top: 2px; padding-left: 4px;  }
td.showdate-grbg, td.showsolo-grbg, td.showplace-grbg {background-color:#CCFFCC; ; padding-top: 2px; padding-left: 4px;}

#tourschedule { margin-right:10px;}

#sharethisfooter { width: 700px; clear:both;}
#newsfooter { margin: 0 0 10px 0; color:#0C0; width: 50px; text-align:right; float:right;}

#pgfooter { text-align: right; clear:both; margin: 0 0 10px 0; color:#0C0; width: 700px;}
#pgfooter a { color:#0C0;}

#buyalbum {text-align:center; margin:10px;}

#cr {
	text-align:center;
	background-color:#66cc66;
	padding:2px 0 0 0;
	color:#FFF;
	width:722px;
	height:15px;
	position: absolute;
	left: 0px;
	top: 450px;
}

#cr2 {
	text-align:center;
	padding:2px 0 0 0;
	color:#FFF;
	width:722px;
	height:15px;
	position: absolute;
	left: -1px;
	top: 443px;
}

#pagebottom {
	position:absolute;
	left:12px;
	bottom:0;
	float:left;
	clear:both;
	height: 16px;
	margin: 0px 0 0px -12px;
	text-align:center;
	padding-top:2px;
	background-color:#66cc66;
	color:#FFF;
	width:722px;
}

#pagebottom a:link, #pgtop a:link, #indexpagetop a:link    { color: #FF0; text-decoration: none }
#pagebottom a:visited, #pgtop a:visited, #indexpagetop a:visited  { color: #FF0; text-decoration: none }
#pagebottom a:hover, #pgtop a:hover, #indexpagetop a:hover    {	color: #FF0; font-weight:500; }
#pagebottom a:active, #pgtop a:active, #indexpagetop a:active  { color: #FF0;}

#pgtop {padding: 0px 6px 0 0; 
        color:#FFF; 
		float:right; margin:0 0 0 2px; 
		width:80;
}

#cr a:link    { color: #FF0; text-decoration: none }
#cr a:visited { color: #FF0; text-decoration: none }
#cr a:hover   {	color: #FF0; font-weight:500; }
#cr a:active  { color: #FF0;}

#facebooklayer {
	position: absolute;
	width:80;
	height:24;
	z-index: 3;
	left:10px;
	top:451px
}

#indexpagetop {
	position: absolute;
	width:80;
	height:24;
	z-index: 3;
	left:706px;
	top:429px
}


#freebies table { width: 418px}

#freebies td.rt-img
{ height: 85px; padding-bottom: 6px;
}


#fbalbumshare {position:absolute; top:66px; left:812px; height:46px; }

#ctmt { background:#FFF; border: solid 1px #66cc66; margin-right: 15px; visibility:hidden; padding:6px; width: 378px; position: absolute; left:390px; top:56px; z-index:2 }

#captchabox { width:180px; margin-bottom:10px; padding:10px; border: 1px solid #66cc66; }

#musicianlinks { margin: 360px 20px 100px 10px; position:relative; padding:0 10px; width: 175px; float: right; background-image: url(screen.gif); border: 1px solid #66cc66 }


.p125 {background:url(images/suntower-icon-125.png) no-repeat; width:125px; height:80px; text-indent:-9999; display:block; }

.p100 {background:url(images/suntower-icon-100.png) no-repeat; width:100px; height:70px; text-indent:-9999; display:block; }

.p75 {background:url(images/suntower-icon-75.png)   no-repeat; width:75px;  height:50px; text-indent:-9999; display:block; }

.p50{background:url(images/suntower-icon-50.png)    no-repeat; width:50px;  height:30px; text-indent:-9999; display:block; }

.p35 {background:url(images/suntower-icon-35.png)   no-repeat; width:35px;  height:20px; text-indent:-9999; display:block; }

.p25 {background:url(images/suntower-icon-25.png)   no-repeat; width:25px;  height:15px; text-indent:-9999; display:block; }

.p25:hover  {background-position: 0 -15px}
.p35:hover  {background-position: 0 -22px}
.p50:hover  {background-position: 0 -32px}
.p75:hover  {background-position: 0 -47px}
.p100:hover {background-position: 0 -63px}
.p125:hover {background-position: 0 -80px}

#gusfrontimg {margin-top:10px}

#lipts th, #listeningtips th { background-color:#66cc66; color: #FFF; }