/* CSS Document */

/* ---- =Image Fade Rotate styles ------------------------------------------------------------------- */

#fadeshows {
	display: inline;

}

.slideshow {
 background:#ffffff;
 box-shadow:0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
 border-radius: 2% 0 0 0 / 0 0 0 0;
 border:1px solid #cccccc;
 padding:0px;
 float: left;
 width:210px;
 height:147px;
 overflow:hidden;
}

#fadeshow1, #fadeshow2 {
 margin-right:16px;
}





/* ---- =New =Slideshow styles ------------------------------------------------------------------- */

.slide {
	margin:10px;
	position:relative;
	width:190px;
	height:127px;
	overflow:hidden;
}

.slideCaption {
	display:none;
	background:#333333;
	background:rgba(0,0,0,.6);
	min-height:28px;
	font-size:12px;
	line-height:14px;
	color:#ffffff;
	padding:4px;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:999;
}





/* =Featured Events (homepage only) --------------------------------- */

#featured-events {
 text-align:center;
 border:2px solid #E1E1E1;
}
#featured-events h3 {
 background-color: #F6F6F6;
 border-bottom: 2px solid #E1E1E1;
 margin-top: 0;
 padding-bottom: 4px;
 padding-top: 5px;
}
.featured-event-row {
 clear:both;
 text-align:center;
 display:table;
 width:100%;
}
.featured-event-item {
 zzzfloat:left;
 display:table-cell;
 vertical-align:middle;
 margin:10px 1% 10px;
 width:30%;
}






/* ---- =Home page styles ------------------------------------------------------------------- */

	/* -- NOTE:	To change the Home page header photo (EXACT size: 780px x 215px)
				edit the background-image of the following style */
#home #header {
	background-image: url(../images/header_home4.jpg);
}
	/* -- NOTE:	To change the Home page top banner (EXACT size: 570px x 120px))
				edit the background-image of the following style */
/*#home #top-banner {
	background-image: url(../images/top_banner_home.jpg); 
}*/
	/* -- NOTE:	The following style (#home #side-banner) may be commented out 
				if you would like the side banner to appear on the home pg. 
				You will need to adjust the size of the home page title graphic to be >350px wide */
#home #side-banner {
	display:none;
}
	/* -- NOTE:	Bottom banner style */

#home #bottom-banner {
	display:inline;

}
#home #bottom-banner ul li {
	display:inline;
	margin-right:5px;
}
#home #bottom-banner img {
	border:1px solid #a1a767;
}
/* ---- =Home page structure styles ------------------------------------------------------------------- */

/* -- 	IMPORTANT!!!	Changing any of the following styles will offend the css gods
		and they will destroy your layout as punishment (a.k.a. layout fubar) --- */
		
#home #header {
	height:215px;
	background-repeat: no-repeat;
}
#home #top-banner2 {
	/*top: 220px;*/
	height:260px;
}

#home #top-banner {
	/*top: 220px;*/
	height:0px;
	background-repeat: no-repeat;
}
#home #top-banner #left, #home #top-banner #right {
	display:none;
}
#home #content h2 {
	zzzdisplay:none;
}
#home #content {
	top:350px;
}