/*************************************************************** 

CHRP green 		= #5c6731  rgb(92, 103, 49)
light green		= #C7CFA5
dark blue		= #1B3969  rgb(27, 57, 105)
light blue		= #406CB4  rgb(64, 108, 180)
coral			= #B56053  rgb(181, 96, 83)
light accent	= #EBFFA8  rgb(235, 255, 168)

Images: 380px Wide
Slides: 480px Wide by 264px Tall
Tags: 420px Wide by 160px Tall
Staff, Social, CHRP thumbnails: 380 x 285px

https://fancyapps.com/fancybox/3/

****************************************************************/


html,body{height:100%;}
body{
	background: #C7CFA5;
	font: normal normal normal 15px/1.4 Verdana, Geneva, Tahoma, sans-serif;
	color: #000000;
	position: relative;
	min-width: 1000px;
}

p{margin-bottom:18px;}
a{color:#000000;outline:none;cursor:pointer;text-decoration:underline;}
a:hover{color:blue;}
img{height:auto; width:100%;}
ol{padding:0 20px 18px;}
ul{list-style: disc outside; margin-left:20px; padding-bottom:18px;}


/********************  Header styles ************************************************/
h1{	font: normal normal 700 20px/24px Verdana, Geneva, Tahoma, sans-serif;	color: #000000;}
h2{	font: normal normal 700 20px/24px Verdana, Geneva, Tahoma, sans-serif;	color: #000000;}
h3{	font: normal normal 600 16px/20px Verdana, Geneva, Tahoma, sans-serif;	color: #000000;}
h4{	font: normal normal 400 16px/20px Verdana, Geneva, Tahoma, sans-serif;	color: #000000;}
h5{	font: normal normal 400 18px/22px Verdana, Geneva, Tahoma, sans-serif;	color: #000000;}
h6{	font: normal bold 13px/18px Verdana, Geneva, Tahoma, sans-serif;color: #B56053;}

/********************** Header ********************************************************/
#header{background-color:#C7CFA5;}
#logo{margin:auto; padding:20px 20px 10px 20px; float:left; width:169px; height:57px;}

/*********************** Search *******************************************************/
#search_box{float:right; height:42px;  max-width:300px; padding:0px 20px 0px 0px; }	
#search_box tr, #search_results tr {background:none;}

/********************** Global Content ************************************************/

#content{padding-top:15px;padding-bottom:15px;}

.page{background-color:white;padding-top:10px;}

.frame{
	background: white; 
	border: thick #406CB4 solid; 
	margin-bottom: 10px;
}

.box{
	background: white;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 1px 1px 0px 5px rgba(0,0,0,0.08);
	-moz-box-shadow: 1px 1px 0px 5px rgba(0,0,0,0.08);
	-webkit-box-shadow: 1px 1px 0px 5px rgba(0,0,0,0.08);
	margin-bottom: 10px;
}
.box h1 {background: #1B3969; color: #ffffff; display: block; padding: 14px 17px 14px 25px; text-align: center;}
.box h2 {background: #1B3969; color: #ffffff; display: block; padding: 14px 17px 14px 25px; text-align: center;}
.box h3{padding: 5px 0;font-weight:bold;}
/*.box div{padding:20px;} */

.figure{
	padding: 10px;
	margin-bottom:5px;
	background: #406CB4;
}
.quote{padding:5px;}
.quote-caption{text-align:right;padding:5px;}
.bordered{border-style: double; border-width: thin;}
.icon 	{height:40px; width:40px;}
.pdf	{display: block; background: url("../images/pdf.png") no-repeat; height: 42px;}
.audio	{display: block; background: url("../images/audio.png") no-repeat; height:47px; }

.fleft{float:left}
.fright{float:right}
.aligncenter{text-align:center}
.alignright{text-align:right}
.last-item{margin-right:0 !important; margin-bottom:0 !important;} 
.indent {margin-left: 40px;}
.pad-all{padding:20px;}
.pad-left{padding-left:35px;}
.pad-bottom{padding-bottom:15px;}
.no-pad-bottom{padding-bottom:0;}
.m-bottom{margin-bottom:15px;}
.m-all{margin:20px;}
.justify{text-align: justify;}

/********************** Front Page Content ********************************************/
#churchinfo h3{	font: normal normal 700 18px/20px Verdana, Geneva, Tahoma, sans-serif;	color: #000000;}
#churchinfo {text-align: center; padding-top:23px;}
#name {font-size:26px; line-height:1.3;}

.tag{margin:0 auto 10px;}

/************************* Sermon page ***********************************************/
#sermon-list{width:100%;}
#sermon-list tr{background:url('../images/line.gif') repeat-x center bottom;}
#sermon-list td{padding: 13px 20px 8px 0;}
#sermon-list th{text-align:left; padding:0 0 16px 0; text-transform:uppercase;}

/*  total width = 900 */
.tcol-1{width:350px;}
.tcol-2{width:350px;}
.tcol-3{width:100px;}
.tcol-4, .tcol-5 {width:50px;}
.tcol-6 {width:350px;} /* for virtual church page */
.tcol-7 {width:275px;} /* for virtual church page */

/************************* Other pages ***************************************************/
.contact-info{margin: 14px 10px 30px; display: inline-block;}
#contact-name{color: #342919; background-color:white; text-align:left; padding:0;}
#map {border: none;margin: 0;width: 280px;height: 350px;}
#full-calendar{border: 0; width: 895px; height:600px;}
#mobile-calendar{display:none; border: 0;}
#booklist li{margin-left:20px; text-indent: -20px}
.star{display: inline; background: url('../images/star.gif') no-repeat; width: 15px; height: 15px; padding-left: 20px; }
.bullet{display: inline; background: url('../images/bullet.gif') no-repeat; width: 15px; height: 15px; padding-left: 20px; }
.staffpic{width:340px; float:left;	margin-right:20px; padding:0;} /* has to come after .frame for padding to work*/
.chrp-pics{margin-left: 12px;margin-right: 0px;margin-top:12px;margin-bottom:12px;}
.clearfooter{height: 200px; clear: both;}


/*************************** Footer *****************************************************/
#footer{
	background: #5c6731 repeat center top;
	padding-top: 48px;
	font: normal 400 12px/15px Verdana, Geneva, Tahoma, sans-serif;
	color: #fff;
}
#footer h4{border-bottom: thin #fff solid; margin-bottom:15px; color:#fff; text-transform:uppercase;}
.footer-list {list-style:none; margin-left:0; padding-bottom:0;}
.footer-list li{
	font: bold 15px/15px Verdana, Geneva, Tahoma, sans-serif;
	margin-bottom: 15px;
}
.footer-list a{color:#fff; text-decoration:none;}
.footer-list a:link{color:#fff; text-decoration:none;}
.footer-list a:visited{color:#fff; text-decoration:none;}
.footer-list a:hover{color:#EBFFA8;text-decoration:none;}
.footer-list a:active{color:#EBFFA8; text-decoration:none;}
		
#footer .spacing{padding:31px 30px 28px;}
.footer-bg{background: url("../images/footer-tail.png") center bottom repeat-x;}
.footer-text{float:left; text-transform:uppercase;}
	
/*========================================   MOBILE    ==========================================*/
@media only screen and (max-width: 995px) {
	body{min-width:768px;}
	img{width:100%; height:auto;}
	#churchinfo h3 {font-size:16px;line-height:20px;}
	#churchinfo {font-size:14px;line-height:18px;}
	#churchinfo {padding: 5px 3px 5px;}
	#full-calendar{width: 700px;}
	.staffpic{width:220px;} 
	p{margin-bottom:9px}
	/*  Sermon List total width = 708 */
	.tcol-1{width:268px;}
	.tcol-2{width:260px;}
	.tcol-3{width:80px;}
	.tcol-4, .tcol-5 {width:50px;}
	.tcol-6 {width:250px;} /* for virtual church page */
	.tcol-7 {width:229px;} /* for virtual church page */



} /* end 1st media */

@media only screen and (max-width: 767px) {
	body{min-width:480px;}
	h2{padding-left:10px;padding-right:10px;}
	.page{padding-top:0;}
	.tag{margin: 0 10px 10px 10px;}
	.frame {margin:10px;}
	#content{padding-top:15px; padding-bottom:5px;}
	#search_box{max-width:210px; padding:0px 0px 0px 0px; }	
	#footer {padding-top:15px;}
	#footer .spacing{padding:20px 30px 18px;}
	#footer h4{margin-bottom:9px;margin-top:10px;}
	.mobile-hide{display:none;}
	.contact-info{margin: 14px 10px 10px; }
	#full-calendar{display:none;}
	#mobile-calendar{display: block; border-width:0; width:375px; height:600px;}
	.staffpic{width:340px; margin-right:0px;}
	/*  Sermon List total width = 380 */
	.tcol-1{width:280px;}
	.tcol-2, .tcol-3{width:0px;}
	.tcol-4, .tcol-5 {width:50px;}
	.tcol-6 {width:220px;} /* for virtual church page */
	.tcol-7 {width:80px;} /* for virtual church page */
	.chrp-pics{margin-left:0px; margin-bottom:0px; margin-top:6px;}
	.m-side{margin-left:10px;margin-right:10px;}
	.justify{text-align: left;}

} /* end 2nd media */

@media only screen and (max-width: 479px) {
	body{min-width:320px;}
	#search_box{  max-width:285px; padding:0px 15px 0px 0px; }	
	#footer .spacing{padding:20px 0px 18px;}
	#mobile-calendar{width:260px;}
	.staffpic{width:230px;}
	/*  Sermon List total width = 260 */
	.tcol-1{width:168px;}
	.tcol-2, .tcol-3{width:0px;}
	.tcol-4, .tcol-5 {width:46px;}
	.tcol-6 {width:100px;} /* for virtual church page */
	.tcol-7 {width:80px;} /* for virtual church page */
	#amznCharityBanner {margin-left:-28px;}
	
} /* end 3rd media */