/*content width will equal 850 px*/

/*shared content*******************************************************/
body {
text-align: center;
font-family: 'Skia', sans-serif;
background-repeat: repeat;
 }
.content {
width: 850px;
margin: 0px auto;
 }
 
 
/*home page**/

.homefeed {
width: 650px;
background-color: #091b4e;
color: #721c30;
float: left;
 }
 
.homefeed a {
color: #93b4d4;
text-decoration: none;
 }
 
.homefeed a:hover {
color: #ffffff;
 } 
 
span.feedtitle {
font-size: 14pt;
font-weight: bold;
 }
 
span.feedtitle2 {
font-size: 12pt;
 }
 
 .homelinks {
width: 850px;
position: relative;
float: right;
text-align: center;
font-size: 10pt;
font-weight: bold;
 }
 
.links ul {
list-style-type:none;
margin: 10px 5px 10px 0px;
 }
 
.links ul li{
margin: 0px 2px 0px 2px;
float: left;
background: #93b4d4;
width: 140px;
 }

.links ul a{
text-decoration: none;
color: #2c5739;}
.links ul a:hover{
color: #ffffff; }

.homeslide1 {
width: 850px;
text-align: center;
margin: 10px auto 60px auto;
 }
 

 /*header and footer**/
.footer1 {
width: 850px;
margin: 20px 0px 0px 0px;
background: #2c5739;
filter: alpha(opacity=40%);
opacity: .4;
-moz-opacity: .4;
clear: both;}
.noscript {
width: 700px;
font-family: 'Skia', sans-serif;
color: #93b4d4; 
clear: both;
margin: 5px auto 10px auto;}
.noscript a{
text-decoration: none;
color: #ffffff; }
.noscript a:hover{
color:#721c30; }

  
 .pgheadimg {
 width: 300px;
 margin: 4px auto 5px auto;}
 .pgheadimg2{
 width:300px;
 margin: 0px auto; }
  
 .chromestyle {
clear: both;
position: relative;
margin: 5px auto; 
font-family: 'Papyrus', sans-serif;
color: #2c5739;
}

.dropmenudiv{
color:#2c5739;
text-align: left;
}

.nav {
width: 850px;
background: #2c5739;
margin-top: -15px;
 }
 
 /*name*/
 .name {
width: 335px;
position: relative;
float:right;
background: #091b4e;
font-size:25pt;
font-weight: bold;
color: #93b4d4;
margin: 10px 0px 10px 0px;
}
span.name2 {
font-size: 12pt; }

span.name3 {
font-size: 16pt; }

.name a{
text-decoration: none;
color: #93b4d4; }

.name a:hover{
color: #ffffff; }


/*home page****************************************************************/
.oceaniaheader {
position: relative; 
width: 400px;
background color:  #091b4e;
color: #ffffff;
font-family: 'Comic Sans MS',sans-serif;
font-size: 17pt;
 }
 
.indexheader {
width: 850px;
background: #2c5739;
margin: -15px 0px 10px 0px;
text-align: center;
 }
 
 .indheadimg {
 width: 750px;
 margin: 4px 25px 5px 25px;
  }
  
/*side boxes***************************/

/*wordle - maroon box with white inside*/
.wordle1 {
background: #721c30;
width: 345px;
text-align: center;
position: relative;
float: right;
margin: 5px 0px 5px 0px;
 }
.wordle2 {
background: #ffffff;
width: 335px;
margin: 0px 5px 0px 5px;
position: relative;
 }
 
.wordleimg {
width: 333px;
position: relative;
 }
 
/*card - dark blue box with white buttons*/
.card1 {
background: #091b4e;
width: 345px;
position: relative;
float: right;
text-align: center;
font-size: 12pt;
font-weight:bold;
color: #ffffff;
margin: 10px auto;
clear: right;
 }
 
.cardimg {
width: 335px;
margin: 0px 5px 0px 5px;
 }
 
.card2 {
width: 335px;
margin: 5px 5px 0px 5px;
 }
 
.carda {
width: 220px;
background:#ffffff;
margin: 5px auto;
 }
.carda a{
font-size:12pt;
color: #091b4e;
background: #ffffff;
text-decoration:none;}
.card2 a:hover{
color: #93b4d4;
 }
 
 /*other boxes***********************************/
 
 /*links - little blue buttons*/
 .links {
width: 850px;
position: relative;
float: left;
text-align: center;
font-size: 10pt;
font-weight: bold;
 }
 
.links ul {
list-style-type:none;
line-height: 20px;
margin: 10px 5px 10px 0px;
 }
 
.links ul li{
margin: 0px 2px 0px 2px;
line-height: 20px;
float: left;
background: #93b4d4;
width: 140px;
 }

.links ul a{
text-decoration: none;
color: #2c5739;}
.links ul a:hover{
color: #ffffff; }
 .stats {
width: 345px;
float: right;
position: relative;
font-size: 13pt;
background: #091b4e;
color: #93b4d4;
text-align: left;
}

.margin{
width: 330px;
margin: 0px 5px 0px 10px; }

 
 /*bio box - light blue with tan font ******/
 .bio1 { 
background: #93b4d4;
width: 495px;
position: relative;
float: left;
text-align: left;
font-size: 12pt;
color: #423c2b;
margin-top: 10px;
}

.bio2 {
width: 475px;
margin: 10px 7px 8px 10px;
text-indent: 10px;
 }
 
.bio1 a{
text-decoration: none;
color: #721c30; }
.bio1 a:hover{
color: #ffffff; }

/***country pages*******************************/

.facts1 {
width: 335px;
background: #721c30;
text-align: center;
float: right;
margin: 10px 0px 10px 20px;
 }
 
.facts2 {
width: 325px;
background: #ffffff;
text-align: left;
margin: 5px 5px 5px 5px;
color: #721c30;
font: 'Skia', sans-serif;
font-size: 15pt;
font-weight: bold;
 }
 
span.fact2 {
font-size: 11pt; 
font-weight: normal;
 }
 
.map {
float: right;
margin-top: 5px;
 }
 
.widget1 {
width: 335px;
background: #091b4e;
float: right;
margin-top: 5px;
 }
 
.widget2 {
width: 332px;
height: 212px; }
 
.weather {
float: left;
margin: 5px 0px 5px 0px;
width: 135px;
 }
 
.clock {
float: right;
margin: 5px 0px 5px 0px;
 } 
 

.slide {
width: 290px;
margin-top: 5px;
float: left; }

.slide2 {
width: 335px;
margin-top: 5px;
float: right;
clear: right; }
 
 
/*join page*/
.missionopportunity {
width: 550px;
position: relative;
float: left;
background color:  #93b4d4;
color: #423c2b;
margin-top: 10px;
text-align: left;
font-size: 11pt;
}


.missionpic {
width: 250px;
position: relative;
float: right;
background color: #721c30;
color:#93b4d4;
margin: 10px 5px 0px 45px;
 }
 
 .missionaccomplished{
 width: 800px;
 position: relative;
 float: left;
 clear: both;
 background color: #93b4d4;
 color: #721c30;
 font-weight: bold;
 margin-top: 5px;
 text-align: left;
 font-size: 11pt;
  }
 span.missiontitle {
 font-size: 15pt;
 font-weight: bold;
 font-style: italic;
  }
  span.blurb {
  font-size: 12pt;
   }
.missionstatement {
width: 800px;
background color: #721c30;
color: #93b4d4;
font-size: 12pt;
position: relative;
float: left;
text-align: left;
margin: 10px 50px 10px 0px;
 }  

/*lightbox and prayercards-----------------------------------------
-----------------------------------------------------------------*/

/*overlay- missio page*/
div.overlay {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #FFF;
z-index: 110;
filter: alpha(opacity=50);
opacity: .5;
-moz-opacity: .5;
text-align: center;
 }
 
/*content*/
div.lightbox_content {
display: none;
margin-top: 10px;
margin-left: 20%;
position: fixed;
width: 600px;
background-color: #A2B5CD;
z-index: 111;
overflow: auto;
 } 
.lightprcrd {
width: 580px;
 }
 
.lightpic {
height: 600px; }
div.lightbox_content2 { 
display: none;
margin-top: 10px;
position: fixed;
width: 700px;
background-color: #A2B5CD;
z-index: 111;
overflow: auto;}
 
/*exit button*/
.x {
text-align: right;
color: #4A4C4E;
font-family: 'Comic Sans MS';
font-size: 16pt;
margin-right: 15px;
  }
  
 .x2 {
 text-align: right;
color: #4A4C4E;
font-family: 'Skia', sans-serif;
margin:  10px 15px 5px 10px; 
float: left; 
font-size: 13pt;
}

.x2 a {
text-decoration: none;
color: #4A4C4E;
font-weight: bold;
 }
 
.x2 a:hover{
text-decoration: none;
color: #FFF;
 }
 
 
.x a {
text-decoration: none;
color: #4A4C4E;
font-weight: bold;
 }
 
.x a:hover{
text-decoration: none;
color: #FFF;
 }
 
/*download button*/
.d {
border: none;
width: 25px;
margin-top: 5px;
}

#download {
border: none;
 }
 
 
/*all cards button*/
.allcards {
width: 250px;
margin-top: 15px;
text-align: center;
background: #A2B5CD;
color: #4A4C4E;
font-family: 'Comic Sans MS';
font-size: 13pt;
  }
.allcards a{
text-decoration: none;
color: #4A4C4E; }
.allcards a:hover{
text-decoration: none;
color: #FFF;
 } 

/*cell*/ 
.gallerycell {
width: 160px;
margin-top: 10px;
margin-left: 3px;
margin-right: 3px;
background: #A2B5CD;
text-align: center;
 }
.gallerycell a:hover {
color: #FFF; }
.gallerycard{
float: top;
 }
.galleryfil{
width: 160px;
height: 90px;
 }
.gallerycell2 {
width: 200px;
margin-top: 10px;
margin-left: 3px;
margin-right: 3px;
background: #A2B5CD;
text-align: center;
 }
 
/*gallery table settings*/ 
.gallery {
color:  #4A4C4E;
font-family: 'Comic Sans MS';
font-size: 14pt;
  }
.gallery a{
text-decoration: none;
color:  #4A4C4E;
 }
.gallery a:hover {
text-decoration: none;
color: #FFF;
cursor: hand;
 }