/*
response.ContentType = "text/HTML"
response.CacheControl = "Public"	' SO CSS IS CACHED
*/

body{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #000;
	font-family: Verdana, 'Gill Sans', 'Gill Sans MT', Arial, Helvetica, sans-serif;
	font-size: 14px;
	overflow-x: hidden;		// t2419
}

h1 {
	color: #d6262a;
	font-family: Verdana, serif;
	font-size: 24px;
	font-weight: bold;
	display:inline;
}

h2 {
	color: #000;
	font-family: Verdana, serif;
	font-size: 20px;
	font-weight: bold;
	display:inline;
}

a, a:visited {
	color:#000000;
	text-decoration: underline;
}

#wrapper {
	margin:0 auto;	/* New way of centring a DIV */
	background-color: #fff;
	border: 0px solid #000000;
	text-align: center;
	max-width: 1000px;
	opacity:1.0;
	filter:alpha(opacity=100);
	z-index: 10;
}

#mainContent {
	padding: 10px 0px 40px 0px;
	text-align: justify;
	line-height: 27px;
}

#colLeft {
//	float: left;
	max-width: 620px;
//	margin-bottom: 100px;
}

#colRight {
//	float: right;
	max-width: 380px;
}

#header{
	padding-top: 157px;
	height: 211px;
//	border-bottom: 1px solid #fccf14;
}

#headerBackground {
//	background-color: #fff;
/*    opacity: 0.8;	*/
/*    filter: alpha(opacity=80); */	/* For IE8 and earlier */

/*	MAKE THE CONTAINER FULL WIDTH */
	margin: 0 -100%;	/* old browsers fallback */
	margin: 0 calc(50% - 50vw);

	border-top: 1px solid #000;
//	box-shadow: 0 6px 4px -4px black;
}

#headerColumns {
/*	background-color: yellow; */
	margin:0 auto;		/* centering the DIV */
	max-width: 1000px;
}

#footer {
	background-color: #231f20;
	color: #fff;
	padding: 10px 10px 0px 10px;
	font-size: 14px;
	text-align: center;
	clear: both;
//	height: 400px;

/*	MAKE THE FOOTER CONTAINER FULL WIDTH */
	margin: 0 -100%;	/* old browsers fallback */
	margin: 0 calc(50% - 50vw);
}

#footerColumns {
//	max-width: 1000px;
}

#footerLeft, #footerMiddle, #footerRight {
//	border: 1px solid red;	// FOR TESTING
	background-color: #231f20;
	padding: 20px;
//	text-align: left;
	line-height: 175%;
}

#footerRight {
	padding-top: 28px;
}

#footerLeft h2, #footerMiddle h2, #footerRight h2 {
	font-size: 16px;
	color: #fff;
	display: block;
}

#footerCopyright {
	padding: 20px 0px;
	font-size: 12px;
	background-color: #231f20;
}

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

#footer a:hover {
	text-decoration: underline;
}

#logoWrapper{
	position: relative; 
	left: 20px;
	top: -128px;
}

.logo{
	border: 0px;
	position: absolute;
}

.logo:hover{
//    -ms-transform: scale(0.95, 0.95); /* IE 9 */
//    -webkit-transform: scale(0.95, 0.95); /* Safari */
//    transform: scale(0.95, 0.95);
}

#menu {
	width: 100%;
	margin-top: 0px;
	padding-top: 0px;
	border: 0px;
	text-align: right;
	z-index: 30;
	background-color: #fff;
}

.navbar-toggler {
	color: #000;
}

li.nav-item {
//	margin-left: 25px; 
	padding: 5px 15px;
	text-align: center;
}

li.nav-item6 {
	background-color: #d6262a;
	border-radius: 5px;
}

a.nav-link {
	color: #000;
	border-bottom: 4px solid #fff;
//	background-color: #fff;
	font-size: 18px;
	font-weight: normal;
	outline: 0;
	padding: 5px 0px 17px 0px;
	text-decoration: none !important;
	text-align: center;
	vertical-align: middle;
	display: inline;
}

li.nav-item6 a.nav-link {
	color: #fff;
}

a.nav-link:hover {
	color: #d6262a;
//	background-color: #fff;
//	border-bottom: 1px solid #f47325;
//	opacity:1.0;
//	filter:alpha(opacity=100);
}

li.nav-item6 a.nav-link:hover {
	color: #f0f0f0;
//	border-bottom: 0px;	
//	opacity:1.0;
//	filter:alpha(opacity=100);
}

#introWrapper {
	position: relative;
	background-color: #1c824c;
	border: 0px solid #000000;
	width: 100%;
	height: 150px;
	top: -10px;
	left: 0px;
	padding: 20px;
}

#introBox {
	background-color: #fff;
	font-weight: bold;
	border-radius: 25px;
	width: 500px;
	padding: 20px;
	opacity: 0.80;
	filter: alpha(opacity=80);
}

#contactform td {
	font-size: 14px;
	font-weight: bold;
}

.dropdowns {
	border: 1px solid #1c824c;
	padding: 2px;
}

.videoLeft {
	margin: 16px 0px 30px 0px;
}

.photoBorder {
	display: block;
	width: 350px;
	margin: 1em auto;
	margin-bottom: 25px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border: 0px solid #eee;
	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);  
}

.photoBorder:hover {
	border: 0px solid #c0c0c0;
	box-shadow: 0 6px 3px rgba(0, 0, 0, 0.3); 
}

.sidepanel {
	border: 1px solid #ed4c23;
	border-radius: 5px;
	margin-bottom: 20px; 
	padding: 15px;
}

.galleryZoom {
	width: 610px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #6e7696;
/*	border-radius: 10px;	*/
	padding: 5px 5px 10px 5px;
	background-color: #ffffff;
}

.galleryZoomWrapper {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	z-index: 40;
	width: 100%;
	height: 100%;
}

#homeCarousel {
	margin: 2px 0px 20px 0px; 
	border: 0px solid #000;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 950px;
	height: 400px;
/*	z-index: 40; */
}

#homeCarouselContentWrapper {
/*	background-color: red; */
	color: #fff;
	width: 700px;
	height: 100px;
	position: relative;
	top: 30px;
	left: 75px;
	padding: 20px;
	line-height: 200%;
	text-shadow: 2px 1px #000;
}

#homeCarouselContentTitle {
	font-size: 40px;
	font-family: 'Lobster', sans-serif;
}

#homeCarouselContentDescription {
	padding-top: 15px;
	font-size: 24px;
}

#homeCarouselSlideNumber {
	display: none;
}

#homeCarouselClickerImage {
	border:0px;
}

#homeCarouselArrowLeftWrapper {
	position: relative; 
	left: 25px;
	top: -450px;
	width: 56px;
	height: 100px;
	z-index: 42;
	overflow:hidden;
	opacity:0.5;
	filter:alpha(opacity=50);
}

#homeCarouselArrowRightWrapper {
	position: relative; 
	left: 875px;
	top: -550px;
	width: 56px;
	height: 100px;
	z-index: 42;
	overflow:hidden;
	opacity:0.5;
	filter:alpha(opacity=50);
}

#homeCarouselArrowLeftWrapper:hover, #homeCarouselArrowRightWrapper:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

#homeCarouselArrowLeft {
	border:0px;
}

#homeCarouselArrowRight {
	border:0px;
}

#instafeed {
	width: 350px;
	height: 350px;
}

#instafeed a:hover{
	opacity:1;
}

#instafeed img{
	width: 100%;
	height: 100%;
}

.newsItemWrapper {
	width: 100%; 
	min-height: 150px; 
	padding: 20px 0px 30px 0px;
}

.newsItemThumbnail {
//	border: 1px solid #c0c0c0;
	padding: 3px; 
	margin-right: 10px;
	float: left;
}

.articleItemWrapper {
	font-size: 14px;
	background-color: #fff;
	min-height: 150px; 
	padding: 20px 40px 30px 0px;
}

.articleItemWrapper h3 {
	font-size: 16px;
	color: #d6262a;
	font-weight: bold;
}

.articleItemWrapper a {
	color: #d6262a;
	font-weight: bold;
}

.articleItemThumbnail {
//	border: 1px solid #c0c0c0;
	padding: 3px; 
	margin-right: 10px;
	float: left;
}

.breakout {
//	width: 100vw;
//	position: relative;
//	left: calc(-1 * (100vw - 100%) / 2);
	margin: 1em -100%; /* old browsers fallback */
	margin: 1em calc(50% - 50vw);
}

.hidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* BOOTSTRAP BOX FIX (may also like to put #menu in here) */
#introWrapper, #introBox {
	box-sizing: content-box;	
}

#contactForm input, #contactForm select {
	width: 200px;
}

#contactForm textarea {
	width: 300px;
}