/* =============================================================================================
 * Layout for Kairos TX-Coffield Unit
 * File: kc.css     CSS page
 * 
 * Author: s.clark
 * Copyright: (c) 2015 Kairos TX-Coffield Unit
 * Created: Mar 25, 2015
 * Browsers tested on: FireFox, IE11
 */



/* General HTML body styling */

body {
    padding: 0; 
    margin: 0; 
    background: lightgrey;
    text-align: left;
}
p {font-family: Arial; font-size: 12pt; text-align: left; margin-left: 15px; margin-right: 15px; }
ul {font-family: Arial; font-size: 12pt; text-align: left; margin-left: 15px; margin-right: 15px;
     list-style: disc; list-style-position: inside; }
ol {font-family: Arial; font-size: 12pt; text-align: left; margin-left: 15px; margin-right: 15px; 
    list-style: decimal; list-style-position: outside; }
span {font-family: Arial; font-size: 12pt; text-align: left;}
table, tr, td {font-family: Arial; font-size: 12pt;}
div {font-family: Arial; font-size: 12pt; text-align: left; display: block;}
h2, h3 {text-align: left; margin-left: 15px; font-size: 18pt;}            

.bold{font-weight: bold;}
.underline{text-decoration: underline;}
.strikeout{text-decoration: line-through;}
.Em1{font-size: 12pt;}
.Em2{font-size: 12pt;}
.Em3{font-size: 12pt;}
.imgCenter{display: block; margin: 0 auto;}
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px;}
.mobileParTopMarg1{}

 
/* Our Container for the page */
#ourContainer{width: 980px; margin: 0px auto 0px auto; display: block;}



/* Heading Division */
#Hdg{width: 100%; height: 100px; margin-top: 0px; padding: 0px; display:block; background: url('BlueFade1.png') repeat-x;}
#Scripture{float: left; width: 400px; height: 80px; padding-top: 15px; margin-left: 0px; overflow-y: auto;}
#MnuToggle{float: left; display: none; margin: 30px 0px 0 20px; width: 50px;}
#mobileMenu2{display: none; width: calc(98% - 5px;); height: 90%;}
#mobileMenu2-2{display: block; margin: 0px auto; width: 200px; font-size: 18pt; padding-left: 5px; padding-top: 6px; text-align: center;}
#fish{float: left; height: 95px; margin-left: 10px;}
#Hdr3Div2 {font-size: 20pt;}
#Hdr3Div{float: right; font-size: 14pt; margin-right: 15px; margin-top: 25px;}


/*   Menu & SectionBody Div  */
#MainDiv{width: 100%; background-color: #d6e0f5;}


/* Menu */
#MenuDiv{float: left; display: block; width: 150px; background-color: #d6e0f5;}
.mnuTxt {margin: 10px 0px 10px 10px; padding: 0px; font-size: 1.0em;}
a.mnu:link {color:black;}
a.mnu:visited {color:black;}


/* SectionBody */
.kcBody{background-color: #eff3f8; width: calc(100% - 150px); float: left; display: none;}	
.listSpacing1{margin-bottom: 8px;}
.schedRowSpacing1{height: 25px;}
.bodyHeading1{text-align: center; font-size: 22pt;}
.bodyHeading2{font-size: 20pt;}
.bodyHeading3 {font-size: 18pt;}
.bodyHeading4{font-size: 0.8em;}

.cuTblBorder{border: 1px solid black; margin: 20px auto;}
.hhCofTblRows{border-bottom: 1px solid black;}
.hhCofTblCols{border-right: 1px solid black;}
.hhCofTblCols{padding-left: 5px;}
.hhCofTblCols, .hhCofTblCols2, .cuTblBorder2{padding-bottom: 3px; padding-top: 3px;}
.hhCofTblCols2{text-align: right; padding-right: 5px;}
.hhCofTblCols {height: auto;}

.cuTblBorder2, .cuTbl2Hdg{border: 1px solid black; text-align: center;}
.cuTblBorder2{width: 150px;}
.cuTbl1{width: 350px;}
.cuTbl1-2{width: 150px;}
.cuTbl2{width: 160px;}
.cuTblWhole{}
.cuTbl2Margins{margin: 0px 40px 30px 20px; display: block; float: none;}
.cuTbl2Margins2{float: right; position: relative; top: 0; display: block;}
.cuTbl1Hdg{font-size: 14pt; text-align: center;  height: 40px; vertical-align: middle;}
.cuTbl2Hdg{font-size: 14pt;}

.videoIframe{width: 425px; height: 349px;}
.videoSpacing1{
	display: block; 
	width: 425px;
	margin-top: 25px;
	margin-bottom: 65px;
	margin-left: auto;
	margin-right: auto;
}

#reunionImg2{float: right; margin-left: 30px;}
#InvolvedImg1{float: left; margin-right: 30px;}
#DonationsImg1{float: right; margin-left: 65px;}
#dFboost{display: none;}

.sectDivMarg{width: 92%; margin-left: 4%; margin-bottom: 0;}
.sectDivTopMarg1{margin-top: 10px;}
.sectDivMargLeft1{margin-left: 15px;}
.sectHdgTopMarg{margin-top: 25px;}
.sectHdgTopMarg-2{margin-top: 40px;}
.sectHdgTopMarg2{margin-top: 40px;}
.sectParMargLeft1{margin-left: 0px;}
.sectParMargLeft2{margin-left: 15px;}
.sectParMargLeft3{margin-left: 25px;}
.sectParMargLeft4{margin-left: 45px;}
.sectParMargTop0{margin-top: 0px;}
.sectParMargTop1{margin-top: 5px;}
.sectParMargTop2{margin-top: 15px;}
.sectParMargTop3{margin-top: 25px;}
.sectParMargBot1{margin-bottom: 30px;}
.sectionImgTopMarg{margin-top: 15px;}
.sectionTblPadLeft2{padding-left: 30px;}



/* Footer Div */
#Footer{width: 100%; height: 40px; background: url('BlueFade2.png') repeat-x;}
#Footer1, #Footer2, #Footer3, #Footer4, #Footer5{margin-top: 20px;}
#Footer1, #Footer2{float: left; font-size: 9pt;}
#Footer1{margin-left: 8px;}
#Footer2{margin-left: 40px;}
#Footer5{display: none; float: left; font-size: 9pt; margin-left: 60px;}
#Footer3, #Footer4{float: right; margin-top: 20px; margin-right: 8px; font-size: 9pt;}
a.ctact:link {color:red;}
a.ctact:visited {color:LightGray;} 

#kcAgent{margin-left: 10px;}