/* CSS Document ---------------------------------------------------------MAIN page: STRUCTURE---------------------------*/

html,body{
  position:relative;
  margin:auto auto;
  text-align:center;
  background-color: #083A26;
  background-position:top center;
  background-image:url(images/header.jpg);
  background-repeat:repeat-x;
  padding:0px;
  }
  
#header{
  position:relative;
  width:970px;
  margin: auto auto;
  height:288px;
  background-image:url(images/headerTop.jpg);
  background-repeat:no-repeat;
  background-position:0px 0px;
  }
  
#container{
  position:relative;
  width:970px;
  height:auto;
  min-height:600px;
  background-color: #FFF;
  background-position:top center;
  background-image:url(images/bgBody.jpg);
  background-repeat:repeat-y;
  margin:auto auto;
  padding:0px;
  }

#activeArea{
  float:left;
  top:0px;
  width:680px;
  background-color:#FFF;
  height:auto;
  overflow:hidden;
  padding:0;
  text-align:left;
  margin-left:13px;
  }
  
#footer{
  position:relative;
  width:970px;
  margin:auto auto;
  height:162px;
  background-image:url(images/bgFooter.jpg);
  background-repeat:no-repeat;
  background-position:0px 0px;
  }
  
.footerLink{
  font-family:sans-serif;
  font-size:14px;
  line-height:1.2em;
  color:#777777;
}

.footerLink a{
  text-decoration:none;
  color:#777777;

}
  
.standardPad{
  padding:10px 20px;

}
  
.spacer{
  height:1px;
  width:1px;
  background-color:transparent;
  clear:both;
  }
  
.divider{
  width:80%;
  height:20px;
  border-bottom:1px solid #AAAAAA;
  margin-bottom:20px;

}

.floatIcon{
  width:90px;
  float:left;
  margin-right:10px;
  margin-top:5px;
  text-align:center;
  padding:5px;
  border:2px solid #FFF;
  
}

.floatIcon a, .floatIcon a img{
  text-decoration:none;
}



.cmsIcon{
  width:90px;
  /*height:80px;*/
  float:left;
  margin-right:5px;
  margin-top:5px;
  text-align:center;
  padding:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.cmsIcon a{

  text-decoration:none;

}

.selectedState{
  background-color:#ADA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.nonSelected{
  background-color:#FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}


  
.cmsIcon img:hover{
  cursor:pointer;
}

.cmsIconLabel{
  font-family:arial,sans-serif;
  font-weight:bold;
  font-size:9px;
  line-height:11px;
  color:#555;
}

#cmsEditPane{
  width:80%;
  padding:18px;
  min-height:50px;
  text-align:left;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border:1px solid #555;
  background-color:#EEE;
  }

#cmsPreviewPane{
  position:relative;
  width:80%;
  padding:18px;
  min-height:200px;
  text-align:left;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border:1px solid #555;
  background-color:#FFF;
  }
  
#columnPreviewPane{
  position:relative;
  width:80%;
  padding:18px;
  min-height:200px;
  text-align:left;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border:1px solid #555;
  background-color:#555;
  }

.cmsInfo{
  font-family:arial, sans-serif;
  font-size:8pt;
  color:#555;
  margin-bottom:5px;
  
  
}
.cmsTitle{
  font-family:arial, sans-serif;
  font-size:14pt;
  font-weight:normal;
  color:#555;
  margin-bottom:5px;
 
}

.pageIcon{
  float:left;
  width:70px;
  text-align:center;
  margin-right:10px;
  margin-bottom:10px;

}

.pageIcon:hover{
  cursor:pointer;
}

.redTitle{
  color:#C41230;
}

.greenTitle{
  color:#009900;
}

  
  
/*---------------------FLASH AND NAVIGATION---------------------------------*/

#searchBox{
  position:absolute;
  top:20px;
  left:670px;
  height:40px;
  width:310px;
  background-color:transparent;
}

#flashHeader{
  position:absolute;
  top:65px;
  left:240px;
  height:185px;
  width:700px;
  background-color:transparent;
  }

#flashHeaderWrapper{
  height:185px;
  width:700px;
  background-color:transparent;
  }
  
#leftNav{
  float:left;
  top:0px;
  width:200px;
  height:auto;
  margin-left:27px;
  background-color:transparent;
  overflow:hidden;
}  

#footerLinks{
  position:absolute;
  top:40px;
  left:450px;
  width:500px;
  height:50px;
  background-color:transparent;
  text-align:left;
}



/* CSS Document ---------------------------------------------------------MAIN page: CMS STRUCTURE LAYOUT STYLES---------------------------*/

#cmsColumn1{
  float:left;
  background-color:#FFF;
  text-align:left;
  overflow:hidden;
  height:auto;
}

#cmsColumn2{
  float:left;
  background-color:#FFF;
  text-align:left;
  overflow:hidden;
  height:auto;
}

#cmsWidgetColumn{
  float:left;
  background-color:#AAA;
  text-align:left;
  overflow:hidden;
  min-height:500px;
  _height:500px;

}

/* CSS Document ---------------------------------------------------------MAIN page: CMS ELEMENT STYLES---------------------------*/

a img{
  border:0;
  text-decoration:none;
}

h1,p{
  margin:2;
  padding:2;
}

h2{
  margin-bottom:10px;
}

h1 + h2 { 
  margin-top: -5px; 
}

h2 + h2{
  margin-top:-10px;
}

.cmsHeading{
  font-family:arial, sans-serif;
  font-size:24px;
  color:#083A26;
  
}

.cmsSubheading{
  font-family:arial, sans-serif;
  font-size:14px;
  color:#555;
}

.cmsCopy{
  font-family:arial, sans-serif;
  font-size:11px;
  color:#555;
}

.cmsLink{
  font-family:arial, sans-serif;
  font-size:12px;
  color:#000099;
  text-decoration:underline;
  font-weight:bold;
  margin-left:10px;
}

.cmsList{
  font-family:arial, sans-serif;
  font-size:12px;
  color:#555;
  font-weight:bold;
}

ul.cmsList{
  list-style-type:disc;
  list-style-position:outside;
}

.chapterArt{
  float:left;
  margin-right:5px;
  margin-bottom:5px;
  text-align:center;
  height:220px;
  width:180px;
  overflow:hidden;
  padding:10px;

}

.chapterArt a{
  text-decoration:none;
  border:0;
  color:#C41230;
}


/* CSS Document ---------------------------------------------------------DIRECTORY SEARCH page--------------------------*/

.theDistance{
  height:90px;
  width:90px;
  background-image:url(images/bgDistance.png);
  float:right;
  margin-top:10px;

}

.viewProfile{
  height:31px;
  width:105px;
  background-image:url(../../../images/viewProfile.png);
  float:right;
  margin-top:40px;
  margin-right:10px;
}

/* CSS Document ---------------------------------------------------------LEADERSHIP BOARD STYLES---------------------------*/

.boardMember{
  width:153px;
  height:273px;
  float:left;
  margin-right:10px;
  text-align:center;
  background-image:url(images/bgProfile.png);
  margin-bottom:10px;
  
}

.boardImage{
  margin:auto auto;
  width:116px;
  height:150px;
  overflow:hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

}

.boardMember:hover{
  background-color:#FFF;
}

.boardContainer{
  padding:10px 7px 5px 7px;
}

.boardTitle{
  font-family:arial,sans-serif;
  font-size:11px;
  line-height:1.4em;
}

.boardPosition{
  font-family:arial,sans-serif;
  font-size:11px;
  line-height:1.4em;
  color:#999;
}

.boardCompany{
  font-family:arial,sans-serif;
  font-size:11px;
  line-height:-3px;
  font-weight:bold;
  color:#888;
}

#panelAdvisor, #panelBoard{
  display:none;

}


/* CSS Document ---------------------------------------------------------PARTNER PAGE STYLES---------------------------*/

.partner{
  width:207px;
  height:238px;
  float:left;
  margin-right:10px;
  text-align:center;
  background-image:url(images/bgPartner.png);
  background-repeat:no-repeat;
  margin-bottom:10px;
  padding-top:20px;
  
}

.partnerImage{
  
  width:170px;
  height:150px;
  overflow:hidden;
  margin:auto auto;
  background-color:#FFF;
  text-align:center;
  

}

/* CSS Document ---------------------------------------------------------SPONSOR BOX AND BANNER BOX---------------------------*/


.sponsorBox{
    width:168px;
    height:160px;
    background-color:#FFF;
    margin:20px auto 20px auto;
    text-align:center;

}

.bannerBox{
    width:auto;
    height:auto;
    background-color:transparent;
    margin:20px auto 20px auto;
    text-align:center;

}



/* CSS Document ---------------------------------------------------------LEFT NAVIGATION STYLES---------------------------*/


ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 200px;
  text-align:left;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul.menu li a:hover {
  background: #3B9E73;
}

ul.menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul.menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #3B9E73 solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

.navSection{
  font-family:arial,sans-serif;
  font-size:18px;
  line-height:1.4em;

}

.navSubSection{
  font-family:arial,sans-serif;
  font-size:14px;
  line-height:1.4em;

}

/*-----------------------------------------------------------------------MANAGES THE STYLE OF MANAGEMENT INTERFACE ----------------------*/

.notification{
  padding:15px;
  text-align:left;
  border:4px double #FF0000;
  background-color: #F7F5F2;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  
  font-family:arial, sans-serif;
  font-size:10pt;
  line-height:1.5em;
  color:#555;
  }
 
.theBorder{
border:1px solid #AAA;
}

.borderRed{
border:1px solid #FF0000;
}

.red{
color:#FF0000;
}

/*----------------------------------------------------------------------------ICON TOOLBAR ------------------------*/

.icon{
  width:100px;
  float:left;
  margin-right:10px;
  margin-top:5px;
  text-align:center;
  padding:5px;
  border:2px solid #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.icon:hover{
  border:2px solid #C41230;
}

.iconLabel{
  font-family:arial,sans-serif;
  font-weight:bold;
  font-size:12px;
  line-height:1.3em;
  color:#555;
}

.instruction{
  width:70%;
  padding:10px;
  font-family:arial,sans-serif;
  font-size:8pt;
  color:#555;
}

.pointer{
  cursor:pointer;
}

/*----------------------------------------------------------------------------FORM CONTROLS ------------------------*/

.formTable{
  padding:10px;
  border:1px solid #CCC;
  background-color:#EEE;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.formTable td{
  padding:2px;
}


.formLabel{
  font-family:arial,sans-serif;
  font-size:10pt;
  font-weight:bold;
  color:#555;
  text-align:left;
  vertical-align:top;
  padding:5px;
  margin:0px;
  
  }

.formError{
  color:#FF0000;
  font-family:arial,sans-serif;
  font-size:10pt;
  font-weight:bold;
}
  

  
.formInput input,.formInput textarea, select{
  border:1px solid #AAA;
  padding:5px;
  font-family:arial,sans-serif;
  font-size:10pt;
  color:#000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

}


input[type="text"],input[type="password"],textarea{
  background-color:#FFF;
}

.fg-button { 
   outline: 0; 
   margin:0 4px 0 0; 
   padding: .4em 1em; 
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
   zoom: 1; 
   }
 
/*----------------------------------------------------------------------------ERROR MESSAGES - ALERTS------------------------*/

.errorMessage{
  padding:10px;
  text-align:left;
  border:3px solid #C41230;
  background-color: #C41230;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-family:arial,sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#FFF;
  margin-bottom:10px;
}

.err{
  padding:10px;
  text-align:left;
  border:3px solid #C41230;
  background-color: #C41230;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-family:arial,sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#FFF;
  margin-bottom:10px;
}

.successMessage{
  padding:10px;
  text-align:left;
  border:3px solid #009900;
  background-color: #009900;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-family:arial,sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#FFF;
  margin-bottom:10px;
}

.alert{
  font-family:arial, sans-serif;
  font-size:12pt;
  font-weight:normal;
}

.green{
  color:#006600;
}

.red{
  color:#660000;
}
/*----------------------------------------------------------------------------DISPLAY DIVS ------------------------*/

.contentDetails{
padding:10px;
background-color:#CCC;
border:1px solid #AAA;

}


.rounded{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

}

.generalText{
  font-family:arial, sans-serif;
  font-size:8pt;
  color:#555;
  line-height:1.3em;

}

/*----------------------------------------------------------------------------DATA TABLE ------------------------*/
table.dataTable{
  padding:0px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color:#EEE;
  border-collapse:collapse;
  
}

table.dataTable td{
  font-family:arial, sans-serif;
  color:#555;
  font-size:8pt;
  border-top:1px solid #FFF;
  text-align:left;
  padding:7px 10px 7px 15px;
}

table.dataTable th{
  font-family:arial, sans-serif;
  color:#FFF;
  background-color:#555;
  font-size:9pt;
  font-weight:bold;
  text-align:left;
  padding:10px;
}

table.dataTable th a{
  color:#FFF;
  text-decoration:underline;
}

table.dataTable td.emColumn{
  font-weight:bold;
  color:#000;
}

td.emColumn a{
  color:#000;
}

.paginationTitle{
  float:left;
  padding:5px 5px 5px 0px;
  margin-right:15px;

}

.paginationBox{
  float:left;
  padding:10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color:#CCC;
  font-family:arial, sans-serif;
  text-align:center;
  color:#555;
  font-size:11pt;
  font-weight:bold;
  margin-right:5px;
}

.paginationBox a{
  color:#555;
}

.paginationBox:hover{
  background-color:#DDD;
  cursor:pointer;
}

/*---------------------------------------------LEGACY STYLES------------------------------*/

.bibleIndex{
border-collapse:collapse;
}

.cellNormal{
text-align:left;
font-family:arial,sans-serif;
font-size:8pt;
color:#1D5C42;
border:1px solid #9E7C0C;
background-color:#EEEEEE;
padding:3px;
cursor:pointer;
}

.cellOver{
text-align:left;
font-family:arial,sans-serif;
font-size:8pt;
color:#FFFFFF;
border:1px solid #9E7C0C;
background-color:#1D5C42;
padding:3px;
cursor:pointer;
}

.bibleChapter{
  font-size:14pt;
  font-weight:bold;
  margin-bottom:10px;
  }