html
{
margin-left: 80px;
margin-right: 80px;
width: 1000px auto;
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%;
overflow: hidden;
}

img
{
border: none;
}
.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%;
}

.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}

.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
{
height: 100%;
background-color: #c9cab8;
background-image: url(images/charliestraw.jpg);
background-repeat: no-repeat;
background-position: 16% bottom;
background-attachment: fixed;
overflow: auto;
}

#miscellaneousouter
{
padding-top: 10px;
margin-top: 4px;
background-color: #c9cab8;
/*background-image: url(images/charliefade.jpg);
background-repeat: no-repeat;
background-position: 80px 0px;*/
height: 78%;
}

#team
{
height: 100%;
background-color: black;
background-image: url(images/stage.jpg);
background-repeat: no-repeat;
background-position: left bottom;
overflow: auto;
color: white;
}

#teamouter
{
padding-top: 10px;
margin-top: 4px;
background-color: black;
/*background-image: url(images/charliefade.jpg);
background-repeat: no-repeat;
background-position: 80px 0px;*/
height: 78%;
}

#biographyouter
{
padding-top: 10px;
margin-top: 4px;
background-color: #937648;
/*background-image: url(images/charliefade.jpg);
background-repeat: no-repeat;
background-position: 80px 0px;*/
height: 78%;
}

#biography
{
background-color: #937648;
height: 100%;
color: #f6fbae;
}

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

.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;
padding-left: 3%;
padding-right: 3%;
height: 100%;
overflow: auto;
background-image: url(images/satdownfade.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

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
{
height: 100%;
overflow: auto;
background-image: url(images/lemonstyle.jpg);
background-attachment: fixed;
background-position: 20% bottom;
background-repeat: no-repeat;
background-color: #ffffde;
}

#songsouter
{
padding-top: 10px;
margin-top: 4px;
background-color: #ffffde;
/*background-image: url(images/charliefade.jpg);
background-repeat: no-repeat;
background-position: 80px 0px;*/
height: 78%;
}

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

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

#tourdatesmain
{
background-image: url(images/charliestrawright.jpg);
background-attachment: fixed;
background-position: 88% 95%;
background-repeat: no-repeat;
height: 100%;
overflow: auto;
}

#tourdatesouter
{
padding-top: 10px;
margin-top: 4px;
background-color: #c9cab8;
background-image: url(images/charliefade.jpg);
background-repeat: no-repeat;
background-position: 80px 0px;
height: 78%;
}

#index
{
height: 100%;
background-color: #e8eee4;
background-image: url(images/charliehat.jpg);
background-repeat: no-repeat;
background-position: right bottom;
overflow: auto;
}

#indexouter
{
padding-top: 10px;
margin-top: 4px;
background-color: #e8eeef;
/*background-image: url(images/charliefade.jpg);
background-repeat: no-repeat;
background-position: 80px 0px;*/
height: 78%;
}

table.indexlayout
{
margin-left: 5%;
width: 600px;
}

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

table.indexlayout td.left
{
width: 300px;
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: 10px;
margin-top: 4px;
background-color: #8E9BB0;
/*background-image: url(images/charliefade.jpg);
background-repeat: no-repeat;
background-position: 80px 0px;*/
height: 78%;
}

#merchandise
{
height: 100%;
background-color: #8e9bb0;
background-image: url(images/charliesilhouette.jpg);
background-position: 86% bottom;
background-attachment: fixed;
background-repeat: no-repeat;
overflow: auto;
}

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;
}