/* Black Slider */
/**************************************************************/
.bCarouselWrapper						{ position: relative; background: #232323; padding: 0 60px; }
.bCarouselWrapper .caroufredsel_wrapper	{ margin: auto !important; }
.bCarouselWrapper .bCarouselItem			{ float: left; position: relative; }
.bCarouselWrapper .bCarouselImageWP		{ float: right; position: relative; }
.bCarouselWrapper .bCarouselImage		{ height: 380px; width: 600px; }
.bCarouselWrapper img.bCarouselImageBG	{ position: absolute; right: 0; top: 0; height: 380px; width: 600px; }
.bCarouselWrapper .bCarouselCaptionWp	{ position: absolute; top: 72px; left: 0; width: 50%; }
.bCarouselWrapper h3.bCarouselTitle		{ font-family: Arial,Helvetica,sans-serif; font-size: 48px; 
										line-height: 52px; font-weight: 700; color: #fff; text-transform: uppercase; 
										padding: 0 0 18px 0; margin: 0; }
.bCarouselWrapper p.bCarouselContent		{ font-family: Arial,Helvetica,sans-serif; font-size: 22px; 
										line-height: 26px; font-weight: 200; color: #fff; padding: 0; 
										margin: 0; }
.bCarouselWrapper a.bCarouselContentLink,
.bCarouselWrapper a.bCarouselContentLink:link
										{ font-family: Arial,Helvetica,sans-serif; font-size: 22px; 
										line-height: 26px; font-weight: 200; color: #31a112; 
										text-decoration: underline; }
.bCarouselWrapper a.bCarouselContentLink:hover
										{ color: #fff; }
.bCarouselWrapper .bCarouselPagination	{ position: absolute; bottom: 24px; left: 60px; }
.bCarouselWrapper .bCarouselPagination a,
.bCarouselWrapper .bCarouselPagination a:link,
.bCarouselWrapper .bCarouselPagination a:visited
										{ float: left; margin: 0 6px 0 0; padding: 0; height: 15px; width: 15px;
										background: url(carousel-pagination.png) 0 0 no-repeat transparent;
										text-indent: -9999px; }
.bCarouselWrapper .bCarouselPagination a:hover,
.bCarouselWrapper .bCarouselPagination a.selected
										{ background-position: -15px 0; }
.bCarouselWrapper a.bCslPVLinks,
.bCarouselWrapper a.bCslPVLinks:link,
.bCarouselWrapper a.bCslNTLinks,
.bCarouselWrapper a.bCslNTLinks:link		{ position: absolute; top: 50%; background-image: url(carousel-nav.png);
										background-color: transparent; background-repeat: no-repeat; 
										height: 101px; width: 32px; margin: -50px 0 0 0; padding: 0; text-indent: -9999px;
										-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
										filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.bCarouselWrapper a.bCslPVLinks,
.bCarouselWrapper a.bCslPVLinks:link		{ left: 0; background-position: left top; }
.bCarouselWrapper a.bCslNTLinks,
.bCarouselWrapper a.bCslNTLinks:link		{ right: 0; background-position: right top; }
.bCarouselWrapper a.bCslPVLinks:hover,
.bCarouselWrapper a.bCslNTLinks:hover	{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
										filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }


/* Responsive CSS */
/**************************************************************/
@media screen and (max-width: 960px){
	.bCarouselWrapper					{ padding: 0; }
	.bCarouselWrapper .bCarouselItem		{ padding: 0 60px; }
	.bCarouselWrapper .bCarouselImageWP	{ margin: 0 -120px 0 0; }
	.bCarouselWrapper h3.bCarouselTitle	{ font-size: 36px; line-height: 42px; }
	.bCarouselWrapper p.bCarouselContent,
	.bCarouselWrapper a.bCarouselContentLink,
	.bCarouselWrapper a.bCarouselContentLink:link
										{ font-size: 20px; line-height: 26px; }
	.bCarouselWrapper .bCarouselCaptionWp
										{ left: 60px; }
}
@media screen and (max-width: 750px){
	.bCarouselWrapper					{ padding: 0; }
	.bCarouselWrapper .bCarouselItem		{ padding: 0 60px; }
	.bCarouselWrapper .bCarouselImageWP	{ float: none; margin: auto; width: auto; }
	.bCarouselWrapper .bCarouselImage,
	.bCarouselWrapper img.bCarouselImageBG
										{ height: auto; width: auto; max-width: 100%; }
	.bCarouselWrapper .bCarouselCaptionWp
										{ position: relative; padding: 18px 0; top: 0; left: 0; width: auto; }
	.bCarouselWrapper .bCarouselPagination
										{ top: 18px; right: 60px; bottom: auto; left: auto; z-index: 1; }
	.bCarouselWrapper h3.bCarouselTitle	{ font-size: 24px; line-height: 32px; }
	.bCarouselWrapper p.bCarouselContent,
	.bCarouselWrapper a.bCarouselContentLink,
	.bCarouselWrapper a.bCarouselContentLink:link
										{ font-size: 16px; line-height: 22px; }
}
@media screen and (max-width: 600px){
	.event-date							{ float: none; width: auto; }
	.event-detail						{ padding: 12px 0 0 0; }
	.news-image							{ float: none; width: 90%; margin: auto; padding: 0; }
	p.news-summary						{ float: none; width: auto; padding: 12px 0 0 0; }
	.bCarouselWrapper h3.bCarouselTitle	{ font-size: 20px; line-height: 26px; }
	.bCarouselWrapper p.bCarouselContent,
	.bCarouselWrapper a.bCarouselContentLink,
	.bCarouselWrapper a.bCarouselContentLink:link
										{ font-size: 14px; line-height: 20px; }
}