* { margin: 0px; padding: 0px; }
img { border-style: none; }
body { background: #000000 url(../images/jp_background.jpg) no-repeat fixed center top; color: #cccccc; }
form { width: 900px; margin: 0 auto; }
p { padding-top: 10px; }
a, a:hover, a:visited { color: #cccccc; text-decoration: underline; }
.pad2 td { padding: 2px; }
.pad3 td { padding: 3px; }
.pad4 td { padding: 4px; }
.contact-details, .contact-us { margin: 15px 0px; }
.contact-us td span { padding-right: 10px; }
.contact-us td input { position: absolute; right: 475px; }
.contact-details td:first-child { color: #888888; padding-right: 10px; }

#main { width: 900px; background-color: Transparent; margin: 0 auto; text-align: left; position: relative; }

#tagline { float: right; clear: right; font-size: 26px; font-style: italic; font-family: Georgia; color: #fcfcfc; width: 650px; margin-bottom: 56px; margin-top: 42px; text-align: right; }

#bannerborder { clear: both; background-color: #fcfcfc; width: 865px; height: 199px; opacity: 0.15; filter: alpha(opacity=15); padding: 15px; }
#bannerimage { width: 865px; height: 199px; position: absolute; top: 174px; left: 15px; }

#maincontent { width: 895px; clear: both; font-family: Trebuchet MS; font-size: 13px; padding-top: 10px; padding-bottom: 10px; background: url(   '../images/black-transparent-tile.png' ); }
#left-content { width: 615px; float: left; padding-left: 15px; display: inline; }
#right-content { width: 225px; float: right; display: inline; padding-left: 15px; padding-right: 15px; }
#left-content ul { list-style-type: disc; padding-left: 30px; margin-top: 8px; margin-bottom: 8px; }

.newsitem { width: 210px; padding-bottom: 15px; }
.newsitem-title { color: #fcfcfc; font-size: 12px; float: left; }
.newsitem .text { font-size: 12px; letter-spacing: normal; line-height: 1.2em; clear: both; margin-top: 0px; }
.newsitem .date { color: #9a9a9a; font-size: 12px; float: right; }

.title { color: #fcfcfc; font-family: Georgia; font-style: italic; font-size: 18px; padding-bottom: 5px; letter-spacing: 2px; }
.bigunderline { background-image: url(../images/dash_line_sml.gif); background-repeat: repeat-x; margin-bottom: 10px; height: 5px; left: -15px; width: 615px; position: relative; }
.smallunderline { background-image: url(../images/dash_line_sml.gif); background-repeat: repeat-x; margin-bottom: 10px; height: 5px; left: -15px; width: 225px; position: relative; }
.footerunderline { clear: both; background-image: url(../images/dash_line_sml.gif); background-repeat: repeat-x; margin-top: 20px; height: 5px; width: 100%; position: relative; }

#footer { font-family: Tahoma; width: 870px; height: 40px; margin-top: 0px; clear: both; padding-left: 15px; padding-right: 15px; }
#footer .links { font-size: 11px; margin-bottom: 10px; position: relative; }
#footer .links a { padding-right: 10px; color: #bcbcbc; }
#footer .text { font-size: 10px; color: #9a9a9a; }
#footer .hotlinks { position: absolute; right: -24px; top: -5px; }
#home-image { float: left; }
#small-banner { width: 700px; }

#smallbannerborder { clear: both; background-color: #fcfcfc; width: 870px; height: 90px; opacity: 0.15; filter: alpha(opacity=15); padding: 15px; }
#smallbannerimage { width: 870px; height: 90px; position: absolute; top: 135px; left: 15px; }

#menu { float: right; margin-top: 70px; }
#nav a { display: block; height: 28px; }
#nav li { cursor: pointer; float: left; height: 28px; list-style-type: none; margin: 0pt; overflow: hidden; padding: 0pt; text-indent: -999em; }
#nav img { display: block; width: 100%; }
/*
#nav a:link, #nav a:visited {
    background-position:0pt;
}
*/
#nav_overview { background-image: url(../images/nav_overview.png); width: 89px; }
#nav_performances { background-image: url(../images/nav_performances.png); width: 127px; }
#nav_resources { background-image: url(../images/nav_resources.png); width: 97px; }
#nav_contacts { background-image: url(../images/nav_contact.png); width: 84px; }
#nav_blog { background-image: url(../images/nav_blog.png); width: 57px; }

/*#nav li.on { background-color:#666666;  }*/
#nav li.on a, #nav li.off:hover a { background-position: 0pt -28px; }


#right-content ul { position: relative; margin-bottom: 20px; list-style-type: none; }
#right-content ul li { font-size: 14px; }
#right-content ul a, #right-content ul a:link, #right-content ul a:visited, #right-content ul a:hover { text-decoration: underline; color: #cccccc; display:block; padding: 2px 0px 2px 0px; }

.songnotes_display { font-size: 13px; width: 520px; padding-top: 15px; position: relative; padding-left: 10px; }
.songnotes_hide { display: none; }

.songmenu_display { }
.songmenu_hide { display: none; }

.songmenu_display .song-title { float: left; }
.songmenu_display ul { clear: both; }

#left-content .song-title { color: #fcfcfc; float: left; font-family: Georgia; font-size: 19px; font-style: italic; letter-spacing: 1px; }
#left-content .song-notes { font-size: 13px; clear: left; line-height: 16px; padding-top: 4px; }
#left-content .song-mp3 { float: right; margin-left: 10px; padding-top: 3px; }


.clear { clear: both; }
#spacer { width: 100%; height: 20px; }

#performance .location { margin-top: 15px; }
#performance .date { margin-bottom: 15px; }
#performance .review { }
#performance .url { margin-top: 15px; }
#performance .ptitle { color: #777777; }

.review-title { margin-top: 10px; margin-bottom: 5px; color: #fcfcfc; float: left; font-family: Georgia; font-size: 19px; font-style: italic; letter-spacing: 1px; }
.review-author { font-style: italic; color: #888888; }
.review-text { margin: 5px 0px; clear: left; }

.column1 { width: 250px; padding-left: 5px; }
.column2 { width: 130px; }
.column3 { width: 130px; }
.column4 { width: 125px; }

.mp3 tr { height: 22px; }
.mp3 tr:hover { background: url( '../images/grey-transparent-tile.png' ); }
.mp3 { margin: 15px 0px; width: 635px; }