@charset "utf-8";
/* CSS Document */

/* Mobile */

.slicknav_menu {
  display: none;
}

@media only screen and (max-width: 1100px) {

}

@media only screen and (max-width: 1040px) {
ul#menu-main-menu li a {
	font-size:16px;
}
ul#menu-main-menu ul.sub-menu li a, ul#menu-main-menu ul.sub-menu li:hover ul.sub-menu li a {
	font-size:15px;
}
}

@media only screen and (max-width: 940px) {
ul#menu-main-menu li a {
	font-size:14px;
}
ul#menu-main-menu ul.sub-menu li a, ul#menu-main-menu ul.sub-menu li:hover ul.sub-menu li a {
	font-size:13px;
}
}

@media only screen and (max-width: 900px) {
#volunteer-box {
	float:none;
	width:100%;
	clear:both;
	border-right:none;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:solid 1px #6e86aa;
	}
#news-box {
	float:none;
	width:100%;
	clear:both;
	}
}

@media only screen and (max-width: 850px) {
ul#menu-main-menu li a {
	font-size:13px;
}
}

@media only screen and (max-width: 800px) {
ul#menu-main-menu li a {
	font-size:12px;
}
ul#menu-main-menu ul.sub-menu li a, ul#menu-main-menu ul.sub-menu li:hover ul.sub-menu li a {
	font-size:12px;
}
}

@media only screen and (max-width: 755px) {
.slicknav_menu {
  display: block;
}

ul#menu-main-menu{
	display:none;
}
#top-bar {
	height:2px;	
}
#nav {
	height:15px;	
}
}

@media only screen and (max-width: 700px) {
#logo-home {
	margin:20px auto 0 auto;
	text-align:center;
	width:95%;
	position:absolute;
	z-index:400;
	}
#logo {
	width:95%;
	}
#logo-home img, #logo img {
	max-width:100%;
	height:auto
	}
.slide-element {
	width:100%;
	}
#slide-message {
	font-size:22px;
	text-align:center;
	float:none;
	display:block;
	min-width:100%;
	width:100%;
	background-color:rgba(0,0,0,0.5);
	background-image:none;
	}
#home-left {
	float:none;
	clear:both;
	margin:auto;
}
#home-right {
	float:none;
	clear:both;
	width:100%;
	margin:auto;
	display:block;
	}
#page-left {
	float:none;
	clear:both;
	width:100%;
	border-right:none;
	margin:0;
	}
#page-right {
	float:none;
	clear:both;
	width:100%;
	max-width:307px;
	margin-right:0;
	}
#footer1, #footer2, #footer3 {
	float:none;
	clear:both;
	width:95%;
	margin:auto;
	padding-bottom:10px;
	}
#footer1, #footer2 {
	border-bottom:solid 1px #FFF;
	}
#footer2, #footer3 {
	padding-top:10px;
	}
}

@media only screen and (max-width: 600px) {
#top-graphic {
	height:140px;
	}
.column1 {
	float:none;
	}
.column2 {
	float:none;
	width:90%;
	margin:auto;
	}
.column3 {
	float:none;
	width:100%;
	margin:auto;
	}
.col {
	float:none;
	width:100% !important;
	margin:auto;
	}
#footer-info, #footer-credit {
	float:none;
	margin:auto;
	text-align:center;
	}
}

@media only screen and (max-width: 500px) {
#top-graphic {
	height:120px;
	}
}

@media only screen and (max-width: 400px) {
#top-graphic {
	height:110px;
	}
}

@media only screen and (max-width: 340px) {
.slide-out-div {
	display:none !important;
	}
#pad {
	margin:0 20px 0 20px;
	}
}

@media only screen and (max-width: 300px) {
#top-graphic {
	height:100px;
	}
}

@media only screen and (max-width: 200px) {

}

/* Blog Stuff */

@media only screen and (max-width: 800px) {

#blog-left {
	float:none;
	clear:both;
	width:100%;
	text-align:left;
	border-right:none;
	margin:0 auto 0 auto;
	padding-bottom:20px;
	border-bottom:solid 1px #6e86aa;
	}
#blog-right {
	float:none;
	clear:both;
	width:100%;
	max-width:307px;
	text-align:left;
	margin:0 auto 0 auto;
	}
#post-detail {
	width:90%;
	flex:1;
	-webkit-box-flex:1;
	}
}

@media only screen and (max-width: 500px) {
#blog-post {
	display:block;
	}
#post-pic {
	float:none;
	clear:both;
	margin-bottom:15px;
	}
#post-detail {
	float:none;
	clear:both;
	width:100%;
	flex:none;
	-webkit-box-flex:none;
	}
}

/* End Blog Stuff */