/* Styles for the Calendar, Image replacement and the Galleries 
Every installation of the HCd backend needs these to function properly. 

Basics have been updated 01-30-2009. Customize away... 

*/


/* ! /// Image Floats /// */
span.photoright, span.photoleft, span.photoreg { 
	color: #666; 
	font: italic 12px/14px LucidaGrande, "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: right;
}
span.photoright { float: right; margin: 0 -10px 0 8px; }
span.photoleft { float: left; margin: 0 8px 0 -10px; }
span.photoright, span.photoleft { padding-bottom: 5px; width: 240px }
span.photoright img, span.photoleft img { 
	max-width: 240px; 
	padding-bottom: 5px; 
	color: #369;
	background-color: #fff;
	text-align: center;
}
span.photoreg img {
	min-width: 240px; 
	max-width: 410px; 
	padding-bottom: 5px; 
}


/* ! /// Carousel Styles /// */
.carouselwrap_reg {	float: none; } 
.carouselwrap_right { float: right; margin: 0 0 5px 8px; }
.carouselwrap_left { float: left; margin: 0 8px 5px 0; } 
.carouselwrap_reg, .carouselwrap_left, .carouselwrap_right { 
	padding: 2px; 
	font: normal 9px/12px LucidaGrande, "Lucida Grande", Helvetica, Arial, sans-serif; 
	border: 1px solid #ccc; 
}
.carouselwrap_reg { width: 480px; }
.carousel, .carousel ul { 
	width: 240px; 
	height: 180px; 
	overflow: hidden; 
	margin: 0 0 3px 0; 
}
	.carouselwrap_reg .carousel, .carouselwrap_reg .carousel ul { width: 240px; height: 180px; }
.carousel ul { list-style-type: none; }
.carousel li { 
	width: 240px; 
	height: 180px;
	text-align: center; 
	background-color: #222; 
}
	.carouselwrap_reg .carousel li { width: 480px; height: 400px; }
.carousel li img { 
	max-width: 240px; 
	max-height: 180px; 
	overflow: hidden; 
}
	.carouselwrap_reg .carousel li img { max-width: 480px; max-height: 400px; }
.carousel a.previous, .carousel a.next {
	font: bold 12px/16px Arial, Helvetica, sans-serif; 
	background-color: #eee; 
	color: #222; 
	padding: 4px 6px 2px 6px; 
	height: 18px; 
	margin: 0 0 -22px 0; 
	position: relative; 
	top: -22px;
	z-index: 100; 
	text-decoration: none; 
	opacity: .4; 
}
	.carousel a.previous:hover, .carousel a.next:hover { opacity: 1; color: #c90; }
.carousel a.previous { float: left; }
.carousel a.next { float: right; }

/* ! For the Who We Are carousel */
#whoweare { z-index: 20; }
#whoweare, #whoweare.carousel, #whoweare.carousel ul, #whoweare.carousel li { width: 400px; height: 313px; }
#whoweare.carousel li img { width: 400px; max-width: 400px; max-height: 313px; overflow: hidden; }
#whoweare.carousel span { display: none; }


/* ! /// Gallery Styles using Lightbox /// */
.gallery { 
	display: block; 
	width: 150px; 
	float: right; 
	border: solid 1px gray; 
	padding: 2px; 
	margin: 0 -10px 5px 8px; 
	font: normal 9px/12px LucidaGrande, "Lucida Grande", Helvetica, Arial, sans-serif;
}
.thumb_photo img { width: 150px; }
.gallery_photo { display: none; }
.gallery, .gallery_reg { float: none; } 
.gallery_right { float: right; margin: 0 0 5px 8px; }
.gallery_left { float: left; margin: 0 8px 5px 0; } 

.gallery, .gallery_reg, .gallery_right, .gallery_left { 
	display: inline-block; 
	max-width: 240px; 
	max-height: 200px; 
	border: solid 1px gray; 
	padding: 2px; 
	text-align: center; 
	font: normal 9px/12px LucidaGrande, "Lucida Grande", Helvetica, Arial, sans-serif;
}
	* html .gallery, * html .gallery_right, * html .gallery_left { width: 240px; }
a.thumb_photo, a.thumb_photo img { 
	display: block; 
	max-width: 240px; 
	max-height: 180px; 
}
	* html a.thumb_photo, * html a.thumb_photo img { width: 240px; }
a.gallery_photo { display: none; }