.header {
	z-index: 10000;
	position: fixed;
	z-index: 8000;
	height: 53px;
	width: 100%;
	box-shadow: 0px 0px 5px 3px #2A2A2A;
	/* [disabled]-moz-box-shadow: 0px 3px 10px #63271F; */
	-webkit-box-shadow: 0px 0px 5px 3px #2A2A2A;
	/* [disabled]height: 130px; */
	/* [disabled]border-bottom: 1px solid #000; */
	background-color: #fff;
	/* [disabled]background-image: url(../images/backgrounds/headerBackground0.png); */
	background-position: right bottom;
	/* [disabled]background-repeat: no-repeat; */
}
#headerBackground0 {
	/* [disabled]background-image: url(../images/backgrounds/headerBackground0.png); */
	background-position: right top;
	background-repeat: no-repeat;
}
#headerBackground1 {
	background-position: top left;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,0.80);
}
#headerBackground2 {
	background-image: url();
	background-position: top left;
	background-repeat: no-repeat;
}
.headerMainContainer {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 96%;
}
.menuContainer {
	clear: both;
	width: auto;
	/* [disabled]min-height: 100px; */
	/* [disabled]margin-right: -15px; */
	/* [disabled]margin-left: -15px; */
}
.contactInfoContainer {
	/* [disabled]clear: both; */
	float: right;
}
.cont_logo {
	float: left;
	/* [disabled]width: 100%; */
	padding-top: 6px;
	/* [disabled]margin-bottom: 6px; */
	/* [disabled]background-color: #7E87F0; */
}
.headerContactOutline {
	/* [disabled]background-color: rgba(255, 255, 255, 0.55); */
	/* [disabled]border-radius: 4px; */
}
.headerBGimageOverlap {
	/* [disabled]z-index: 1500; */
	/* [disabled]background-repeat: no-repeat; */
	/* [disabled]height: 207px; */
}
.headerTopRow {
    margin-left: -15px;
    margin-right: -15px;
}
.headerContContact {
    clear: both;
    min-height: 30px;
}
.headerEmail {
	/* [disabled]clear: both; */
	/* [disabled]width: 26px; */
	/* [disabled]height: auto; */
	background-color: transparent;
	/* [disabled]margin-bottom: 4px; */
	float: left;
	margin-top: 10px;
	margin-right: 12px;
	margin-top: 12px;
}
.headerPhone {
	/* [disabled]clear: both; */
	/* [disabled]width: 50%; */
	margin-top: 10px;
	float: right;
}
.headerPhoneLink {
	color: #000000;
	/* [disabled]-webkit-text-fill-color: #ED712F; */
	/* [disabled]-webkit-text-stroke-color: #ED712F; */
	/* [disabled]-webkit-text-stroke-width: 2px; */
	text-fill-color: #ED712F;
	text-stroke-color: #000;
	text-stroke-width: 1px;


	cursor: none:
	/*font-weight: 900;*/
	background-color: transparent;
	font-weight: 700;
	/* [disabled]letter-spacing: 1px; */
}
.headerPhoneLink:hover {
	color: #000000;
	text-decoration: none;
	background-color: transparent;
}
p.headerPhoneFormat {
	/* [disabled]color: #FFFFFF; */
	line-height: 26px;
	font-weight: bold;
	margin-top: 0px;
	text-align: center;
	font-size: 26px;
}

img.logo {
	/* [disabled]display: block; */
	margin-left: auto;
	margin-right: auto;
	width: 130px;
	height: auto;
}
img.phone {
	margin-left: auto;
	margin-right: auto;
	width: 140px;
	height: auto;
}
img.email {
	height: auto;
	width: 26px;
}

.headerRightContainer {
	float: none;
	/* [disabled]width: 100%; */
	/* [disabled]min-height: 20px; */
	/* [disabled]background-color: #D9ED42; */
}


/* ^^^ Show mobile menu and hide menu for large screens  */
    .mainMenu {
        display: none;
    }
    #DWOffScreenMenu1_opener {
        display: inline;
    }



.headerBGimageOverlap {  /* replace in header */
	/* [disabled]background-image: url(../images/backgrounds/headerOverlapCenter.jpg); */
	background-position: top center;
}


/* MOBILE: Move content down/up to show below sticky header - adjust height to content below the header.   */
.headerSpacer {
	clear: both;
	height: 53px;
	width: auto;
}

/* Slideshow  */ 
@media only screen and (max-width : 700px) {
	/* Hide large slideshow on small screens. The width is determined by width of mobile slideshow  */ 
	#slider_Large {
        display: none;
    }	
}

@media only screen and (min-width : 700px) {
	/* Hide small slideshow on large screens  */ 
	#slider_Mobile {
	display: none;
    }
}



/* min-width is determined by the width at which the main menu no longer fits and the header gets messed up. This is the point where things switch to the mobile menu */

@media only screen and (min-width : 940px) {
	/* Move content down/up to show below sticky header - adjust height to content below the header.   */
	.headerSpacer {
	height: 90px;
	}
    .headerMainContainer {
		clear: both;
		width: 98%;
		/* Set a min height to make sure menu does not move up */
		/* [disabled]min-height: 80px; */
		/* [disabled]background-color: #9EFFFA; */
    }
    .contactInfoContainer {
	/* [disabled]background-color: #1F72C5; */
	/* [disabled]width: 330px; */
	float: right;
	margin-bottom: 2px;
    }
    .menuContainer {
		/* [disabled]width: 70%; */
		/* [disabled]margin-top: 18px; */
    }
    .cont_logo {
		float: left;
		/* [disabled]padding-top: 16px; */
		padding-top: 0px;
		padding-right: 0px;
		/* [disabled]padding-left: 20px; */
		/* [disabled]padding-bottom: 10px; */
		margin-top: 14px;
		margin-bottom: 0px;
		/* [disabled]background-color: #ECB234; */
    }
    .headerContactOutline {
	/* size of container holding phone number, email and SM */
	clear: both;
	float: right;
	margin-top: 0px;
	/* [disabled]border-color: rgba(77, 98, 23, 0.843137); */
	border-width: 0px;
	border-style: none;
	margin-bottom: 0px;
    }
    .headerTopRow {
        width:auto;
    }
    .headerContContact {
        clear: both;
        min-height: 10px;
    }
    .mainMenu {
		margin-top: 0px;
		margin-bottom: 0px;
    }
    .headerEmail {
	clear: none;
	margin-top: 18px;
	float: left;
	margin-bottom: 0px;
	/* [disabled]width: 30px; */
	margin-right: 30px;
    }
    .headerLogo1 {
		clear: none;
		margin-right: 10px;
		margin-top: 0px;
		float: left;
		width: 28px;
		height: auto;
    }
    .headerLogo2 {
		clear: none;
		margin-right: 26px;
		margin-top: 0px;
		float: left;
		width: 87px;
		height: auto;
    }
    .headerPhone {
	clear: none;
	float: right;
	width: 240px;
    }
    p.headerPhoneFormat {
	/* [disabled]width: 291px; */
	font-size: 40px;
	text-align: right;
	margin-bottom: 0px;
	/* [disabled]color:#FFFFFF; */
	/*margin-left: 10px;*/
	margin-top: 2px;
	line-height: 80%;
    }
	
    img.logo {
		height: auto;
		width: 300px;
    }
	
    img.phone {
	height: auto;
	width: 260px;
    }
	
    img.email {
	height: auto;
	width: 30px;
    }
	
    .headerRightContainer {
		float: right;
		width: auto;
		/* [disabled]min-height: 73px; */
		padding-left: 0px;
		/* [disabled]margin-right: 40px; */
		/* [disabled]margin-top: 5px; */
		padding-right: 30px;
		margin-bottom: 25px;
    }
	
    /* ^^^ Show main menu and hide mobile */
    .mainMenu {
        display: block;
    }
    #DWOffScreenMenu1_opener {
        display: none;
    }
	
/* Push slideshow down beyond header on large screen  */
	.Spacer4SlideshowHeight {
	/* [disabled]margin-top: 128px; */
	clear: both;
	}
    .header {
	height: 89px;
	/* [disabled]background-image: url(../images/backgrounds/headerBackground.png); */
	/* [disabled]background-position: right bottom; */
    }
	#headerBackground0 {
	background-image: url(../images/backgrounds/headerBackground.png);
	background-repeat: no-repeat;
	}
	#headerBackground1 {
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/backgrounds/headerBackground.png);
	background-color: transparent;
    }
	#headerBackground2 {
		background-image: url();
		background-position: top left;
		background-repeat: no-repeat;
    }

	/* Push slideshow down beyond mobile header  */
	.Spacer4SlideshowHeight {
	/* [disabled]margin-top: 130px; */
	clear: both;
	}

}


/* THE CODE BELOW MAY NOT BE REQUIRED */
@media only screen and (min-width : 770px) and (max-width : 900px) {
    /* Leave Phone and Email on the same line as logo just before collapsing to mobile version. Affected properties see ^^^  */
	/* the width of the right container is based on percentage. It needs to be converted to an absolute width so it can fit to the right of the logo. Experiment with dimensions.  */
    .headerRightContainer {
        /*width: 320px;*/  /* May not need to change anything if container is small enough - leave as default width */
    }
}

@media only screen and (min-width : 768px) and (max-width : 900px) {
    /* Push the logo over when mobile menu takes up space on left. Needs to be moved back for phone orientation when logo is smallest. See below query for removing the margin   !!! start sooner than what screen size suggests*/
	/* Refer to "Show/Hide menus" to see when mobile menu kicks in but may not be needed */
    .cont_logo {
        margin-left: 0px;
    }
}
/* NOT REQUIRED */