/* 1. CHANGING THE SLIDE IMAGES ON THE HOME PAGE 

   To change slide images, first copy them into the site's IMAGE COLLECTION .
   
	- Next, change the file name to the appropriate file, for example:
	
		  #first_slide { background: url("/SiteCollectionImages/_gallery/SLIDE_FILE_NAME_GOES_HERE.jpg") repeat; }
		
	- All three slides are below on lines 13 - 15
	
 */ 

#first_slide { background: url("/SiteCollectionImages/home_mastheads/HarmonySquare.jpg") no-repeat;  }
#second_slide { background: url("/SiteCollectionImages/home_mastheads/Sanderson_masthead.jpg") no-repeat top left; }
#third_slide { background: url("/SiteCollectionImages/home_mastheads/Homestead.jpg") no-repeat top left; }
#fourth_slide { background: url("/SiteCollectionImages/home_mastheads/Homepage_Culinary.jpg") no-repeat top left; }


#first_slide_position { top: 185px; left: 400px; }
#second_slide_position { top: 158px; left: 650px; }
#third_slide_position { top: 20px; left: 650px; }  
#fourth_slide_position { top: 45px; left: 20px; }  

/*  !!!!!!!!!!!!    DO NOT EDIT PAST THIS LINE     !!!!!!!!!!!!!!!!  */

.slide_box {
	width: 270px;
	height: 60px;
	border: 7px solid #678590;
	padding: 15px;
	background: #414b4c;
	position: absolute;
	/* z-index: 100; */
}

.slide_box p {
	font: 1em Georgia, "Times New Roman", Times, serif;
	color: #FFF;
}

.slide_box_planning_link {
	text-align: center;
	position: absolute;
	/* z-index: 500; */
	top: 87px;
	left: 150px;
	border: 1px solid #666;
}

.slide_box_planning_link a:link,.slide_box_planning_link a:visited {
	font: 0.75em Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 5px 15px;
	background: url("/SiteCollectionImages/_bgd/bgd_planning_link.png") repeat-x top left;
	width: 120px;
}

.slide_box_planning_link a:hover {
	background: url("/SiteCollectionImages/_bgd/bgd_planning_link_over.png") repeat-x top left;
}


.slide {
	width: 984px;
	height: 320px;
	position: relative;
}

.slide_position { position: absolute; }

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos, #news_ticker { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #000; padding: 5px;}

/* LOADING BOX */
.loader { background: url("/SiteCollectionImages/design_elements/gallery/loader.gif") center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {border: 1px solid #000;}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */

.panel .panel-overlay { border-top: 1px solid #F2F2F2; }
.panel .panel-overlay h4 { font-weight: bold; color: gold; font-size: 0.9em; padding-top: 0.25em; }
.panel .panel-overlay p { color: #FFF; font-size: 0.7em; padding: 0; margin: 0; width: 500px; }
.panel .panel-overlay a { color: #FFF; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }


/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #FFF; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #FFF; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}
h2#Content_Editor_Web_Part { display: none; }

#controls {
	position: absolute;	
	top: -45px;
	left: 385px;
	z-index: 20000;
}

img.filmstrip_icon { border: 1px solid #FFF; }

/* CSS FOR NEWS BAR ######################### */
#fscroller {
	padding: 1px 0 0 3px;
}

#fscroller h4 { 
	font-weight : normal; 
	font-family: Georgia, "Times New Roman", serif; 
}