/* Hillman B2 - Festival At Camp Creek Style Sheet */

body {font-family:arial}


.bold {
	text-align:center;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:18px;
}

/*********************************** PAGE HEADER STYLES *************************************/

#facc_content_top {
	/*margin-left:176px;*/
	height:330px;
	padding-top:8px;
	padding-left:15px;
	padding-right:15px;
	background: url('../images_facc/black_bg.jpg') repeat-x;
	background-color:#404040;
	line-height:140%;
	position:relative;
	color:#fff;
	border: 0 dotted #575757; 
	font-size:13pt; 
	font-family:arial, verdana
}

#facc_header_caption {
	height:20px;
	font:bold 0.9em arial, verdana, sans-serif, helvetica;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	margin:0 auto;
	margin-bottom:7px;
	border:0 solid #000000;
}

#image_box {	
	width:175px;
	height: 346px;
	background:url('../images_facc/fireworks.jpg') no-repeat;
	border-right:2px inset #ff0000;
	background-color:#000;
	float:left;
	border:0 solid #fff;
}

#facc_header_content {
	font:normal, 0.9em arial, verdana, sans-serif, helvetica;
	color:#fff;
	text-align:center;
	line-height:1.2em;
	margin:0 auto;
	border:0 dotted #fff;
	margin-bottom:5px;
}


#photo_box_container {
	width:750px;
	height:84px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border:0 dotted #fff;
	margin-top:20px;
}


#emcee_box {
	width:80px;
	height:110px;
	border:1px solid #474747;
	margin-top:-22px;
	margin-right:15px;
	float:left;
}


 

#headliner_box {
	width:80px;
	height:110px;
	border:1px solid #b8b8b8;
	float:left;
	margin-top:-22px;
}



  
#box3, #box4, #box5, #box6,#box7, #box8, #box9 {
	height:80px;
	width:70px;
	margin-top:8px;
	font-size:.75em;
	border:1px solid #fff;	
	text-align:center;

}

#box1 {
	width:80px;
	height:110px;
	margin-left:1px;
	margin-top:-22px;
	font-size:.75em;
	border:1px solid #fff;	
	text-align:center;
}

#box2 {
	width:80px;
	height:110px;
	margin-left:-1px;
	margin-top:-22px;
	font-size:.75em;
	border:1px solid #fff;	
	text-align:center;
}

#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9 {float:left}


#box3 {
	width:119px;
}


#box5 {
	width:119px;
}



/* Start Ticker Box Styles */

#ticker_container {
	width:100%;
	height:26px;
	color:#fff;
	position:absolute;
	background:#000;
	border-bottom:1px solid #ff0000;
}

#ticker_box {
	width:600px;
	height:26px;
	margin-left:auto;
	margin-right:auto;
	border:0 solid #0000ff;
	background:#000;
}


/* End Ticker Box Styles */
	


/*********************************** CENTER PAGE CONTENT STYLES *************************************/
 
 
 

#page_content {
	width:740px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	border:0 solid #b22222;
	}

#title_sponsor_container {
	width:330px;
	height:100px;
	margin-top:8px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#000;
	border:0 solid #0000ff;
}

#presented_by {
	color:#838b8b;
	text-align:center;
}

/* Start Header for Sliding Thumbs */

.caption {
	width:350px;
	height:20px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	color:#575757;
	text-align:center;
	border:0 solid #ffff00;
	font-family:arial, verdana, times, helvetica;
	font-size:0.97em;
}

#scroll_buttons_container {
	width: 520px;
	height:110px;
	border:0 solid #00ffff;
	color:#000;
	text-align:center;
	margin-left:auto; 
	margin-right:auto; 
}


/* End Header for Sliding Thumbs */

 
#page_feature_container {
	width:340px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:20px;
	border:0 solid #000;
}

#group1 {
	width:154px;
	height:104px;
	border: 1px solid #8b1a1a;
	float:left;
}


#group1_name {
	width:175px;
	height:50px;
	margin-top:155px
	border:0 solid #ff0000;
	text-align:center;
	font-size:.75em;
	color:#595959;
	float:left;
}

#group2 {
	width:154px;
	height:104px;
	margin-left:180px;
	border:1px solid #8b1a1a;
}	

#group2_name {
	width:175px;
	height:50px;
	margin-left:-10px;
	border:0 solid #ff0000;
	text-align:center;
	font-size:.75em;
	color:#595959;
}

#page_feature_container2 {
	width:310px;
	height:190px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	border:0 solid #000;
}

#page_feature_header {

	border:0 solid #00008b;
	width:310px;
	height:20px;
	color:#999;
	font-size: .79em;
	text-align:center;
}

#entanglement1, #entanglement2, #entanglement3 {
	width: 104px;
	height:200px;
	margin-top:-3x;
	border:0 solid #ffff00;
}

#entanglement1 {
	float:left;
}

#entanglement2 {
	float:left;
}

#entanglement3 {
	float:left;
	margin-left:-3px;
}

#slider_frame {
	width:400px;
	height:100px;
	margin-left:170px;
	text-align:center;
	color:#474747;
	font:14px arial, verdana, "sans-serif";
	border:0 solid #ff0000;
}

.promo_partner_gallery_title {
	width: 540px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #8b0000;
	margin-left:auto;
	margin-right:auto;
	padding-top: 2px;
	text-align:center;	
	border:0 dotted #575757;
}	

#promo_partners {
	width:540px;	
	height:120px;
	margin-top:5px;
	padding-top:7px;
	font:10pt arial, verdana;
	border: 0 solid gray;
	margin-left:auto;
	margin-right:auto;
}

.partner1, .partner2, .partner3, .partner4, .partner5, .partner6, .partner7 {
	width:83px;
	height:105px;
	border:0 outset #d4d4d4;
	margin-left:4px;
	text-align:center;
	float:left;
}  
  
 #waiver {
	width:99%;
	margin-left:1%;
	margin-top:70px;
	font-size:small;
	font-style:italic;
	color:#575757;
	text-align:center;
	border:0 solid #575757;
}

/*********************************** LEFT SIDE BAR STYLES *************************************/


#left_sidebar {
	width:178px;
	text-align:center;
	border:0 dotted #000;
	margin-top:10px;
	float:left;
}

#guest_box_container{
	height:300px;
	width:170px;
	border: 0 solid #ff00ff;
	text-align:left;
}	

#guest_box {
	color:#fff;
	width:145px;
	height:290px;
	padding:5px;
	border:1px solid #dc143c;
	background: url('../images/guest_box.jpg') no-repeat;
	float:left;
	margin-left:5px;
}

.guest_name {
	margin-left: 2px;
	color:#fff;
	font-size:.85em;
	margin-top:10px;
}

.guest_title {
	margin-left:10px;
	margin-bottom:10px;
	font-style:italic;
	font-size:.65em;
	color:#fff;
}

#contact_container {
	width:140px;
	border:0 dotted #00008b;
	margin-left:5px;
}
	
#contact {
	width:145px;
	height:110px;
	line-height:140%;
	margin-top: 20px;
	border:1px solid #dc143c;
	background:#f5f5dc;
	padding:4px;
	padding-top:8px;
	text-align:left;
	font-style:italic;
	color:#424242;
	font-size:.75em;
}

#border1 {
	border-bottom:1px solid #575757;
	margin-top:4px;
	margin-bottom:10px
}


#contact_hdr {
	text-align:center;
}

#contact a:link {
	text-decoration:none;
	color:#424242;
}

#contact a:hover {
	text-decoration:underline;
	color:#dc143c;
}


#left_newsbox_container {
	width:220px;
	margin-top:20px;
	margin-left:4px;
	text-align:left;	
	border:0 dotted #000;
}

#newsbox_header {
	width:198px;
	height:30px;
	color:#fff;
	font-weight:normal;
	text-align:center;
	font-size:.70em;
	border:1px double #ff3030;
	position:relative;
	margin-top:10px;
	background: url('../images/blue_bar.jpg') repeat;	
}

.newsbox1 {
	width:175px;
	height:110px;
	margin-left:10px;
	margin-top:5px;	
	color:#363636;
	font-weight:normal;
	font-size:1.2em;
	border:1px double #ff3030;
	position:relative;
}
	 
.newsbox2, .newsbox3, .newsbox4, .newsbox5, .newsbox6, .newsbox7, .newsbox8 {
	width:175px;
	height:110px;
	margin-left:10px;
	padding-left:2px;
	padding-right:2px;	
	text-align:left;
	color:#363636;
	font-weight:normal;
	font-size:.65em;
	border:1px double #ff3030;
	position:relative;
	margin-bottom:2px;
	margin-top:10px;
}

.newsbox7 {text-align:center}

.headline {
	font-size:1.1em;
	font-weight:bold;
	color:#0000ff;
	padding-left:3px;
	text-align:left;
}

#newsbox_footer {
	width:179px;
	height:25px;
	padding-top:5px;
	margin-left:10px;
	color:#fff;
	font-weight:normal;
	font-size:.70em;
	border:1px double #ff3030;
	position:relative;
	margin-top:5px;
	/*background:#00008b;*/
	background: url('../images/blue_bar.jpg') repeat;
}

#newsbox_footer a:link {
	text-decoration:none;
	color:#fff;
}

#newsbox_footer a:hover {
	text-decoration:underline;
	color:#ffff00;
}


/*********************************** RIGHT SIDE BAR STYLES *************************************/

#right_sidebar {
	width:188px;
	text-align:center;
	border:0 dotted #000;
	margin-top:10px;
	margin-right:10px;
	float:right;
}


#message_box_container {
	width:164px;
	height:470px;
	margin-right:-30px;
	border: 0 dotted #575757;
	color:#fff;
	text-align:right;
}

#message_box1 {
	width:145px;
	height:15px;
	padding:5px;
	font-size:.80em;
	font-style:italic;
	text-align:center;
	border:1px solid #dc143c;
	background: url('../images/guest_box.jpg') no-repeat;
	float:right;
}

#message_box2 {
	width:145px;
	height:15px;
	padding:5px;
	font-size:.80em;
	font-style:italic;
	text-align:center;
	border:1px solid #dc143c;
	background: url('../images/guest_box.jpg') no-repeat;
	float:right;
}

#message_box3 {
	width:145px;
	height:15px;
	padding:5px;
	font-size:.80em;
	margin-top:10px;
	text-align:center;
	border:1px solid #dc143c;
	background: url('../images/guest_box.jpg') no-repeat;
	float:right;
}

#message_box4 {
	width:153px;
	height:99px;
	font-size:.80em;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	border:1px solid #dc143c;
	/*background: url('../facc_images/faq_icon.jpg') no-repeat;*/
	float:right;
}


#vendor_panel_container {
	width:90px;
	height:99px;
	margin-top:20px;
	margin-right:20px;
	float:right;
	border:0 solid #dc143c;
}

#links_container {
	width:400px;
	height:90px;
	margin-top:10px;
	margin-left:10px;
	border:2px dotted #00008b
}

#vendor_links {
	width:370px;
	height:100px;
	padding-top:20px;
	background:#fff;
	border:3px inset #b22222;
	color:#8b0000;
	font-size:.85em;
	font-weight:900;
	text-align:center;

}


#vendor_links a {border-bottom: 0 }

#vendor_links a:hover {border-bottom:0 }


#link1 {
	width:23%;
	margin-left:15px;
	border-right:1px dotted #999;
	text-align:center;
	float:left;
}

#link2 {
	width:23%;
	border-right:1px dotted #999;.
	text-align:center;
	float:left;
}

#link3 {
	width:23%;
	text-align:center;
	float:left;
}

#link4 {
	width:23%;
	text-align:center;
	float:left;
}

#facebook_container_facc {
	width:70px;
	length: 120px;
	margin-top:10px;
	margin-bottom:30px;
	border:0 solid #ffff00;
	float:right;
	text-align:center;
}

#facebook_container_facc img { border:none }

#fb_like {
	width:60px;
	height:24px;
	text-align:center;
	border:0 solid #999;
}

#fb_button {
	width:60px;
	height:65px;
	border:0 solid #ccc;
}


#marta_container {
	width: 112px;
	height:30px;
	margin-top:15px;
	float:right;
	border:0 dotted #ffff00;
}
 /* Start Sponsorship, TOR, & Promo Partner logo boxes */

#right_newsbox_container {
	width:195px;
	text-align:center;
	border:0 dotted #ff0000;
}


#tor_header {
	width:175px;
	height:30px;
	margin-left:10px;
	margin-top:10px;
	color:#fff;
	font-weight:normal;
	font-size:.70em;
	border:1px double #ff3030;
	background: url('../images/blue_bar.jpg') repeat;	
}

#tor_header a:link {
	color:#00ff00;
	text-decoration:underline;
}

#tor_header a:hover {
	color:#ffff00;
	text-decoration:underline;
}

.tor_box1, .tor_box2, .tor_box3, .tor_box4, .tor_box5, .tor_box6, .tor_box7, .tor_box8 {
	width:175px;
	height:90px;
	margin-left:10px;
	margin-top:11px;
	color:#363636;
	font-weight:normal;
	font-size:.90em;
	/*border:1px double #ff3030;*/
	border:1px solid #e8e8e8;
}

.tor_box6 {padding-top:30px; height:60px;}

#tor_footer {
	width:175px;
	height:25px;
	margin-left:10px;
	margin-top:5px;
	padding-top:5px;
	color:#363636;
	font-weight:normal;
	font-size:.70em;
	border:1px double #ff3030;
	background: url('../images/blue_bar.jpg') repeat;
}

#tor_footer a:link {
	text-decoration:none;
	color:#fff;
}

#tor_footer a:hover {
	text-decoration:underline;
	color:#ffff00;
}

/*End News & TOR Box Styles */



/************************************FOOTER CONTAINER *******************************************/

#footer_container {
	width:90%;
	margin-left:5%;
	height:50px;
	border:2px dotted #999;
}


/*********************************** BOXOVER GALLERY STYLES *************************************/


/* Start Box Over Gallery - Artist Images */

 .artist_imghdr { 
    width:300px;
    background:#000;
    border:1px solid #b8b8b8;
    font-weight:bold;
    color:#b0b0b0;
    padding:10px;
    font-family:arial, verdana, sans-serif;
  	text-align:center;  	
}

.artist_imgbdy {
    width:300px;
    background:#fff;
    border-top:1px solid #b8b8b8;
    border-left:1px solid #b8b8b8;
    border-right:1px solid #b8b8b8;
    border-bottom:1px solid #b8b8b8;
    padding:10px;
    text-align:center;
 }

	
 .facchdr { 
    width:450px;
    background:#ECF1EF;
    border:1px solid #C4D5E3;
    font-weight:bold;
    color:#B22222;
    padding:10px;
    font-family:arial, verdana, sans-serif;
  	text-align:center;  	
}

.faccbdy {
    width:450px;
    
    background:#FFFFFF;
    border-left:1px solid #C4D5E3;
    border-right:1px solid #C4D5E3;
    border-bottom:1px solid #C4D5E3;
    padding:10px;
    text-align:center;
 }


#boxover_gallery {
	margin-top:20px;
	width:600px;
	height:110px;
	margin-right:auto;
	margin-left:auto;
	text-align:center; 
	color:#000; 
	border:0 solid #0000ff
}


#gallery_title {
	width: 511px;
	height:22px;
	background:#0000FF;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom:8px;
	padding-top: 2px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}					

#gallery_images {
	border:3px solid #FF0000;
	width:505px;
	height:61px;
	margin-left:auto;
	margin-right:auto;

}

#directions_image {
	width:700px;
	height:30px;
	color:#363636;
	font-family:arial;
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;
	font-weight:normal;
	font-size:.75em;
	text-align:center;
	border:0 double #ff3030;
	
}

   .facc2hdr {
    width:180px;
    height:25px;
    padding-top:10px;
    background:#C4D5E3;
    border:1px solid #C4D5E3;
    font-weight:bold;
}
         
 .facc2bdy {
    width:160px;
    height:220px;
    padding-left:10px;
    padding-right:10px;
    background:#FFFFFF;
    border-left:1px solid #C4D5E3;
    border-right:1px solid #C4D5E3;
    border-bottom:1px solid #C4D5E3;
 }

.faccvdvhdr {
    width:300px;
    background:#C4D5E3;
    border:1px solid #C4D5E3;
    font-weight:bold;
    padding:10px;
}
         
 .faccvdvbdy {
    width:300px;
    background:#FFFFFF;
    border-left:1px solid #C4D5E3;
    border-right:1px solid #C4D5E3;
    border-bottom:1px solid #C4D5E3;
    padding:10px;
 }



/*********************************** BOLD BUTTONS STYLES *************************************/


#buttons_container {
	width:300px;
	height:36px;
	border:0 solid #ffff00;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
}

#button1 {
	width:145px;
	height:36px;
	text-align:center;
	border:0 solid #ff00ff;
	float:left;
}

#button2 {
	width:145px;
	height:36px;
	border:0 solid #00ff00;
	float:right;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbutton{
background: transparent url('../images/button_left.gif') no-repeat top left;
float:left;
display:block;
font: bold 13px arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
width:130px;
text-align:center;
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbutton, a:visited.boldbutton, a:hover.boldbutton, a:active.boldbutton{
color: white; /*button text color*/
}

a.boldbutton span{
background: transparent url('../images/button_right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbutton{ /* Hover state CSS */
text-decoration: underline;
}


.button_wrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
border: 0 solid #ccc;
}

								/*Bold Buttons End */



.spacer_05 { clear: both; width: 100%; height:  5px; font-size: 1px; }
.spacer_10 { clear: both; width: 100%; height: 10px; font-size: 1px; }
.spacer_20 { clear: both; width: 100%; height: 20px; font-size: 1px; }
.spacer_30 { clear: both; width: 100%; height: 30px; font-size: 1px; }
.spacer_40 { clear: both; width: 100%; height: 40px; font-size: 1px; }
.spacer_50 { clear: both; width: 100%; height: 50px; font-size: 1px; }