html, body { margin: 0; padding: 0; font-size: 11px; text-align: center; font-family: Verdana, Arial, Helvetica, Sans-Serif, Serif; background: #fdfaf2 url(images/background.gif) repeat-x left top; }
a { outline: none; color: #555; text-decoration: none; }
a:hover { color: #3e2501; text-decoration: underline; }
input, textarea, select, option { font-family: Verdana, Arial, Helvetica, Sans-Serif, Serif; font-size: 11px; }
#wrapper { width: 779px; margin: 0 auto; text-align: center; }
#header { width: 779px; height: 300px; background: url(images/logo.jpg) no-repeat left top; }
#guitarman { float: left; width: 108px; height: 255px; position: relative; top: 85px; left: -58px; background: url(images/guitarman.gif); }
#top_nav { padding: 30px 0 0 0; height: 29px; line-height: 29px; }
#top_nav ul { float: right; margin: 0 auto; padding: 0; list-style: none; }
#top_nav ul li { margin: 0; padding: 0; float: left; display: block; }
#top_nav ul li a { height: 29px; font-family: Century Gothic, Times New Roman, Sans-Serif, Serif; color: #ddce9e; font-size: 13px; font-weight: bold; }
#top_nav ul li .nav_left { padding: 0 8px 0 0; }
#top_nav ul li .nav_mid { padding: 0 8px; }
#top_nav ul li .nav_right { padding: 0 0 0 8px; }
#top_nav ul li a:hover { color: #cbe2eb; text-decoration: none; }

#fiddler1 { float: right; display: inline; background: #94664a url(images/fiddler1.jpg); border: 3px solid #94664a; width: 529px; height: 229px; /* Hack >> hide from IE5.5 */ voice-family: "\"}\""; voice-family: inherit; width: 523px; height: 223px; }
#fiddler2 { float: right; display: inline; background: #94664a url(images/fiddler2.jpg); border: 3px solid #94664a; width: 529px; height: 229px; /* Hack >> hide from IE5.5 */ voice-family: "\"}\""; voice-family: inherit; width: 523px; height: 223px; }

#image0 { float: right; display: inline; background: #94664a url(images/image0.jpg)  no-repeat top; border: 3px solid #94664a; width: 529px; height: 274px; /* Hack >> hide from IE5.5 */ voice-family: "\"}\""; voice-family: inherit; width: 523px; height: 268px; }
#image1 { float: right; display: inline; background: #94664a url(images/image1.jpg)  no-repeat top; border: 3px solid #94664a; width: 529px; height: 274px; /* Hack >> hide from IE5.5 */ voice-family: "\"}\""; voice-family: inherit; width: 523px; height: 268px; }
#image2 { float: right; display: inline; background: #94664a url(images/image2.jpg)  no-repeat top; border: 3px solid #94664a; width: 529px; height: 274px; /* Hack >> hide from IE5.5 */ voice-family: "\"}\""; voice-family: inherit; width: 523px; height: 268px; }
#image3 { float: right; display: inline; background: #94664a url(images/image3.jpg)  no-repeat top; border: 3px solid #94664a; width: 529px; height: 274px; /* Hack >> hide from IE5.5 */ voice-family: "\"}\""; voice-family: inherit; width: 523px; height: 268px; }
#image4 { float: right; display: inline; background: #94664a url(images/image4.jpg)  no-repeat top; border: 3px solid #94664a; width: 529px; height: 274px; /* Hack >> hide from IE5.5 */ voice-family: "\"}\""; voice-family: inherit; width: 523px; height: 268px; }
#image5 { float: right; display: inline; background: #94664a url(images/image5.jpg)  no-repeat top; border: 3px solid #94664a; width: 529px; height: 274px; /* Hack >> hide from IE5.5 */ voice-family: "\"}\""; voice-family: inherit; width: 523px; height: 268px; }

.clear { display: block; clear: both; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; }

/* performers & performers Detail */
.pageTitle {  font-size: 17px; margin-bottom: 5px; font-weight: 700;  }
.searchcontact a { display: block; }
.searchcontact a img { border: 2px solid #d7760d; }
.searchcontact a:hover img { border: 2px solid #527c58; }
.searchcontact .caption { display: block; padding: 3px 2px 3px 0; font-size: 15px; font-weight: 700;}
.searchcontact { float: left; width: 150px; margin: 5px 0 0 11px; padding: 12px 0; text-align: center; }
.contact a { display: block; }
.contact a img { border: 2px solid #d7760d; }
.contact a:hover img { border: 2px solid #527c58; }
.contact .caption { display: block; padding: 3px 2px 3px 0; font-size: 15px; font-weight: 700; }
 #content .detail .returnlink { float: right; display: inline; margin: 13px 0 0 10px; font-size: 13px; }
 #content .detail .contact { display: block; min-height: 150px; margin: 0; padding: 0 0 12px 0; }
 #content .detail .contact .info { float: left; clear: left; display: inline; width: 130px; margin-top: 6px; }
 #content .detail .contact .thumb { width: 124px; text-align: left; margin: 0 0 8px 0; }
 #content .detail .contact .thumb img { margin-top: 2px; border: 1px solid #949060; }
 #content .detail .contact .url { font-size: 15px; font-weight: 500}
 #content .detail .contact .phone { font-size: 13px; }
 #content .detail .contact .email { font-size: 13px; }
 #content .detail .contact .bio { float: right; clear: right; display: inline; width: 395px; margin: 6px 5px 0 0; padding: 0; text-align: justify; }
 #content .detail .contact .bio .bio-title { margin: 0; padding: 0; font-size: 18px; font-weight: bold; }
 #content .detail .contact .bio .bio-content { display: block; }
 #content .detail .contact .bio .bio-content p { margin: 0 0 12px 0; padding: 0; }


#content { display: block; clear: both; }
#left { width: 213px; float: left; clear: left; display: block; }
#right { width: 552px; float: right; clear: right; padding: 8px 5px; display: block; background: url(images/content.jpg) repeat-y left top; }
#right_main { display: block; clear: both; margin: 0 auto; text-align: left; _height: 275px; min-height: 275px; }
#footer { display: block; margin: 10px 0 0 0; padding: 5px; border-top: 3px solid #3e2501; font-size: smaller; color: #888; }
#mapContainer { width: 542px; height: 400px; margin: 0 auto; border: 1px solid #999; }
#contactForm { margin: 0; padding: 0; }
#contactForm .formcontainer { display: block; }
#contactForm .fieldname { font-weight: bold; width: 125px; float: left; clear: left; display: block; text-align: right; }
#contactForm .field { width: 400px; float: right; clear: right; display: block; text-align: left; }
#contactForm .input { width: 300px; }
#contactForm .input2 { width: 125px; }
#contactForm .input3 { width: 74px; }
#contactForm .input4 { width: 80px; }
#contactForm textarea.input { width: 300px; height: 80px; }
#contactForm #validationImage { width: 302px; height: 50px; border: 1px solid #bbb; }
.gothic { font-family: Century Gothic, Times New Roman, Sans-Serif, Serif; }
.large { font-size: 115%; }
.larger { font-size: 130%; }
.largest { font-size: 200%; }
.small { font-size: 94%; }
.smaller { font-size: 90%; }
.gray { color: #555; }
.ltgray { color: #999; }
.brown { color: #3e2501; }
.brownred { color: #a13a07; }
.hrgray { color: #ccc; background: #ccc; margin: 0 0 10px 0; border-top: 1px dotted #ccc; }
.bold { font-weight: bold; }
.boxtitle { font-size: 16px; font-weight: bold; color: #3e2501; font-family: Century Gothic, Times New Roman, Sans-Serif, Serif; }
.bluebox { width: 213px; background: url(images/blue_main.gif) repeat-y; }
.bluebox_top { width: 213px; height: 7px; font-size: 1pt; background: url(images/blue_top.gif) no-repeat; }
.bluebox_main { display: block; padding: 0 7px 5px 3px; }
.bluebox_bot { width: 213px; height: 7px; font-size: 1pt; background: url(images/brown_bot.gif) no-repeat; }
.bluebox_content { display: block; width: 194px; margin: 5px auto; padding: 5px; background: #fdfaf2; border-style: solid; border-color: #cacaca #eee #eee #cacaca; border-width: 2px 1px 1px 2px; /* Hack >> hide from IE5.5*/ voice-family: "\"}\""; voice-family: inherit; width: 181px; }
.brownbox { width: 213px; background: url(images/brown_main.gif) repeat-y; }
.brownbox_top { width: 213px; height: 7px; font-size: 1pt; background: url(images/brown_top.gif) no-repeat; }
.brownbox_main { display: block; padding: 5px 8px 11px 3px; text-align: center; }
.brownbox_main img { text-align: center; vertical-align: middle; margin: 0 auto; }
.brownbox_bot { width: 213px; height: 7px; font-size: 1pt; background: url(images/brown_bot.gif) no-repeat; }
.nobox { width: 213px; }
.nobox_main { display: block; padding: 5px 8px 11px 3px; text-align: center; }
.nobox_main img { text-align: center; vertical-align: middle; margin: 0 auto; }
.clearboth { height: 1px; line-height: 1px; font-size: 1pt; clear: both; display: block; }
.clearbox { height: 10px; line-height: 10px; font-size: 1pt; clear: both; display: block; }
.clear5 { height: 5px; line-height: 5px; font-size: 1pt; clear: both; display: block; }
.clear3 { height: 3px; line-height: 3px; font-size: 1pt; clear: both; display: block; }
.underline { text-decoration: underline; }
.italics { font-style: italic; }
.notice { display: block; margin: 0 0 5px 0; text-align: center; font-weight: bold; color: #c00; background: #eee; border: 1px solid #c00; padding: 2px 0; }
.random_sponsor_image { width: 150px; border: 2px solid #999; }
.random_image { width: 170px; border: 2px solid #3e2501; }
.schedule_image { width: 120px; border: 1px solid #999; float: left; }
.sponsor_image { width: 120px; border: 1px solid #999; float: left; margin: 0 10px 0 0; }
.webpage_title { font-family: Century Gothic, Times New Roman, Sans-Serif, Serif; font-size: 150%; font-weight: bold; padding: 0 0 1px 0; margin: 0 0 3px 0; border-bottom: 2px solid #999; }
.block { display: block; }
.caption_clear { clear: both; }
.event_preview { display: block; }
.event_hidden { display: none; }
.event_description { display: block; }
.event_thumb { float: left; clear: left; text-align: center; display: inline; background: #eee; margin-right: 5px; padding: 0 0 2px 0; border: 1px solid #aaa; }
