body {
background-image: url(../images/Jw03_bkgd.gif);
background-repeat: repeat-x;
background-color: #8687d8;
/*background-position: 0 0;
background-color: #584bde;*/
font-size: small;
font-family: Georgia, Times, serif;
line-height: 1.4 ems;
}

p {
margin: 0;
padding: 0;
}

td { }

a:link {
color: #551d76;
text-decoration: none;
}

a:visited {
color: #8a6199;
text-decoration: none;
}

a:hover {
color: #5c5c9c;
text-decoration: underline;
}

a:active {
color: #999999;
}

/* ---- Basic Common Declarations ----*/

* {
margin: 0;
padding: 0;
border: 0;
}

*html body { /*Simplified Box Model Hack */
font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */}

img {
margin: 0;
padding: 0;
border: 0;
}

h1 {
font-size: 150%;
}

h2 {
font-size: 130%;
}

h3 {
font-size: 120%;
}

h4 {
font-size: 105%;
}

ul li {
font-size: 90%;
}

/* ---- End Basic Common Declarations ----*/
	
/*layout Structure */
	
#wrap {
margin-left: auto;
margin-right: auto;
/*max-width: 725px;*/
width: 725px;
background: url(../images/Jw_Bkgd_rt.gif) repeat-y 70% 0;
/*background-color: #8F8F8F;*/
border: solid 2px #57588f;
/*display: inline; /* --- for IE5 ----*/
}

#wrapinner {
background-image: url(../images/Jw_Bkgd_Lt.gif); /* add background here for #content background div*/
background-repeat: repeat-y; 
/*background-position: 28% 0;*/
background-position: 4% 0;
/*border: solid 2px green;*/
}

#header {
height: 180px;
background-color: #666;
/*margin-bottom: 10px; */
margin: 0;
padding: 0;
border-bottom: solid 1px #6181a7;
}

/* --- start navigation --- */

#navcontainer { 
float: left;
/*clear: both;*/
padding-top: 20px;
height: 30px;
width: 100%;
/*width: 730px;*/
background-color: #302f2f;
background-image: url(../images/Jw02_PianoKeysD_01.gif);
background-repeat: repeat-x;
background-position: 0 0;
/*display: inline; /* --- for IE5 ----*/
}

#navlist {
margin: 0;
padding: 0 0 20px 10px;
/*border-bottom: 1px solid #000;*/
border-bottom: 1px solid #8687d8;
}

#navlist ul, #navlist li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited {
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 7px 4px 10px;
text-decoration: none;
/*color: #999;*/
color: #d2d1de;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
border-bottom: 4px solid #8687d8; /*simplebits underline*/
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist a:hover {
/*color: #000;*/
color: #8687d8;
}

#navlist a.active {
color: #fff;
background: #2f2f4f;
padding: 2px 4px 2px 4px;
/*border-bottom: 2px solid #8687d8; /*simplebits underline*/
}

/*end --- navigation --- */

#content {
float: left;
width: 70%;
/*width: 69%;*/
/*width: 508px;*/
background: #d2d1de;/* background is filled in from #wrapinner div */
margin: 0;
padding: 0;
display: inline; /* --- for IE5 ----*/
}

#content p {
font-size: 95%;
text-indent: 3%;
line-height: 160%;
}


#content div {
/*padding-right: 40px;*/
padding: 20px;
margin: 10px;
/*border: solid 1px green;*/
}

#concertpic { /* ––– add in background picture and want a Table to go over top of image.–––*/
background: url(../images/100_0060_ClapTour360px.gif) no-repeat;
visibility: visible;
position: relative;
top: 0;
left: 0;
width: 85%;
/*height: 380px;*/
/*height: 100%;*/
/*border: solid 4px red;*/
}

#concertdates {
background-image: url(../images/white_screen.gif);
/*width: 300px;*/
margin: 0;
padding: 0;
border: solid 1px #57588f;
}

#concertdates dl, dt, dd {
background-color:transparent;
margin: 0;
padding: 0;
color: #000000;
}

#concertdates dd {
color: #000000;
font-size: 95%;
padding-bottom: 10px;
}

#concertdates a {
color: #3F295D;
font-weight: bold;
}

#concertdates h5 {
padding: 5px 0 5px 0;
color: #551d76;
}

#sidebar {
float: right;
width: 29%;
margin: 0;
padding: 0;
display: inline; /* --- for IE5 ----*/
}

/* --- The Extra Div Method, ensures that anything stuffed inside the sidebar will have proper padding without affecting overall width of the sidebar column --- */
#sidebar div {
padding: 10px;
margin: 10px;
}

#sidebar ul {
list-style: none; 
/*padding-left: 0;*/
}

#sidebar li {
color: #57588f;
background-image: url(../images/Jw04_StarSm15px.gif); /*add custom bullets!*/
background-repeat: no-repeat;
background-position: 0 50%;
padding: 20px;
}

#sidebar strong {
color: #000;
font-weight: bold;
}

.sidebarh3 {
font-family: Helvetica, Arial, sans-serif;
color: #8a6199;
background-image: url(../images/Jw05_musicNote20px.gif);
background-repeat: no-repeat;
background-position: 0 40%;
padding-left: 30px;
margin-bottom: 10px;
border-bottom: 2px solid #9c9c9c;
}

.sidebarthms {
margin: 10px;
border: solid 5px white;
}

/* sidebar boxes */

.box {
margin: 0 0 20px 0;
padding: 0 0 12px 0;
font-size: 85%;
line-height: 1.5em;
color: #2f2f4f;
background: #d2d1de url(../images/boxRdCorner_botRt_bfbed1.gif) no-repeat right bottom;
}

.box h3 {
/*margin: 0;*/
margin: -10px;
/*padding: 12px;*/
padding: 10px 6px 16px 16px;
font-family: Georgia, serif;
font-size: 140%;
font-weight: normal;
color: #302f2f;
/*border: solid 1px red;*/
background: url(../images/boxRdCorner_topLt_bfbed1.gif) no-repeat top left;
}

.box p, .box ul {
margin: 0;
padding: 0 12px;
}

.box ul li {
margin: 0 0 0 12px;
padding: 0 0 0 18px;
background-image: url(../images/Jw05_musicNote20px.gif) no-repeat 0 3px;
}

.boxnote {
line-height: 1.5em;
color: #2f2f4f;
border: solid 1px #6f6475;
background-color: #b7a5c2;
padding: 80px;
}

/* end sidebar boxes */

#footer { 
margin: 0; 
padding: 10px; 
clear: both;
background: url(../images/Jw02_PianoKeysA_01purblu.gif) repeat-x;
background-color: #fff;
border-top: 1px solid #6f6475;
/*display: inline; /* --- for IE5 ----*/ 
}

/*end layout Structure */

/*--- testimonials */
.testimonials h4 {
font-family: Arial, Helvetica, sans-serif;
color: #57588f;
padding-left: 50px;
padding-top: 10px;
background-image: url(../images/Jw_Triangle_b7a5c2.gif);
background-repeat: no-repeat;
background-position: 3% 50%;
}

dl {
margin: 0 0 20px 0;
padding: 15px 0 10px 0;
background-color: #b7a5c2;
}

dt {
font-size: 90%;
line-height: 145%;
font-weight: bold;
/*font-style: italic;*/
margin-left: 10px;
padding-left: 10px;
margin-right: 10px;
padding-right: 10px;
}

dd {
font-size: 85%;
margin: 3px 10px 0 10px;
padding-left: 10px;
padding-right: 10px;
color: #2f2f4f;
}
/*--- end testimonials */

#photogallery {
margin: 0;
padding: 0;
/*border: solid 1px red;*/
}

#photogallery img {
margin: 0;
padding: 0;
/*padding: 5px;*/
border: solid 2px #5c5c9c;
width: 120px;
height: 88px;
}

/* opacity image rollovers - global rule */
a img {
margin: 5px;
padding: 5px;
opacity: 1;
filter:alpha(opacity=100);
border: 1px solid ##551d76;
}

a:hover img {
margin: 5px;
padding: 5px;
opacity: 0.55;
filter:alpha(opacity=55);
border: 1px solid #5c5c9c;
}

/* opacity rollovers with class !–––couldn't get it to work!–––*/

/*.opacityit img {
margin: 5px;
padding: 5px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}

.opacityit:hover img {
margin: 5px;
padding: 5px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}*/

.imgdecoration {
margin: 10px;
/*padding: 5px;*/
border: solid 3px white;
}

table { 
background-image: url(../images/white_screen.gif);
background-repeat: repeat;
margin: 0;
padding: 0;
border-collapse: collapse;
/*float: right;*/
/*border: solid 1px red;*/
/*width: 70%;*/
}

table th, table td {
margin: 0;
padding: 15px 5px;
text-align: center;
border-bottom: 1px solid #b5b5b5;
}

table .name {
text-align: left;
}

table td a { /* ––– forces desc that comes after it to the next line, no need <br /> tag ---*/
display: block;
font-weight: bold;
}

/*table tr {
background: #e6e6e6;
}

table tr. alt {
background: #f1f1f1;
}*/

.tourbkgimg {
background-image: url(../images/100_0060_ClapTour.jpg);
background-repeat: no-repeat;
background-position: left top;
clip: rect(auto 450px auto auto);
}

.soldout { color: red;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}

.concertdetails {
/*font-size: 95%;*/
text-indent: 0;
color: #551d76;
}