body { font-family: Tahoma, Verdana, Arial; font-size: small; color: #333333; background: url(../images/ttf-bg1.gif) no-repeat center top; }
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 160%; font-weight: bold; color: #666666; padding: 0px; margin: 0 0 4px 0; }
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 160%; font-weight: bold; color: #666666; padding: 0px; margin: 0 0 4px 0; }
h5 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 115%; color: #FE2C08; margin: 0px; padding: 0 0 2px 0; }
h6 { font-family: Tahoma, Verdana, Arial; color: #666666; font-weight: bold; font-size: 95%; margin: 0px; }
p { padding: 0px; margin: 2px 0 4px 0; }

#container { padding: 0px; width: 980px; margin: 0 auto 0 auto; }
#container #hdr { width: 100%; height: 130px; float: left; margin: 0px; padding: 0px; background: #191514 url(../images/hdr-tl.gif) no-repeat left top; }
#container #hdr #graphic { width: 634px; float: left; margin: 0px; padding: 0px; }
#container #hdr #logo { width: 340px; float: left; padding: 6px 0 0 6px; margin: 0px; }
#container #hdr #logo h1 { width: 210px; height: 116px; padding: 0px; float: left; margin: 0 15px 0 0; }
#container #hdr #logo h2 { width: 112px; height: 116px; margin: 0px; padding: 0px; float: left; }
#container #hdrnav { width: 100%; float: left; height: 35px; background: #FE2C08 url(../images/Flamenco-Navigation.gif) no-repeat left bottom; margin: 0 0 10px 0; }
#container #hdrnav ul { list-style-type: none; padding: 0px; margin: 8px 0 0 12px; }
#container #hdrnav li { float: left; color: #F1AA01; padding: 0 10px 0 0; margin: 0px; }
#container #hdrnav a { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#container #hdrnav a:hover { color: #FFCC00; }

#spacer { float: right; height: 38px; width: 100px; }

#container #hdrprogram { width: 720px; height: 29px; float: left; margin: 0 0 5px 10px; padding: 0 0 5px 0; border-bottom: solid 1px #CCCCCC; }
#container #hdrprogram h5 { color: #666666; font-size: 85%; margin: 0px; padding: 0 0 5px 0; }
#container s#hdrprogram p { font-size: 85%; margin: 0 0 4px 0; }
#container #hdr #onlinetickets { width: 180px; height: 54px; background: url(../images/pic-ticket.gif) no-repeat right 12px; float: left; padding: 0px; margin: 6px 0 0 20px; }
#container #hdr #onlinetickets a { font-family: Georgia, "Times New Roman", Times, serif; color: #666666; text-decoration: none; text-transform: none; font-size: 150%; font-weight: bold; line-height: 125%; }
#container #contentpanel { width: 755px; float: left; padding: 0 0 10px 10px; }
#container #contentpanel #centerpanel p { line-height: 120%; font-size: 95%; padding: 0 0 10px 0; margin: 0px; }
#container #contentpanel #leftpanel { width: 240px; float: left; margin: 0 15px 0 0; }

#container #contentpanel #homebtm { float: left; width: 650px; padding: 10px 0 0 10px; }
#container #contentpanel #homebtm p { font-family: Tahoma, Verdana, Arial; font-size: 105%; font-weight: bold; color: #333333; }
#container #contentpanel #homebtm a { font-weight: bold; color: #FF6600; text-decoration: none; background: url(../images/Flamenco-Mailing-List-bg.gif) no-repeat center top; }
#container #contentpanel #photocredit { float: left; width: 90%; padding: 4px 0 0 10px; }
#container #contentpanel #photocredit p { font-family: Tahoma, Verdana, Arial; font-size: 75%; color: #666666; }
#container #contentpanel #homepanel { width: 755px; height: 390px; background: url(../images/artists-collage.jpg) no-repeat top left; float: left; padding: 0px; }
#container #contentpanel #homepanel #homethanks { float: left; width: 90%; padding: 10px;}
#container #contentpanel #homepanel #homethanks h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 140%; color: #FFFFFF; }
#container #contentpanel #homepanel #fest2010 { float: left; width: 90%; padding: 10px; margin-top: 100px; }
#container #contentpanel #homepanel #fest2010 h3 { font-family: Tahoma, Verdana, Arial; font-size: 120%; color: #FFFFFF; }
#container #contentpanel #homepanel #mainartiste { width: 720px; height: 390px; }
#container #contentpanel #homepanel #mainartiste img { float: left; }
#container #contentpanel #homepanel #mainartiste #programinfo { margin: 0 0 0 170px; }
#container #contentpanel #homepanel #mainartiste #programinfo h1 { color: #4A4A4A; font-size: 140%; }
#container #contentpanel #homepanel #mainartiste #programinfo h3 { color: #4A4A4A; font-size: 140%; }
#container #contentpanel #homepanel #mainartiste #programinfo span { color: #FE2C08; }
#container #contentpanel #homepanel #mainartiste #programinfo h5 { color: #4A4A4A; font-weight: normal; }
#container #contentpanel #homepanel #mainartiste #programname { height: 45px; padding: 0px; margin: 15px 0 15px 170px; }
#container #contentpanel #homepanel #mainartiste #programname h5 { color: #4A4A4A; float: left; }
#container #contentpanel #homepanel #mainartiste #programname span { font-style: italic; color: #4A4A4A; font-size: 125%; }
#container #contentpanel #homepanel #mainartiste #programname #buybtn { width: 200px; height: 45px; padding: 0px; margin: 0 0 0 220px; background: url(../images/buy-tickets-btn.gif) no-repeat left center; }
#container #contentpanel #homepanel #mainartiste #programname #buybtn p { padding: 13px 0 0 10px; }
#container #contentpanel #homepanel #mainartiste #programname #buybtn a { font-weight: bold; color: #333333; text-decoration: none; font-size: 110%; margin: 0px; padding: 0px; }
#container #contentpanel #homepanel #mainartiste #workshopinfo { margin: 0 0 0 170px; }
#container #contentpanel #homepanel #mainartiste #workshopinfo h5 { color: #FF6600; }
#container #contentpanel #homepanel #mainartiste #workshopinfo span { font-weight: normal; color: #333333; font-size: 90%; }
#container #contentpanel #homepanel #mainartiste #txt { margin: 20px 0 0 170px; }
#container #contentpanel #homepanel #mainartiste #txt p { line-height: 200%; margin: 0; padding: 0px; }
#container #contentpanel #homepanel #mainartiste #txt span { font-weight: bold; color: #666666; }
#container #rightpanel { width: 180px; float: right; padding: 0px; margin: 0 10px 20px 0; }
#container #rightpanel #mailinglist { width: 100%; height: 30px; float: left; text-align: center; padding: 0px; margin: 0 0 20px 0; background: url(../images/Flamenco-Mailing-List-bg.gif) no-repeat center top; }
#container #rightpanel #mailinglist p { margin: 0px; padding: 7px 0 0 0; }
#container #rightpanel #mailinglist a { display: block; height: 0px; font-weight: bold; color: #FF6600; text-decoration: none; font-size: 105%; padding: 0; margin: 0; }
#container #rightpanel #followus { width: 150px; clear: left; padding: 2px 0 2px 0; margin: 0 auto 20px auto; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
#container #rightpanel #followus p { float: left; font-size: 85%; color: #666666; padding: 0px; margin: 6px 3px 0 4px; }
#container #rightpanel #followus h5 { padding: 2px 0 2px 0; margin: 0 2px 0 0; }
#container #rightpanel #visitblog { width: 135px; height: 32px; padding: 0px; margin: 0 auto 20px auto; clear: left; }
#container #rightpanel #visitblog h5 { float: left; padding: 0px; margin: 0 4px 0 0; }
#container #rightpanel #visitblog p { vertical-align: middle; margin: 0px; padding: 10px 0 0 0; }
#container #rightpanel #visitblog a { color: #666666; font-weight: bold; text-decoration: none; font-size: 105%; margin: 0px; padding: 0px; }
#container #rightpanel #fbpage {width: 140px;  text-align: center; border: 1px solid #CCCCCC; clear: left; padding: 2px; margin: 0 auto 20px auto; }
#container #rightpanel #fbpage a{ text-decoration: none; color: #FE2C08; font-size: 85%; font-weight: bold; }
#container #rightpanel #clip { width: 100%; float: left; text-align: center; padding: 0px; margin: 0px; }
#container #sponsorlogos { width: 755px; float: left; clear: both; margin: 5px 0 0 10px; padding: 0; }
#container #sponsorlogos h6 { margin: 0px; padding: 0px; }
#container #bottomnav { width: 775px; float: left; margin-top: 10px; color: #B7B7B7; font-size: 80%;  padding: 0 0 0 10px; }
#feologo { float: right; height: 60px; width: 84px; }

#container #bottomnav ul { list-style-type: none; margin: 0px; padding: 0px; }
#container #bottomnav li { float: left; margin: 0 5px 0 0; padding: 0px; }
#container #bottomnav a { color: #FE2C08; }
#container #copyright { width: 775px; float: left; margin: 10px 0 0 0; padding: 0 0 0 10px; }
#container #copyright p { font-size: 70%; color: #999999; margin: 0px; padding: 0px; }
#container #mh { width: 100%; float: left; margin: 20px 0 0 0; text-align: right; }

.table01 { width: 100%; margin: 0px; padding: 0px; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; }
.table01 caption { font-size: 85%; font-weight: bold; color: #666666; padding: 4px 6px 2px 4px; margin: 0; background-color: #E6F5FF; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; text-align: left; }
.table01 tr { }
.table01 th { font-size: 85%; font-weight: bold; color: #FFFFFF; padding: 4px 6px 2px 4px; margin: 0; background-color: #999999;  border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
.table01 td { vertical-align: top; font-size: 85%; margin: 0; padding: 4px;  border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
.table01 .ss { background-color: #FFFFCC; }
.table01 .time { background-color: #FFFFFF; }

select { font-family: Tahoma, Verdana, Arial; font-size: 90%; }
.blktxt { color: #000000; font-weight: normal; }
.blktxtb { color: #000000; font-weight: bold; }
.grey3txtb { color: #666666; font-weight: bold; }
.redtxt { color: #FE2C08; font-weight: normal; text-decoration: none; }
.redtxtb { color: #FE2C08; font-weight: bold; text-decoration: none; }
.orangetxt { color: #FF6600; font-weight: normal; }

.pic-l { float: left; margin: 0 20px 10px 0; }
.pic-r { float: right; margin: 0 0 10px 20px;}



#contactinfo { float: right; width: 140px; clear: both; margin: 0px; padding: 0 40px 0 0; }
#contactinfo p { }
#contactinfo a { color: #00a0f6; }
#contactinfo h2 { color: #00a0f6; font-weight: bold; font-size: 1.2em; }
#contactinfo h2 a{ color: #00a0f6; font-weight: bold; font-size: 1.2em; text-decoration: none; }
#contactform { width: 600px; text-align: left; margin: 0px; padding: 0px; }
#contactform h2 { line-height: normal; }
#contactform p { line-height: 130%; }

.contactformbox { margin: 0px; padding: 0px; }
.cform { overflow: hidden; padding: 10px 0 0 0; }
.contactus { margin: 0px; padding: 0px; }
.cform dl dt { width: 130px; float: left; white-space: nowrap; position: relative; color: #666666; padding: 0; text-align: right; margin: 2px 8px 0 0; }
.cform dl dd { margin-bottom: 4px; }
.cform dl dd select {width: auto;}

form { padding: 0px; margin: 0px; }
.txtinput { color: #000000; padding: 1px; font-family: Tahoma, Verdana, Arial; font-size: 95%; }
.txtselect { color: #333333; padding: 1px; font-family: Tahoma, Verdana, Arial; font-size: 95%; }
.btn01 { font-family: Tahoma, Verdana, Arial; font-weight: bold; color: #FFFFFF; background-color: #FE2C08; padding: 2px; border: 2px solid #999999; }
.btn02 { font-family: Tahoma, Verdana, Arial; font-weight: bold; color: #FFFFFF; background-color: #333333; padding: 2px; border: 2px solid #666666; }
.aboutpgbox { float: left; width: 320px; height: 110px; padding: 5px 5px 0 5px; margin: 20px 15px 20px 15px; border-top: 4px solid #CCCCCC; border-bottom: 1px solid #FF9900; }
.aboutpgbox p { font-size: 50%; font-family: Georgia, "Times New Roman", Times, serif; }