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

h1 {
	font-size: 1.4em;
	color: #666666;
}
h2 {
	font-size: 1.2em;
	display:inline-block;
}
a:link {
	text-decoration: none;
	color: rgb(1,0,1);
}
a:visited {
	text-decoration: none;
	color: rgb(90,90,90);
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: underline;
}
second:link {
	text-decoration: underline;
	color: rgb(1,0,1);
}
second:visited {
	text-decoration: none;
	color: rgb(90,90,90);
}
second:hover {
	text-decoration: none;
}
second:active {
	text-decoration: underline;
}
.blogdate {
	font-size:.8em;
}
.titlefontsize {
	font-size:.8em;
}
.titles {
	font-size:.9em;
	font-weight:bold;
}
.messagetitles {
	font-size:.9em;
	font-weight:bold;
}
.missiontext {
	display:block;
	font-size:1em;
	font-weight:bold;
}
.responsiveimage {
	width:100%;
	max-width:100%;
	height:auto;
}
.responsivebioimage {
	width:100%;
	max-width:500px;
	height:auto;
	padding:10px 0 0 0;
}
.responsivevideolink {
	width:100%;
	max-width:500px;
	height:auto;
}
.responsiveblogimage {
	width:100%;
	max-width:100px;
}
.responsiveoutreachimage {
	width:100%;
	max-width:200px;
}
.responsivelogo {
	width:100%;
	max-width:1000px;
	height:auto;
}
img.center {
	display: block;   
	margin-left: auto;   
	margin-right: auto; 
}
body {
	margin: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#fefefe;
}
.container {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
	color: #333;
	border-radius: 15px;
    box-shadow: 0 0 5px 5px #888;
	
	
}
.header {
	position: relative;
	width: 100%;
	height: auto;
	padding: 5px 0 0 0;
	background: rgb(47,68,117);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 2;
	background-color: #F0F0F0;
}
.navbarcontainer {
	position: relative;
	width: 100%;
	height: auto;
	border-bottom: 1px #F0F0F0;
	z-index: 2;
	background-image:  ;
	background-color: #F0F0F0;
}
.navbar {
	position: relative;
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 3;
	background-color: #6C7E8C;
	background-image: url(imgsnewchurchsite/gradient1.gif);
}
.navbutton {
	display: inline-block;
	float: left;
	width: 10.5%;
	height: auto;
	padding: 9px 0;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	z-index: 3;
	background-image: url(imgsnewchurchsite/gradient1.gif);
	font-weight: bold;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 4;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FEFEFE;
	background-color: #6C7E8C;
}
.figurecontainer {
	position: relative;
	width: 100%;
	height: auto;
	background: #fefefe;
	z-index: 2;
	background-color: #F0F0F0;
	color: #F0F0F0;
}
.figure {
	position: relative;
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0;
	background-color: #fefefe;
	z-index: 3;
	color: #F0F0F0;
}
.imagedisplayblock {
	display:block;
}
.contentcontainer {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 2;
}
.content {
	position: relative;
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background: rgb(255,255,255);
	z-index: 3;
	background-color: rgb(255,255,255);
}
.homearticle {
	display: inline-block;
	position: relative;
	width: 33%;
	height: auto;
	float: left;
	padding: 1%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 4;
	color: #666666;
}
.article {
	display: inline-block;
	position: relative;
	width: 50%;
	height: auto;
	float: left;
	padding: 1%;
	border: 1px solid rgb(255,255,255);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 4;
	color: #333;
}
.blogarticle {
	display:inline-block;
	position:relative;
	width:65%;
	height:auto;
	float:left;
	padding:1% 1% 1% 5%;
	border-left: 1px solid rgb(1,0,1);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	z-index:4;
}
.blogaside {
	display:inline-block;
	position:relative;
	width:25%;
	height:auto;
	text-align:center;
	float:left;
	padding:1%;
	z-index:4;
}
.missionarticle {
	display:inline-block;
	position:relative;
	width:65%;
	height:auto;
	float:left;
	padding:1%;
	border-left: 1px solid rgb(1,0,1);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	z-index:4;
}
.missioncbcone {
	display:inline-block;
	position:relative;
	width:31%;
	height:auto;
	text-align:left;
	float:left;
	padding:1%;
	z-index:4;
}
.missionbox {
	display:inline-block;
	position:relative;
	width:100%;
	height:auto;
	padding:5px 0;
	margin:5px 0;
	border-bottom: 1px dotted rgb(1,0,1);
	border-top: 1px dotted rgb(1,0,1);
	z-index:4;
}
.missionfigure {
	display:inline-block;
	position:relative;
	width:70%;
	height:auto;
	float:left;
	z-index:5;
}
.missionprofile {
	display:inline-block;
	position:relative;
	width:24%;
	padding:0 2%;
	margin:5px 0;
	float:left;
	z-indext:5;
}
.cbcmissionresponsiveimage {
	width:100%;
	max-width:400px;
	margin:10px 0;
	height:auto;
}
	
.textcontainer {
	position:relative;
	width:auto;
	height:auto;
}
.leftborder {
	border-left: 1px solid rgb(85,115,185);
}
.footer {
	position: relative;
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;height: 25px;
	font-size: .8em;
	line-height: 25px;
	font-weight: normal;
	text-align: center;
	color: #fefefe;
	background: #3D6994;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	clear: both;
	z-index: 2;
	background-color: #6C7E8C;
}
.spacer {
	width:100%;
	max-width: 1000px
	height:auto;
	clear:both;
}
video {
	max-width:100%;
	height:auto;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Styles for screen 640px and lower*/
@media only screen and (max-width : 840px) {

.navbutton {
	width:24%;
	font-size:.8em;
	padding:5px 0;
}
}

/*Styles for screen 640px and lower*/
@media only screen and (max-width : 640px) {

.navbutton {
	width:23%;
	font-size:.9em;
	padding:5px 0;
}
.homearticle {
	width:100%;
}
.article {
	width:100%;
}
.missionarticle {
	width:98%;
	padding:1%;
	border-left: none;
}
.missionaside {
	width:98%;
	text-align:left;
}
.missionfigure {
	width:100%;
}
.missionprofile {
	width:100%;
}
.missionresponsiveimage {
	width:100%;
	max-width:300px;
	height:auto;
}
.responsivebioimage {
	max-width:250px;
}
/*.figurecontainer {
	display:none;
}*/
}
/*Styles for screen 640px and lower*/
@media only screen and (max-width : 380px) {

.navbutton {
	width:50%;
	font-size:.9em;
	padding:3px 0;
}
.blogarticle {
	width:100%;
}
.blogaside {
	display:none;
}
}