html
{
    height: 100%;
}

body
{
	background-image:  url(images/musicpattern3.jpg);
	background-attachment: fixed;
	background-color: #CCCCCC;
	font-family: Geneva, Arial, Helvetica, 'sans serif';
	font-size: 10pt;
	color: black;
	height: 100%;
	margin: 0 auto;
	width: 1000px;
	max-width: 90%;
}

img
{
	border: none;
}

.fixedtop
{
	/*background-color: #c9cab8;*/
	background-color: #B8B8B8;
	position: fixed;
	margin-left: 0 auto;
	margin-right: 0 auto;
	padding-bottom: 5px;
	padding-top: 10px;
	top: -5px;
	max-width: 90%;
	width: 1000px;
	z-index: 50;
}


.title
{
	background-image:  url(images/title2.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #66052A;
	min-height: 60px;
	max-height: 80px;
	height: 10%;
	width: 100%;
}

.navigation table
{
	width: 100%;
}

.navigation td
{
	background-image: url(images/navbuttonbackground.png);
	background-position: left center;
	background-repeat: repeat-x;
	padding: 5px;
	text-align: center;
	font-weight: lighter;
	font-size: 11pt
	}

.navigation a
{
text-decoration: none;
}
.navigation a:link {color: #BBBBBB}
.navigation a:visited {color: #BBBBBB}
.navigation a:hover{color: #FFFFFF}
.navigation a:active{color: #BBBBBB}

.merchandise a:link {color: #FFFF66}
.merchandise a:visited {color: #FFFF66}
.merchandise a:hover{color: #FFFFFF}
.merchandise a:active{color: #FFFF66}

.separator
{
	border-bottom: 2px solid olive;
	padding-bottom: 4px
}

select
{
	font-family: Geneva, Arial, Helvetica, 'sans serif';
	font-size: 8pt;
	background-color: #333333 !important;
	color: #FFFFFF !important;
	border-width: thin;
	border-style: solid;
}

a:link {color: #336699}
a:visited {color: #336699}
a:hover{color: #6699CC}
a:active{color: #336699}

/*#miscellaneous
{
	background-image: url(images/charliestraw.jpg);
	background-color: #c9cab8;
	background-attachment: fixed;
	background-position: 16% bottom;
	background-repeat: no-repeat;
	margin-left: 0 auto;
	margin-right: 0 auto;
	width: 100%;
	height: 100%;
}

#miscellaneousouter
{
	background-color: #c9cab8;
	background-repeat: no-repeat;
	background-position: 30px 210px;
	height: 100%;
}*/

#fanclub
{
    margin-left: 0 auto;
	margin-right: 0 auto;
	padding-bottom: 50px;
	width: 100%;
	height: inherit;
	bottom: 0;
	z-index: 10;
	position: relative;	
}

#fanclubouter
{
	padding-top: 60px;
    
	position: absolute;
	margin-left: 0 auto;
	margin-right: 0 auto;
	width: 1000px;
	max-width: 90%;
	top: 0;
	bottom: 0;
	background-color: #c9cab8;
	margin-top: 4px;
	z-index: 5;    
}

#team
{
/*background-image: url(images/stage.jpg);
background-attachment: fixed;
background-position: left bottom;
background-repeat: no-repeat;
color: white;*/

margin-left: 0 auto;
margin-right: 0 auto;
padding-bottom: 50px;
width: 100%;
height: inherit;
position: relative;
z-index: 10;


}

#teamouter
{
background-color: black;
padding-top: 60px;
margin-top: 4px;
background-color: black;
background-repeat: no-repeat;
background-position: 30px 210px;
z-index: 5;

}

.teamcontent
{
	margin-left: 300px;
	margin-top: 120px;
	margin-right: 100px;
	color: White;
}

#biographyouter
{
padding-top: 120px;
background-color: #937648;
background-repeat: no-repeat;
background-position: left bottom;
}

#biography
{
	padding-left: 180px;
	padding-right: 20px;
	background-color: #937648;
	color: #f6fbae;
}

#biogsidepane
{
	width: 160px;
	height: 100%;
	background-color: #6b5534;
	background-image: url(images/charlie-standing.jpg);
	background-repeat: no-repeat;
	background-position: 10px 80px;
	vertical-align: text-top;
	text-align: center;
	color: white;
	margin-top: 0px;
	font-weight: bolder;
	position: fixed;
}

.biogpic
{
text-align: center;
}

.biogcaption
{
text-align: center;
color: orange;
vertical-align: text-top;
font-style: italic;
font-weight: bolder;
/*background-color: #e2dacd;*/
}

#biogmain
{
float: both;



background-repeat: no-repeat;



background-image: url(images/satdownfade.jpg);
background-attachment: fixed;
background-position: bottom right;
background-repeat: no-repeat;
margin-left: 0 auto;
margin-right: 0 auto;
padding-bottom: 50px;
width: 100%;
height: inherit;


}

table.biog
{
width: 100%;
}

table.biog th
{
font-family: Georgia, 'Times New Roman', Serif;
font-size: 14pt;
text-align: center;
font-weight: normal;
vertical-align: top;
background-color: #4b3c24;
color: white;
border-style: double;
border-color: black;
}

#songs
{

	margin-left: 0 auto;
	margin-right: 0 auto;
	padding-bottom: 50px;
	width: 100%;
	height: inherit;
	bottom: 0;
	z-index: 10;
	position: relative;	
}

#songsouter
{
	padding-top: 60px;
    
	position: absolute;
	margin-left: 0 auto;
	margin-right: 0 auto;
	width: 1000px;
	max-width: 90%;
	top: 0;
	bottom: 0;
	
	margin-top: 4px;
	background-color: #ffffde;
	z-index: 5;
	
}

.songtable
{
	margin-left: 40%;
	margin-top: 10%;
}

.songtable td.pic
{
	padding: 20px;
}


#tourdatesmain
{
	/*background-image: url(images/charliestrawright.jpg);
	background-attachment: fixed;
	background-position: 90% bottom;
	background-repeat: no-repeat;*/
	margin-left: 0 auto;
	margin-right: 0 auto;
	padding-bottom: 50px;
	width: 100%;
	height: inherit;
	z-index: 10;
	position: relative;
}

#tourdatesouter
{
	padding-top: 130px;
	margin-top: 4px;
	background-color: #c9cab8;
	background-image: url(images/charliefade.jpg);
	background-repeat: no-repeat;
	background-position: 30px 210px;
	z-index: 5;
	

}

.backgroundpic
{

    position: fixed;
    bottom: 0;
    margin-left: 0 auto;
	margin-right: 0 auto;
	width: 1000px;
	max-width: 90%;
	z-index: 1;

}


#index
{
	background-image: url(images/charliehat.jpg);
	background-attachment: scroll;
	background-position: right bottom;
	background-color: #e8eee4;
	background-repeat: no-repeat;
	margin-left: 0 auto;
	margin-right: 0 auto;
	padding-bottom: 320px;
	width: 100%;
	overflow: hidden;
	
	height: inherit;
}

#indexouter
{
	padding-top: 130px;
	background-color: #e8eee4;

}

.indextoppic
{
	float: right;
	margin: 20px;
	
	background-color: White;
	padding: 8px;

}

/*Contains the three pictures on the right hand side*/
.indexsidepane
{
	float: right;
	margin-left: 0 auto;
	margin-right: 0 auto;
	width: 1000px;
	max-width: 90%;
	top: 530px;
	position: absolute;
	text-align: right;
}

/*Contains the banner details*/
.indexbanner
{
	font-size: 15pt;
	background-color: #234236;
	padding: 30px;
	margin-left: 30px;
	margin-top: 30px;
	margin-right: 30px;
	color: White;
	text-align: center;
	/*font-family: Georgia, 'Times New Roman', Serif;*/
}

/*Contains the release date etc.*/
.indexmaininfo
{
	font-size: 14pt;
	background-color: #dddddd;
	color: #111111;
	padding: 10px;
	margin-left: 30px;
	margin-top: 10px;
	margin-right: 110px;	
}

.indexleft
{
   float: left;
   clear: none;
   width: 32%;
   margin-left: 2%;
}

.indexscrollmessages
{
    width: 100%;
    max-width: 400px;
    /*background-color: White;*/
    height: 400px;
    max-height: 400px;
    padding: 4px;
}

.indexright
{
    float: right;
    max-width: 66%;
    clear: none;
}

.indexparagraph
{
	
	font-size: larger;
	padding: 30px;
	margin-left: 30px;
	margin-top: 10px;
	margin-right: 180px;
	background-color: #333;
	color: White;
}

.indexmaintext
{
	
	font-size: larger;
	padding-top: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
	padding-right: 190px;
	margin-left: 30px;
	margin-top: 10px;
	margin-right: 20px;
	background-color: #DDC3A8;
	
}


 .indextablecaption
 {
 	color: Purple;
 	padding-right: 10px;
 }

.indexcdlisting
{
    padding-top: 10px;
    padding-right: 10px;
    display: inline-block;
    clear: none;
    vertical-align: top;
    font-size: 7pt;
}


/*Start of jQuery banner stuff*/
#jqb_object img{ 
	border: none;
}

#jqb_object { 
	position:relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}


#jqb_object .jqb_bar{
	position:absolute;
	width:460px; height: 30px;
	left:0px;
	bottom:0px;
	background:#000000;
	opacity:0.7;
	filter:alpha(opacity=70);
	
	color: #ffffff;
	font-family: Arial, Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: -1px;
}

#jqb_object .jqb_slide{
	position:absolute;
	width: 100%;
	/*height: 100%; */
	font-family: Arial, Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: -1px;
	text-align: left;
}

#jqb_object .jqb_info{
	position:absolute;
	padding: 2px 10px 2px 10px;
	float: left;
}

#jqb_object .jqb_btn{
	width: 15px; height: 14px;
	margin: 10px 5px 2px 2px;
	float: right;
}

/*End of jQuery banner stuff*/


/* THIS IS THE STUFF WITH THE FLASH ON IT FROM THE INDEX
PAGE - POSSIBLY GET RID OF IT.
table.indexlayout
{
	margin-left: 5%;
	width: 600px;
}

table.indexlayout td.top
{
height: 100px;
}

table.indexlayout td.left
{
width: 150px;
height: 300px;
background-color: white;
border-width: thin;
border-style: solid;
padding: 10px;
}

table.indexlayout td.right
{
height: 300px;
width: 300px;
}

.topobj
{
	width: 600px;
	height: 100px;
}

.pnl
{
	width: 300px;
	height: 300px;
}*/



#merchandiseouter
{
	padding-top: 130px;
	margin-top: 4px;
	background-color: #8E9BB0;
    z-index: 5;
}

.merchandise
{
/*background-color: #8e9bb0;
background-image: url(images/charliesilhouette.jpg);
background-attachment: fixed;
background-position: 90% bottom;
background-repeat: no-repeat;*/
margin-left: 0 auto;
margin-right: 0 auto;
padding-bottom: 50px;
width: 100%;
height: inherit;
position: relative;
z-index: 10;
}

table.paypal
{
margin-left: 10%;
margin-right: 10%;
color: white;
text-align: center;
padding: 10px;
font-family: Geneva, Arial, Helvetica, 'sans serif';
font-size: 11pt;
}

div.merchinfo
{
margin-left: 10%;
width: 70%;
font-size: 8pt;
margin-bottom: 20px;
}

table.tourdates
{
font-size: 10pt;
width: 70%;
margin-left: 10%;
vertical-align: top;
color: black;
}

table.tourdates th
{
font-family: Georgia, 'Times New Roman', Serif;
font-size: 14pt;
text-align: center;
font-weight: normal;
vertical-align: top;
background-color: #999966;
color: white;
border-style: double;
border-color: black;
}

table.tourdates td
{
padding: 10px;
vertical-align: text-top;
}

table.tourdates td.date
{
width: 30%;
}

table.tourdates td.city
{
width: 20%;
}

table.tourdates td.venue
{
width: 20%;
}

table.tourdates td.phone
{
width: 20%;
}

table.merchitems
{
font-size: 10pt;
width: 70%;
margin-left: 10%;
vertical-align: top;
color: black;
margin-bottom: 30px;
}

table.merchitems th
{
font-family: Georgia, 'Times New Roman', Serif;
font-size: 10pt;
text-align: center;
font-weight: normal;
vertical-align: top;
color: white;
background-color: #777777;
border-style: solid;
border-width: thin;
border-color: black;
}

table.merchitems img
{
border-style: none;
}

table.merchitems td
{
padding: 6px;
}

table.merchitems td.left
{
text-align: left;
width: 100px;
}

table.merchitems td.leftoffer
{
text-align: left;
width: 300px;
}

table.merchitems td.offerlist
{
text-align: left;
font-size: 11pt;
line-height: 160%;
}

table.merchitems td.right
{
text-align: right;
padding-bottom: 0px;
}

table.merchsubtab
{
margin-left: auto;
margin-right: 0px;
margin-top: auto;
margin-bottom: 0px;
color: #202020;
font-weight: bolder
}

table.merchsubtab td
{
padding-right: 0px;
}




.merchandiseHidden
{
    display: none;
}

.merchButton
{
    width: 80px;
}

.merchDiv
{
    float: right;
    padding-left: 12px;
}

.merchListingContainer
{
    margin-left: 0;
    margin-right:0;
    overflow: hidden;
}

.merchListing
{
    float: left;
    font-size: 9pt;
    margin-right: 10%;
    max-width: 35%;
}