/* RESPONSIVE CSS */

@media (min-width: 320px) and (max-width: 500px) {

body {background-image: none;
	background-color:#334c39;}
.floatright {float: none;
	padding:20px;}
.floatleft {float: none;
	padding:20px;}
.hide-mobile {display:none;}
.hide-desktop {display:inline;}

#container {margin:20px auto;
	width:90%;}
#nav-top {float:none;
	margin:15px;
	text-align:center;
	font-size:18px;}
#main {width:100%;
	margin:auto;
	background-color:white;}
.blog #main {width:100%!important;
	padding:0 20px 0 40px!important;
	margin-left:20px!important;
	position:relative;
	left:20px;}
.single #main {width:100%!important;
	padding:0 20px 0 40px!important;
	margin-left:20px!important;
	position:relative;
	left:20px;}	
#header-mobile {display:block;}
#left_column {display:none;}
#nav-horizontal {display:none;}
#leftsubmenu {width:100px;
	background: url(images/submenubg.gif) white;
	background-repeat:no-repeat;
	text-align:left;
	font-size:15px;
	padding:14px 6px 2px 6px;
	position:relative;
	top:-10px;
	left:2px;}
#leftsubmenu2 {width:90px;
	text-align:left;
	font-size:15px;
	padding:14px 6px 2px 6px;
	position:relative;
	top:-10px;
	left:2px;}
#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;}
#footer {padding:50px 15px 50px 15px;}	

p {margin-left:20px;
	margin-right:20px;}
.text {font-size: 15px;
	text-align:left;
	color: #25382a;
	margin:20px 10px 0 10px;
	line-height:130%;}
.intro {width:100%;
	margin:auto;
	padding:0;}
.column {width:100%;
	float:none;
	margin:10px auto;}

.homebigsection1 {width:100%;
	height:auto;
	padding:80px 0;}
.homebigsection1 p {padding-top:10px;}
.homebigsection2 {width:100%;
	height:auto;
	padding:80px 0;}	
.homebigsection2 p {padding:5px 23px;}	
.circles {width:100%;}
.circle-container {width:100%;}
.circle {float:left;
	width:39%;
	margin:5px;}

#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 {border:2px solid #334c39;
	text-align:center;
	padding:10px;
	width:80%;
	margin:30px auto;
	font-size:24px;
	display:block;}	
.weather-widget {width:200px;
	margin:auto;
	padding-top:9px;}	
.video {float:none;
	width:258px;
	margin: 10px auto;}
.aboutphoto {float:none;
	margin:auto;}
.about-thumb {width:175px;
	margin:auto;}	
.aboutphotobig {float:none;
	margin:auto;}
.divider {width:100%;
	height:7px;
	margin:20px auto;}	
.videobutton {position:relative;
	margin-left:0;
	top:0;
	left:0;
	z-index:9;}
.charitybox {width:90%;
	margin:auto;
	font-size:80%;}
.testimonial {background-image: url(images/quote.gif);
	background-repeat:no-repeat;
	margin:10px;
	padding:20px 0;
	border-bottom:2px solid #ebebeb;}	
.simplerotator {width:100%;
	padding-bottom:20px;}	
.map {width:100%;
	height:300px;}	

.contacthead {margin:auto;
	width:90%;}
.contactleft {width:100%;
	float:none;
	margin:auto;}
.contactright {width:100%;
	float:none;}
.formpage {margin:25px 40px 6px 50px;
	font-size: 16px;
	text-align:left;
	color: #25382a;
	line-height:160%;}
.contactform {width:100%;
	margin:auto;}
.formrow1 {float:none;
	margin:auto;
	width:100%;}
.formrow2 {float:none;
	margin:auto;
	width:100%;}
.formrow3 {float:none;
	margin:auto;
	width:100%;}
.formrow4 {float:none;
	margin:auto;
	width:100%;}
.formrow5 {float:none;
	margin:auto;
	width:100%;}
.formrow6 {float:none;
	margin:auto;
	width:100%;}
.formrow7 {float:none;
	margin:auto;
	width:100%;}
.enrollment .formrow1 {float:none;
	margin:auto;
	width:100%;}
.enrollment .formrow2 {float:none;
	margin:auto;
	width:100%;}
.enrollment .formrow3 {float:none;
	margin:auto;
	width:100%;}
.enrollment .formrow4 {float:none;
	margin:auto;
	width:100%;}
.enrollment .formrow5 {float:none;
	margin:auto;
	width:100%;}
.enrollment .formrow6 {float:none;
	margin:auto;
	width:100%;}
.enrollment .formrow7 {float:none;
	margin:auto;
	width:100%;}	
.formcolumn {float:none;
	margin:auto;
	width:100%;}	
input.submit {margin:20px;
	border:2px solid #2e4f3b;
	padding:10px;
	font-size:14px;}
.formrow {float:none;
	margin:auto;
	width:100%;}
.formcolumn1 {float:none;
	margin:auto;
	width:100%;
	text-align:center;}
.formcolumn2 {float:none;
	margin:auto;
	width:100%;}

.linebg {border:0;}		

img.floatleft {float: none;
	margin:10px;}
img.floatright {float: none;
	margin:10px;}
img.facebook {position:relative;
	top:0;
	left:0;
	padding:0 2px 8px 0;}
img.headshot {float:left;
	margin:3px 13px 3px 0px;
	border:1px solid black;}
img.full {width:100%;}
img.logo-mobile {width:90%;}	

.about-photo-shiftup {margin:0;
	padding:0;}
.about-photo-bottompad {padding:20px 0 0 0;}

iframe.home-video {width:98%;
	margin:auto;
	height:auto;}
	
a.nav {white-space:nowrap;}

.tribalnews .column {width:100%;
	float:none;
	margin-bottom:10px;
	padding:0;}
	
.staff img {width:100px;
	float:none;
	margin:12px;}	

}





@media (min-width: 501px) and (max-width: 900px) {

body {background-image: none;
	background-color:#334c39;}
.floatright {float: none;
	padding:20px;}
.floatleft {float: none;
	padding:20px;}
.hide-mobile {display:none;}
.hide-desktop {display:inline;}

#container {margin:20px auto;
	width:90%;}
#nav-top {float:none;
	margin:15px;
	text-align:center;
	font-size:18px;}
#main {width:100%;
	max-width:100%!important;
	margin:auto;
	background-color:white;}
.blog #main {width:100%!important;
	padding:0 20px 0 40px!important;
	margin-left:20px!important;
	position:relative;
	left:20px;}
.single #main {width:100%!important;
	padding:0 20px 0 40px!important;
	margin-left:20px!important;
	position:relative;
	left:20px;}	
#header-mobile {display:block;}
#left_column {display:none;}
#nav-horizontal {display:none;}
#leftsubmenu {width:100px;
	background: url(images/submenubg.gif) white;
	background-repeat:no-repeat;
	text-align:left;
	font-size:15px;
	padding:14px 6px 2px 6px;
	position:relative;
	top:-10px;
	left:2px;}
#leftsubmenu2 {width:90px;
	text-align:left;
	font-size:15px;
	padding:14px 6px 2px 6px;
	position:relative;
	top:-10px;
	left:2px;}
#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;}
#footer {padding:50px 15px 50px 15px;}	

p {margin-left:20px;
	margin-right:20px;}
.text {font-size: 15px;
	text-align:left;
	color: #25382a;
	margin:20px 10px 0 10px;
	line-height:130%;}
.intro {width:100%;
	margin:auto;
	padding:0;}
.column {width:100%;
	float:none;
	margin:10px auto;}

.homebigsection1 {width:100%;
	height:auto;
	padding:80px 0;}
.homebigsection1 p {padding-top:10px;}
.homebigsection2 {width:100%;
	height:auto;
	padding:80px 0;}	
.homebigsection2 p {padding:5px 23px;}
.circles {width:100%;}
.circle-container {width:100%;}
.circle {float:left;
	width:42%;
	margin:5px;}
	
.callbox {border:2px solid #334c39;
	text-align:center;
	padding:10px;
	width:80%;
	margin:30px auto;
	font-size:24px;
	display:block;}	
.weather-widget {width:200px;
	margin:auto;
	padding-top:9px;}	
.video {float:none;
	width:258px;
	margin: 10px auto;}
.aboutphoto {float:none;
	margin:auto;}
.about-thumb {width:175px;
	margin:auto;}	
.aboutphotobig {float:none;
	margin:auto;}
.divider {width:100%;
	height:7px;
	margin:20px auto;}	
.videobutton {position:relative;
	margin-left:0;
	top:0;
	left:0;
	z-index:9;}
.charitybox {width:90%;
	margin:auto;
	font-size:80%;}
.testimonial {background-image: url(images/quote.gif);
	background-repeat:no-repeat;
	margin:10px;
	padding:20px 0;
	border-bottom:2px solid #ebebeb;}	
.simplerotator {width:100%;
	padding-bottom:20px;}	
.map {width:100%;
	height:300px;}	

.contacthead {margin:auto;
	width:90%;}
.contactleft {width:100%;
	float:none;
	margin:auto;}
.contactright {width:100%;
	float:none;}
.formpage {margin:25px 40px 6px 50px;
	font-size: 16px;
	text-align:left;
	color: #25382a;
	line-height:160%;}
.contactform {width:100%;
	margin:auto;}
.formrow1 {float:none;
	margin:auto;
	width:100%;}
.formrow2 {float:none;
	margin:auto;
	width:100%;}
.formrow3 {float:none;
	margin:auto;
	width:100%;}
.formrow4 {float:none;
	margin:auto;
	width:100%;}
.formrow5 {float:none;
	margin:auto;
	width:100%;}
.formcolumn {float:none;
	margin:auto;
	width:100%;}	
input.submit {margin:20px;
	border:2px solid #2e4f3b;
	padding:10px;
	font-size:14px;}	

img.floatleft {float: none;
	margin:10px;}
img.floatright {float: none;
	margin:10px;}
img.facebook {position:relative;
	top:0;
	left:0;
	padding:0 2px 8px 0;}
img.headshot {float:left;
	margin:3px 13px 3px 0px;
	border:1px solid black;}
img.full {width:100%;}
img.logo-mobile {width:50%;}	

.about-photo-shiftup {margin:0;
	padding:0;}
.about-photo-bottompad {padding:20px 0 0 0;}

iframe.home-video {width:98%;
	margin:auto;
	height:auto;}
	
a.nav {white-space:nowrap;}


.tribalnews .column {width:100%;
	float:none;
	margin-bottom:10px;
	padding:0;}

}




@media (min-width: 901px) and (max-width: 1100px) {

.tribalnews .column {width:45%;
	float:left;
	margin:0 15px 10px 15px;
	padding:0;}
	
.homebigsection1 {width:100%;
	height:auto;
	padding:80px 0;}
.homebigsection1 p {padding-top:10px;}
.homebigsection2 {width:100%;
	height:auto;
	padding:80px 0;}	
.homebigsection2 p {padding:5px 23px;}

.circles {width:100%;}
.circle-container {width:100%;}
.circle {float:left;
	width:28%;
	margin:5px;}
	

}



@media (min-width: 300px) and (max-width: 800px) {


.visiting #main {background-color:white;
	width:100%;
	max-width:100%;
	min-height:auto;
	color: #000000;
	margin:auto;
	padding:0px 0;
	text-align:left;
	font-size:16px;}
.visiting-table td {font-size:13px!important;
	padding:0!important;}
	
}


@media (min-width: 0px) and (max-width: 1200px) {

.video-home2 {width:99%; 
	margin:auto;}
.video-home2 .video {width:100%;
	float:none;
	padding-bottom:0px;}
	
}