html { overflow-x: auto; height:100%;} /* fixes MSIE scrollbar bug, has no effect in other browsers */
	
body {
	font: 100% Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #F0E9DD /* url(media/ffsite/bg.gif) repeat-y scroll 50% 0 */;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
}

.clearboth{clear:both;} .floatleft{float:left;} .floatright{float:right;}

a{color:#8D21A3;text-decoration:none;border:none;} a:hover{color:#cc33ff;background-position: 0px 31px;} a img{border:0;}

h1{color:#5E0A63;font-size:18px;letter-spacing:-1px;background: url(media/ffsite/h1rule.gif) repeat-x bottom;margin-top:0px;margin-bottom:9px;clear:both;}
h1 span.right{color:#523e1d;font-size:12px;font-weight:normal;letter-spacing:0px;float:right;padding-top:5px;}
h1.noclear{color:#5E0A63;font-size:18px;letter-spacing:-1px;background: url(media/ffsite/h1rule.gif) repeat-x bottom;margin-top:0px;margin-bottom: 9px;clear:none;}

p{margin-top:0px; margin-bottom:14px;}
p.quote {font-size:16px;color:#6A0B73; font-style: italic; }
p.quote span.quoteby {font-size:12px;color:#523e1d; font-style: normal;}



#outercontainer{position:relative;width:980px;margin: 0 auto;background: #617F34 url(media/ffsite/bg.gif) repeat-y scroll 50% 0;}
#outerlogo{position:absolute;top:0px;left:0px;width:12px;height:12px;background: url(media/ffsite/logoedge.gif) no-repeat scroll top left;}
#container{position:relative;width:960px;margin: 0 auto;text-align:left;}

/* HEADER */
#homeheader, #header {position:relative;background: url(media/ffsite/header.jpg) no-repeat top left;overflow:hidden;margin:0;padding:0;}
#homeheader {height:350px;}
#header {height:251px;}

#maincontent {width: 960px;height:auto;background: #FFF url(media/ffsite/maincontentbg.jpg) no-repeat top left;padding:0;}

#primaryheader {position:relative;width:640px;float:left;}
#primaryheader .head {color:#8D21A3;position:absolute;top:0;left:0;width:610px;height:17px;padding: 2px 15px;text-align:right;}
#primaryheader .content {margin-top:21px;}


#primarycontent {color:#523e1d;position:relative;width:610px;background:transparent;padding:14px 15px;float:left;}
* html #primarycontent{width:640px;w\idth:610px;}

#primarycontent img.right, #secondarycontent img.right {
	float:right;
	border: 1px solid #FFBB00;
	padding: 4px;
	margin: 2px 0px 5px 9px;
}
#primarycontent img.left, #secondarycontent img.left {
	float:left;
	border: 1px solid #FFBB00;
	padding: 4px;
	margin: 2px 9px 5px 0px;
}

table.imageright {
	float: right;
	margin: 2px 0px 0px 9px;
}
table.imageright td {
	padding-bottom:7px;
}
table.imageright td img {
	border: 1px solid #FFBB00;
	padding: 4px;
}

table.imageleft {
	float: left;
	margin: 2px 9px 0px 0px;
}
table.imageleft td {
	padding-bottom:7px;
}
table.imageleft td img {
	border: 1px solid #FFBB00;
	padding: 4px;
}
table.imagewcaption {
	padding-bottom:7px;
}
table.imagewcaption td {
	padding-bottom:7px;
}
table.imagewcaption td img {
	border: 1px solid #FFBB00;
	padding: 4px;
}


#secondarycontent table.image {margin: 0;}
#secondarycontent table.image td img {
	border: 1px solid #FFBB00;
	padding: 4px;
}


#primarycontent div.full{
	width:608px;
	border: 1px solid #FFBB00;
	text-align: center;
	padding: 4px 0px;
	margin: 2px 0px 5px 0px;
}
#primarycontent div.full img{
	margin: 0 auto;
}

#primarycontent img.rightnoborder, #secondarycontent img.rightnoborder {
	float:right;
	padding: 0px;
	margin: 2px 0px 5px 9px;
}

#primarycontent img.leftnoborder, #secondarycontent img.leftnoborder {
	float:left;
	padding: 0px;
	margin: 2px 9px 5px 0px;
}

#primarycontent .content {
	position: relative;
	left:15px;
	width: 610px;
	background: transparent;
}

#primarycontent h2
{
font-size: 16px;
color: #5E0A63;
letter-spacing: -1px;
background: url(media/ffsite/h1rule.gif) repeat-x bottom;
margin-top:0px;
margin-bottom: 9px;
clear: both;
}

#primarycontent h2 span.right{
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	letter-spacing: 0px;
	color:#523e1d;
	float: right;
	padding-top: 3px;
}

#primarycontent p.underh2
{
font-size: 15px;
color: #5E0A63;
letter-spacing: 0px;
margin-top:0px;
margin-bottom: 9px;
clear: both;
}

#secondaryheader, #secondarycontent {
	position:relative;
	width:290px;
	float:right;
	padding:14px 15px 14px 15px;
}
#secondaryheader {padding-top:35px;color:#FFF;}
#secondarycontent {padding-left:14px;border-left: 1px #CCBDA1 solid;}
* html #secondarycontent, * html #secondaryheader {width:320px; w\idth:290px;}

#secondaryheader .head {
	position:absolute;
	top:0;
	left:0;
	width: 290px;
	height:17px;
	padding: 2px 15px;
	color:#fff;
}

#secondaryheader .content {
	position: relative;
	left:15px;
	top:53px;
	width: 290px;
	background: transparent;
	color:#fff;
}

#secondarycontent .content {
	position: relative;
	left:14px;
	width: 290px;
	background: transparent;
}

#secondarycontent img.full {
	border: 1px solid #FFBB00;
	padding: 4px;
	margin: 2px 0px 5px 0px;
}


/* MENU */
#homemenu, #absmenu {position:absolute;left:0px;width:640px;background: url(media/fftreemenu/slide_button.gif) repeat-x left top;}
#homemenu2, #absmenu2 {position:absolute;left:640px;width:320px;background: url(media/fftreemenu/slide_button.gif) repeat-x 0% -150px;}
#homemenu, #homemenu2 {top:320px;}
#absmenu, #absmenu2 {top:221px;}

/* FOOTER */
#footer {position:relative;margin: 0 auto;width:960px;padding:0;background:#5E0A63;color:#fff;clear:both;}
#footer div.footer1 {
	width:960px; height:88px; background: url(media/ffsite/footer_bg.jpg); color:#000; padding-top:30px;
}
#footer div.footer1 div.right {float:right;margin-right:15px;text-align:right;}
#footer div.footer1 div.left {margin-left:15px;}


#bgfooter {position:relative;margin: 0 auto;width:980px;height:10px;background: #F0E9DD url(media/ffsite/bg_ftr.gif) no-repeat scroll 50% 0;}
#footer2 {position:relative;margin: 0 auto;width:960px;height:33px;padding:0;background: url(media/ffsite/footer2bgdark.jpg) repeat-x;color:#FFF;clear:both;}
#footer2 a{color:#FFF;} #footer2 a:hover{color:#FFBB00;}

.btndirections{width:62px;height:31px;background-image: url(media/ffsite/btn_getdirections.jpg);}
.btnfacebook{width:62px;height:31px;background-image: url(media/ffsite/btn_facebook.jpg);}
.btnnewsletter{width:62px;height:31px;background-image: url(media/ffsite/btn_newsletter.jpg);}
.btntwitter{width:62px;height:31px;background-image: url(media/ffsite/btn_twitter.jpg);}

div.directions {margin-bottom:15px;}

.directions p{margin-bottom:0px;}
.directions ul{padding-left:15px;margin-top:0px;margin-left:0px;}
.directions li{padding-left:0px;margin-left:0px;}





/* CALENDAR BEGINS */
table.cal2days, table.calxdays {
	width:100%;
	color:#FFF;
	background: #000 url(media/calendar/calendardays.gif) repeat-x top;
}
table.cal2days td, table.calxdays td{
	padding: 2px 5px;
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
}
table.cal2days td{width:20%;}


table.cal2, table.calx {
	width:289px;
	color:#523E1D;
	background: url(media/calendar/calendar.gif) bottom; 
}

table.cal2 td, table.calx td {
	border: 1px solid #CCBDA1;
}
table.cal2 td {width:20%;}

table.cal2 tr.date td, table.calx tr.date td {
	font-size:10px;
	letter-spacing: 1px;
	text-align:left;
	vertical-align: top;
	padding:2px 0 0 2px;
	border-width: 1px 1px 0px 0px;
}

table.cal2 tr.time td, table.calx tr.time td{
	text-align:right;
	vertical-align: bottom;
	padding:0 2px 2px 0;
	border-width: 0px 1px 0px 0px;
}

table.cal2 td.noborder, table.calx td.noborder{
	border-right:none;
}
/* CALENDAR ENDS */

/* UPCOMING SHOWS */
.upcomingshow{background: url('media/ffsite/a33.gif') bottom repeat-x;margin-bottom:15px;}
.upcomingshow p.dates{color:#999;font-size:12px;font-weight:bold;letter-spacing:0px;margin-top:6px;margin-bottom:7px;padding-bottom:10px;}
.upcomingshow .pic{clear:both;height:auto;margin-bottom:7px;}