.countdown {display:inline!important;
	margin-top:60px!important;} 

.blognav {display:none;}

body {font-family: verdana;
	font-size:13px;
	margin:0 0;
	color:black;
	background-color: #2e4f3b;}
.smalltext {font-size: 10pt;
	text-align:center;
	line-height:15px;}
.medium {font-size: 14pt;
	text-align:center;}
.large {font-size: 28px;
	text-align:center;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.floatright {float: right;
	padding-left:20px;}
.floatleft {float: left;
	padding-right:20px;}
.clear {clear:both;}
.hide-desktop {display:none;}
.nowrap {white-space:nowrap;}
p {font-family: 'Futura W01 Book';}
p.foot {color:white;
	width:60%;
	margin:10px auto;}
.toppad {padding-top:50px;}	

#container {margin:auto;
	width:100%;
	background-color:white;
	z-index:9999;}
#nav-top {float:right;
	margin-top:5px;
	font-family: 'Futura Hv BT', 'Futura W01 Heavy', arial;
	letter-spacing:2px;
	font-size:16px;}
#nav-horizontal {clear:both;
	width:100%;
	background-color:rgba(255,255,255,.7);
	text-align:center;
	font-family: 'Covered By Your Grace';
	font-size:35px;
	padding:5px 0;
	position:relative;
	top:26px;
	z-index:9999;}
.nav-nopic {padding-bottom:30px!important;}
#header {width:990px;
	height:140px;
	padding-bottom:0;
	margin:0 auto;}
#header-mobile {display:none;}	
#logo {float:left;
	padding:18px 0 0 0;}
#main {background-color:white;
	width:80%;
	max-width:900px;
	min-height:1000px;
	color: #000000;
	margin:auto;
	padding:20px 0;
	text-align:left;
	font-size:16px;}	
#left_column {text-align:center;
	width:110px;
	margin:40px 0 0 40px;
	float:left;
	display:inline;}
#footer {margin:auto;
	clear:both;
	font-size:9pt;
	font-family:verdana;
	text-align:center;
	padding:30px 0 95px 0;
	color:#fbfed3;}
#leftsubmenu {width:100px;
	text-align:left;
	font-size:15px;
	padding:0 6px 2px 6px;
	font-weight:bold;}
#leftsubmenu2 {background: url(images/submenubg.gif) white;
	background-repeat:no-repeat;
	width:90px;
	text-align:left;
	font-size:15px;
	padding:20px 6px 2px 15px;
	margin-top:3px;
	font-weight:bold;}
#submenu {list-style-type:none;
	padding-left:0;}
#submenu li {display:block;
	margin-left:0;
	list-style-type:none;
	padding-bottom:0px;
	line-height:16px;}
.side-maincategory {font-family: 'Covered By Your Grace';
	font-size:35px;
	line-height:1;
	background-color:#2e4f3b;
	padding:10px;
	border-radius:10px;}
.side-maincategory a {color:white!important;
	text-shadow: 2px 2px #000;}	
.side-maincategory a:hover {color:#4775ce!important;
	text-decoration:none;
	text-shadow: 1px 1px #000;
	transition: all 0.1s linear;}	

.intro {width:100%;
	margin:-31px auto 0 auto;
	padding:0;}
.intro iframe {width:100%;
	height:500px;}	
.introtext {font-size:21px;
	text-align:center;
	color: #25382a;}
	
.homebigsection1 {width:100%;
	height:500px;
	background:url(images/hometextbg.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	padding:140px 0}
.homebigsection1 p {color:white;
	font-size:22px;
	font-weight:normal;
	width:90%;
	max-width:900px;
	margin:auto;
	padding-top:10px;}
.homebigsection2 {width:100%;
	height:500px;
	background:url(images/hometextbg2.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	padding:140px 0;}	
.homebigsection2 p {font-weight:normal;
	padding-bottom:15px;
	color:white;
	max-width:900px;
	margin:auto;
	font-size:22px;
	color:white;
	font-family: 'Futura W01 Book';}	
.circles {width:100%;
	background-color:#334c39;
	padding:30px 0 40px 0;
	overflow:auto;}
.circle-container {width:100%;
	max-width:1100px;
	margin:auto;}
.circle {float:left;
	width:28%;
	padding:10px;
	margin:15px;
	text-align:center;
	font-size:23px;
	font-weight:normal;
	font-family: 'Futura W01 Book';}
.circle img {width:90%;}
.circle a {color:white!important;}
.circle a:hover {color:#ddacac!important;
	text-decoration:none;}

#main2 {background-color:white;
	width:80%;
	max-width:900px;
	color: #000000;
	margin:auto;
	padding:20px 0;
	text-align:left;
	font-size:16px;}
#container2 {margin:auto;
	width:100%;
	background-color:white;
	z-index:9999;}	
	
	
.callbox {display:none;}
.column {width:350px;
	float:left;
	margin:10px 20px;}	
.text {font-size: 16px;
	text-align:left;
	color: #25382a;
	margin:25px;
	line-height:140%;
	overflow:auto;}
.contactform {width:700px;
	margin:auto;}		
.form {font-size: 15px;
	text-align:left;
	color: #25382a;
	margin-left:25px;
	margin-right:25px;
	line-height:180%;}
.form100 {width:100%;}
.form60 {width:60%;}
.formrow1 {float:left;
	margin-right:4px;
	width:22%;}
.formrow2 {float:left;
	margin-right:4px;
	width:22%;}
.formrow3 {float:left;
	margin-right:4px;
	width:10%;}
.formrow4 {float:left;
	margin-right:4px;
	width:15%;}
.formrow5 {float:left;
	margin-right:4px;
	width:23%;}
.formrow6 {float:left;
	margin-right:4px;
	width:3%;}
.formrow7 {float:left;
	margin-right:4px;
	width:3%;}
.enrollment .formrow1 {float:left;
	margin-right:2px;
	width:18%;}
.enrollment .formrow2 {float:left;
	margin-right:2px;
	width:18%;}
.enrollment .formrow3 {float:left;
	margin-right:2px;
	width:10%;}
.enrollment .formrow4 {float:left;
	margin-right:2px;
	width:15%;}
.enrollment .formrow5 {float:left;
	margin-right:0px;
	width:20%;}
.enrollment .formrow6 {float:left;
	margin-right:50px;
	width:3%;}
.enrollment .formrow7 {float:left;
	margin-right:2px;
	width:3%;}	
.formcolumn {width:30%;
	float:left;
	margin-right:10px;}
.formrow {margin:5px auto;
	width:100%;
	clear:both;}
.formcolumn1 {float:left;
	margin:auto;
	width:40%;
	text-align:right;}
.formcolumn2 {float:left;
	margin:auto;
	width:40%;}	
.video {float:right;
	width:258px;
	margin-left:25px;}
.video-home {margin:30px 0;
	text-align:center;}
.video-home2 {width:1200px; 
	margin:auto;
	overflow:auto;}
.video-home2 .video {width:570px;
	float:left;
	padding-bottom:60px;}
.video-home2 .video h3 {text-align:center; 
	padding-bottom:3px;}	
.section {min-height:50px;
	margin-bottom:5px;
	padding-bottom:5px;}
.section2 {min-height:50px;
	margin-bottom:5px;
	padding-bottom:20px;}
.aboutphoto {float:right;
	width:175px;
	height:175px;
	margin:-10px 20px 20px 35px;
	text-align:center;
	font-weight:bold;
	font-size:90%;
	line-height:17px;}
.aboutphotobig {float:right;
	margin-left:20px;
	margin-top:20px;
	text-align:center;
	width:220px;}
.divider {width:830px;
	margin-top:0px;
	margin-bottom:10px;
	text-align:center;}
.weather {width:270px;
	margin:auto;
	padding-top:9px;}
.videobutton {text-align:center;}	
.contacthead {margin:auto;
	width:900px;
	padding:40px 0;}
.contactleft {width:200px;
	float:left;
	display:inline;
	margin-left:80px;
	font-size: 18px;
	text-align:left;
	color: #25382a;
	line-height:140%;}
.contactright {width:400px;
	float:right;
	display:inline;
	font-size: 18px;
	text-align:left;
	color: #25382a;
	line-height:140%;}
.formpage {margin:25px auto 6px auto;
	font-size: 16px;
	text-align:left;
	color: #25382a;
	line-height:160%;}
.bulletin {text-align:center;
	margin:auto;
	font-size:25px;
	color:black;
	font-weight:bold;
 	padding:10px 10px 0px 0px;}
.charitybox {width:400px;
	margin:auto;
	border:2px solid #2e4f3b;
	text-align:center;}
.testimonial {background-image: url(images/quote.gif);
	background-repeat:no-repeat;
	margin:10px 20px 40px 20px;
	padding:0 0 20px 60px;
	border-bottom:2px solid #ebebeb;}
.map {width:810px;
	height:300px;}
.request-button {background-color:#2e4f3b;
	width:60%;
	margin:10px auto 30px auto;
	padding:4px;
	border: 2px solid black;
	border-radius: 3px;
	font-size: 21px;
	text-align:center;
	font-family:arial;}
.home .request-button {background-color:#2e4f3b;
	width:60%;
	margin:0 auto 20px auto;
	padding:4px;
	border: 2px solid black;
	border-radius: 3px;
	font-size: 21px;
	text-align:center;}
.about-photo-shiftup {margin-top:-30px;
	padding-bottom:20px;}
.about-photo-bottompad {padding-bottom:30px;}
.linebg {border-top:2px solid #2e4f3b;
	margin-top:41px;}
.linebg-text {font-size:23px;
	background-color:white;
	padding:0 10px;
	position:relative;
	top:-14px;
	color:#0e21df;}	
h1 {font-size:35px;
	font-weight:normal;
	color:#25382a;
	margin:0px 0px 17px 0px;
	text-align:center;
	line-height:1.3;}
h2 {font-size:18px;
	color:#551c14;
	margin:0px;
	line-height:150%;
	letter-spacing:4px;
	text-transform: uppercase;}
h3 {color:#25382a;
	font-size:22px;
	line-height:1.4;}	
#footer h2 {font-size:19px;
	font-weight:normal;
	color:white;
	margin:0px;
	line-height:20px;}
h3.directions {font-size:16px;
	color:#551c14;
	margin:0px 0px 15px 0px;
	line-height:110%;
	font-weight:bold;
	display:inline;}
p.nopad {margin-top:3px;}
li {padding-top:13px;
	padding-bottom:6px;}
li.nopad {padding:0px;}
.highlight {color:#a0a0a0;}
.red {color: #fa0000;
	font-weight:bold;}
.blue {color: #0e21df;
	font-weight:bold;}	
td {vertical-align: top;}
td.bottom {vertical-align:bottom;}

img {border:0;}
img.border {border:1px solid #2e4f3b;}
img.floatleft {float: left;
	margin:10px 20px 0 0;
	padding:0;
	border:1px solid #2e4f3b;}
img.floatright {float: right;
	margin:10px 20px 0 0;
	padding:0;
	border:1px solid #2e4f3b;}
img.facebook {position:relative;
	top:7px;
	left:9px;
	padding-right:8px;}
img.headshot {float:left;
	margin:3px 13px 3px 0px;
	border:1px solid black;}
img.full {width:100%;}	
	
input.submit {margin:20px;
	border:2px solid #2e4f3b;
	padding:10px;
	font-size:14px;}

iframe.home-video {width:800px;
	height:400px;}
	
.breadcrumb {background-color:#fff;
	text-align:right;
	padding:5px 10px 35px 0;
	font-size:17px;}

.visiting-table td {padding:4px;}	
	
a:link {color: #0e21df;
	text-decoration: none;}
a:visited {color: #0e21df;
	text-decoration: none;}
a:hover {color: #e60000;
	text-decoration: underline;}
a:active {color: #e60000;}
a.nav:link {color: #ffffff;
	text-decoration: none;}
a.nav:visited {color: #ffffff;
	text-decoration: none;}
a.nav:hover {color: #ffffff;
	text-decoration: underline;}
a.nav:active {color: #ffffff;
	text-decoration: underline;}
a.navOn:link {color: yellow;
	text-decoration: none;}
a.navOn:visited {color: yellow;
	text-decoration: none;}
a.navOn:hover {color: #fff;
	text-decoration: underline;}
a.navOn:active {color: #4775ce;
	text-decoration: underline;}
a.submenu:link {color: #0e21df;
	text-decoration: none;}
a.submenu:visited {color: #0e21df;
	text-decoration: none;}
a.submenu:hover {color: #e60000;
	text-decoration: underline;}
a.submenu:active {color: #e60000;}
a.submenuOn:link {color: #000000;
	text-decoration: none;
	font-weight:bold;}
a.submenuOn:visited {color: #000000;
	text-decoration: none;
	font-weight:bold;}
a.submenuOn:hover {color: #000000;
	text-decoration: none;
	font-weight:bold;}
a.submenuOn:active {color: #000000;
	text-decoration: none;
	font-weight:bold;}
a.top-horiz-nav:link {color: #0e21df;
	text-decoration: none;
	text-shadow: 2px 2px #fff;}
a.top-horiz-nav:visited {color: #0e21df;}
a.top-horiz-nav:hover {color: #fff;
	text-shadow: 2px 2px #000;
	transition: all 0.1s linear;}
a.top-horiz-nav:active {color: #fff;}
a.top-horiz-navOn:link {color: #fff;
	text-shadow: 2px 2px #000;
	text-decoration:none;}
a.top-horiz-navOn:visited {color: #fff;}
a.top-horiz-navOn:hover {color: #fff;}
a.top-horiz-navOn:active {color: #fff;}
a.request-button-link:link {color: #fff;
	text-decoration: none;}
a.request-button-link:visited {color: #fff;
	text-decoration: none;}
a.request-button-link:hover {color: yellow;
	text-decoration: none;}
a.request-button-link:active {color: #fff;}
a.bread:link {color: #0e21df;
	text-decoration: none;}
a.bread:visited {color: #0e21df;
	text-decoration: none;}
a.bread:hover {color: #e60000;
	text-decoration: underline;}
a.bread:active {color: #e60000;}
a.foot:link {color: #fbfed3;
	text-decoration: none;}
a.foot:visited {color: #fbfed3;
	text-decoration: none;}
a.foot:hover {color: #fbfed3;
	text-decoration: underline;}
a.foot:active {color: #fbfed3;
	text-decoration: none;}
a.phone:link {color: #25382a;
	text-decoration: none;}
a.phone:visited {color: #25382a;
	text-decoration: none;}
a.phone:hover {color: #25382a;
	text-decoration: none;}
a.phone:active {color: #25382a;
	text-decoration: none;}

b {font-weight: bold;
	font-family: 'Futura W01 Heavy'!important;}
	
.ecf-highlightbox {width:90%;
	max-width:1000px;
	margin:40px auto;
	border:2px solid #2e4f3b;
	padding:9px;}	

.staff {clear:both;
	padding-top:25px!important;}
.staff img {width:175px;
	float:left;
	margin-right:12px;}

.videofloat {width:75%;
	float:right;}
.videobig {width:100%;
	float:none;}	
.videoembed {position: relative;
	padding-bottom: 46.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
	margin:5px auto 25px auto;
	width:90%;}
.videoembed iframe {position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:auto;}

.tribalnews .intro-text {margin:35px 0;}
.tribalnews .column {width:45%;
	float:left;
	margin:0 15px 10px 15px;
	padding:0;}
.tribal-breadcrumb {padding:10px 0 0 25px;
	font-family: 'Futura Hv BT', 'Futura W01 Heavy', arial;
	font-size:20px;
	text-align:left;}	

.noborder {border:0!important;}


/* Newsletter */

.newsletter-box {border:4px solid #2e4f3b;
	padding:20px;
	margin-bottom:40px;}
.newsletter-box h1 {font-size:30px;}
.newsletter-section {padding:40px 0;}
.newsletter-section h2 {font-size:25px;
	font-weight:normal;
	color:#25382a;
	margin:0px 0px 17px 0px;
	text-align:center;
	line-height:1.3;}
.newsletter-section p {font-size:17px;
	line-height:1.5;}
.activity-pad {height:30px;
	clear:both;}	
.activity {clear:both;
	overflow:auto;}
.activity .image {width:60%;
	float:left;}
.activity .image img {width:100%;}
.activity .text {width:30%;
	float:left;
	font-size:17px;}
.activity2 {clear:both;
	overflow:auto;}
.activity2 .image {width:60%;
	float:right;}
.activity2 .image img {width:100%;}
.activity2 .text {width:30%;
	float:right;
	font-size:17px;}
.newsletter-section strong {font-weight:600;}
.newsletter-section .column {width:45%;
	float:left;}
.newsletter-section .column ul {padding-left:0;}
.imgcolumn {width:50%;
	float:left;}
.imgcolumn img {width:100%;}
.text-highlight {clear:both;
	overflow:auto;}
.text-highlight .heading {width:25%;
	float:left;
	margin:0 0 60px 0;
	padding:50px 0 0 0;
	font-size:30px;
	font-style:italic;
	background:url(https://www.camphillard.com/images/newslettergraphics/arrow.png);
	background-repeat: no-repeat;
	background-size: 95%;
	background-position: top 100px;}
.text-highlight .text {width:70%;
	float:left;
	font-size:18px;
	margin:0 0 0 40px;
	padding:0;}
.newsletter-section .imagefloat {width:50%;
	float:right;
	margin:14px 0 20px 40px}
.newsletter-column {width:45%;
	float:left;
	padding:0 20px;}
.image-solo {text-align:center;}
.image-solo img {width:90%;
	max-width:600px;}
.activity .floatright {float:right;
	padding-top:35px;}
.activity .floatright img {max-width:500px;}
.activity2 .floatright {float:right;
	padding-top:35px;}
.activity2 .floatright img {max-width:500px;}
.row2 {width:48%;
	margin:20px 5px 0 5px;
	min-width: 320px;}
.photo-2cols {width:102%;}
.photo-2cols div {float:left;
	text-align:center;
	font-size:24px;
	width:48%;
	min-height:340px; 
	margin:5px 5px 20px 5px;}
.photo-2cols img {width:100%;}

@media (min-width: 320px) and (max-width: 900px) {

.newsletter-box {padding:20px;
	margin:20px auto;
	width:85%;}
	
.newsletter-section {width:95%;
	margin:auto;}	

.activity .image {width:90%;
	float:none;
	margin:auto;}
.activity .text {width:90%;
	float:none;}
.activity2 .image {width:90%;
	float:none;
	margin:auto;}
.activity2 .text {width:90%;
	float:none;}
	
.newsletter-column {width:90%;
	margin:auto;
    float:none;}
	
.text-highlight .heading {width:90%;
	float:none;
	margin:0 0 0 20px;
	padding:0;
	background:none;}
.text-highlight .text {width:90%;
	float:none;
	font-size:18px;
	margin:0 0 0 40px;
	padding:0;}
	
.newsletter-section .imagefloat {width:100%;
	float:none;
	margin:14px auto}
.imgcolumn {width:100%;
	float:none;
	margin-bottom:20px;}	
	
.activity .floatright {float:none;
	padding-top:5px;}
.activity .floatright img {width:95%;}
.activity2 .floatright {float:none;
	padding-top:5px;}
.activity2 .floatright img {width:95%;}	

.photo-2cols {width:100%;}
.photo-2cols div {float:none;
	text-align:center;
	font-size:24px;
	width:100%;
	min-height:auto; 
	margin:5px 5px 20px 5px;}
.photo-2cols img {width:100%;}
	
}

