body { margin:0px 0px;  padding:0px 0px;    background-color:rgb(50,27,35);  background-image: url('../images/wood1530-b.jpg'); background-position:top left; backgound-repeat:repeat-x;  opacity:0.7;  z-index:1      font-size:1em; color:(99,86,32);  
  min-height: 1000px;
}        
 

#showTerms { position:absolute; top:220px; left:28%;  width:90%; max-width:600px;  height:auto;
   background:#8fb;    padding:40px;   font-size:16px; text-align:left;  
   border-radius:17px; box-shadow:3px 3px 12px #000;   display:none;   
}
 
#showTerms a, #showTerms a:visited, span.showOverlay  {color:darkblue; font-style:italic; 
   font-family:Tahoma;    padding:0px 4px;  cursor:pointer;
}
 
.closer { width:30px;  margin-left:250px;   padding:2px 0px; padding-left:17px;  border:1px solid darkblue;   border-radius:5px; -webkit-border-radius:5px;  
     box-shadow:inset 0px 0px 8px #09d; 
}

.loginlink {position:absolute; margin:0px 0px; top:12px; right:19px; font-size:0.9em; font-style:italic;  color:#eeeeff;   cursor:pointer;  }

.loginarea {position:absolute; height:150px; width:328px; top:2px; right:8px; padding:0px 3px; background:rgba(90,130,110,0.95); 
    font-size:0.82em; color:rgb(210,120,100); color:rgb(250,195,150);   
    border:solid 1px rgba(125,235,135,1.0);  border-top:none; display:none; }

.loginarea h4 {display:inline-block; margin-bottom:0px;   color:rgb(80,30,33);  }

a:link { color:#e4e4ff;  text-decoration:none; }
a:visited { color:#e4e4ff; }
 
#header h1 {margin-top:30px;  font-family:papyrus, arial, sans-serif; color:#93d3ff;  text-align:center;  font-size:2.5em;
}
#pagebanner {float:left;  font-family:Papyrus, arial;  font-size:1.2em;  }

#pagebanner h3 {color:#adf; font-size:1.18em; width:70%;   margin:0px auto; margin-top:38px; display:none;
}
#pagebanner h3:eq(0) {display:none;  }
#incbanner {margin-top:50px;}

#navig { display:block;     /* border-bottom:2px solid #103; */ }
#navig ul{ margin:15px auto;  margin-top:46px;  margin-left:15%; width:83%; display:inline-block;
	list-style-type: none;
}   
#navig ul li { width:auto;   margin: 4px 5%;  float:left;  padding:0px 0px; 
   font-family:Verdana, Arial, sans-serif;  font-size:15px; color:#acf; text-shadow: 1px 1px 0px #000; 
   display:inline-block;
}
navig ul li {padding:1px 9px;  } 
navig ul li:hover {  cursor:pointer;  }

#navig ul li a {color:#acf; 
}
.menustrip {  width:84%; margin:3px auto;   margin-top:5px;  height:3px; border-bottom: 3px solid #666;
}
 #menubox { height:40px;  width:49px;  position:absolute; top:4px;  right:20px;    border:2px solid #213; 
    border-radius:9px;  -o-border-radius:9px; -webkit-border-radius:9px;  display:none;  } 


#bannerimg1 {font-family:tahoma small cap; color:#33d;
}
#xarislink {position:absolute; top:10px;  left:2px; width:204px; padding:4px; padding-bottom:0px; background:transparent; 
 }
#xarislink a {padding-right:10px; color:#93d3ff;  font-family:"Papyrus";  font-size:17px; font-weight:normal; text-decoration:none; border-bottom:1px solid #8ab;
  border-radius:42px 6px; -moz-border-radius:42px 6px; -o-border-radius:42px 6px; -webkit-border-radius:42px 6px;
}
#xarislink p, homelink p {margin-top:5px;  font-family:Monotype Corsiva; font-size:24px; color:#93d3ff; 
}
 
#xarisAd {position:relative; float:left; margin:0px auto; margin-top:12px; margin-bottom:25px; font-family: Verdana, Geneva, sans-serif; font-size:1em; color:#79a; text-align:center;
}
#xarisAd a {font-family:Papyrus; font-size:1.2em; font-style:italic;
   color:#6ab; text-decoration:none;
}


#container {width:866px; height:auto; max-height:50px; margin:0px auto; margin-bottom:40px; padding:0px; text-align:center;  color: #3f2920;
} 
#container h1 { margin-bottom: 2px;   padding-right: 32px;padding-left: 32px; 
}
#innercontainer h1 {margin-top:40px; margin-bottom:52px; color:rgba(90,130,110,0.95); 
}

.displaycase h3 { font-family:Lemon, Tahoma small cap, verdana, sans-serif; font-size:18px; color:#127;   margin:30px auto; text-align:center;  font-weight: 5;
}
.displaycase h3:not['subtitle'] {  margin-bottom:3px;  }
.displaycase { color:rgb(70,10,28); margin-bottom:27px;  padding:26px; }
.displaycase h4 {margin:-5px 0px; margin-top:30px;  font-family:tahoma; font-size:16px; font-style:italic; /* color:rgb(69,79,59); */ color:rgb(70,10,28);}


.displaycase a:link, .displaycase a:visited {color:darkblue; font-style:italic; text-decoration:underline; text-shadow:1px1px 2px #ddd;
}

#border1 {  margin-top:18px;  margin-bottom:28px;  
}
#border2 {
   border: 5px ridge darkblue; 
}
#border3 {
   border: 5px inset rgb(80,140,160);  /* background:rgba(145,255,155,1.0);   background:linear-gradient(to top, #2f8, #70e7ff); */ background:#93d3ff;   padding-top:0px;
}

#bottom { font-size:1.15em; }

#bottom {margin-top:23px; font-family:papyrus, arial, sans-serif; }
#bottom p {margin-bottom:-15px; font-family:tahoma small cap, sans-serif; color:rgb(81,59,56,151); font-size:14px;}
#bottom h3 {font-size:20px; }
#bottom h4 { font-family:monotype corsiva, papyrus; font-size:1.45em;  color: #1a0509; } 

.prayerentry {clear:both; box-sizing:content-box; width:92%; min-height:45px; height:auto; 
   margin:0 auto; margin-bottom:55px; padding:7px; padding-top:8px; font-family:papyrus; font-style:italic;
   border-top: 2px solid #33151c;    border-top-right-radius:18px; border-top-left-radius:18px;  -webkit-border-top-right-radius:18px; -webkit-border-top-left-radius:18px;   -o-border-top-right-radius:18px; -o-border-top-left-radius:18px;   
color:rgb(99,86,32);
}
.prayerentry .content  { color: #33151c;  }

.slideup {display:none; float:left; width:95%; margin-top:-10px; margin-bottom:40px; 
    padding-top:2px; padding-bottom:20px; font-family:verdana; font-size:17px;
}
.slideup ul {}
.slideup li {float:left; width:92%; margin:0px auto; margin:2px auto;  color: #3f2920;  }
.slideHeight { height:130px;  }

.slideprayer {min-height:45px; height:auto;}
.slideentry {height:auto; min-height:30px; padding-bottom:20px; }

.prayerentry>h2 {color:rgb(81,59,56);   color:#33151c;  margin-top:8px;  
}

#delprayer{ margin-left:22px; float:right; background:tan;  border-radius:12px; padding:0px 3px; 
   font-size:0.7em;  cursor:pointer; }

.maxht {
   max-height:auto;
} 
 
span.indent { clear:left; text-indent:27px;
}

.spacer {width:53%; height:45px;margin-left:30%; border-bottom:1px dashed darkblue;
}
ul {list-style-type:none; margin-top:12px;
}
ul li {margin:auto; margin-left:25%;text-align:left; width:75%; display:block; 
}

#plusmore {position:relative; float:right; float:right; top:-70px; top:-50px; right:20px; font-size:1em; }
 
 
h2 {width:87%; padding:1% 3%; font-size:1.4em;  text-decoration:underline;}
h2:last-child {text-decoration:none;}
h3 {}

#intropg h4, .displaycase .loginpg { font-family:Lemon, tahoma small cap, arial; font-size:17px; margin-bottom:15px; color:#1a0509;
}
#intropg h4 a  { margin-bottom: 9px;  display:block;  }

.smallertext {font-size:0.88em; 
}
.largertext {font-size:1.3em; 
}
.floatright {float: right;	margin-top: 5px;
}
#bannerimg1 img {width:380px; height:450px; 
}
.quot {font-family:mistral;  font-size:25px; color:#229;  font-weight:bold; }

fieldset {margin-left:0.6%; }

#prayerform legend {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 28px;
	font-style: italic;
}
.formlabel {
        font-family:palatino linotype;
        font-size:14px;
        font-style:italic;
        font-weight:bold;
}

.formgroup { padding-bottom:25px; }

h4.checkoff { float:left; width:78%;  margin-top:20px; margin-right:5%; padding-left:12%; 
   color:rgb(70,10,28); text-align:left;    font-size:1em; margin-bottom:33px;
}
input {width:35%;}
input[type="text"], input[type="pssword"] { width:44%; }
input[type="checkbox"]:nth-of-type(1) { width:4%;  transform: scale(1.3); height:9px; }

#action {width:65px; font-size:11px; margin-top:12px; padding:2px;
   background-color:rgb(160,90,80);color:#ffffff; border:4px outset black; border-radius:7px;
} 
#action { width:7em;   height:1.9em; font-size:1em; }
#action.veiled{ display:none;  }
 

.warning { clear:both; position:relative; top:-29px; left:45px; color:red; display:none;  }
.show {display:block; }

input.showOverlay { margin-left:62px;}

a.response {font-size:1.2em;} 
.hidden { display:none; }
.red { color:#b12; }


.displaycase h4.scripture { font-size:14px;  }
div.policy { margin-top:80px;  font-size:15px;  color:#526;  font-style:italic; }

#footer {color:lime;}
#footer h2 {font-style:italic; 
}
#footer h4 {font-family:papyrus; line-height:1em; padding-top:-12px;
}

#MainFooter {background:rgba(210, 230,255,0.94); background:#013;   padding:5px 12px 20px 42px;    font-size:1.04em;  color:#0a6; 
    border:5px  solid #234;    box-shadow:inset 0px 0px 14px 4px #5af;  box-sizing:content-box;  
}
#MainFooter a:link, #MainFooter a:visited { color:cyan;  }
#MainFooter p { margin-top: 0px; }


@media only screen and (max-width:1299px) {
   body { min-height: 1150px; }
   .pagebanner {font-size:1.1em; }
   #navig  {  height:80px;   color:brown;     border-bottom:2px solid #103;  }
   #header> h1 { margin-top:2em;  }
   #showTerms { position:absolute; top:220px; left:19%;   }
}



@media only screen and (max-width:999px) {
   .pagebanner {font-size:1.1em; }
   #navig { width:90%;  height:7em;  margin:0px auto; border:none;   }
   #navig ul { width:80%; height:2.3em;   clear:both; float:left;  margin-top:84px; margin-left:6%; padding-left:9%;  border-top:2px solid #203;  
       border-bottom:2px solid #203;  }
   #navig ul li { margin-top:13px; }   
   #header h1 { margin-top:2em;  } 
   .displaycase { padding:3%;  }
}



@media only screen and (max-width:866px) {
   body { background-image:url('../images/Wood880.jpg');  background-position: 50%;   min-height: 1200px; }
 
  #container { width:680px; max-width:88%; }
  #navig { margin-left:80px;  }
    #navig ul {  width:93%; margin-left:-55px; }
    #navig ul li { width:auto; padding:2px 2px; margin:4px 19px;   margin-top:10px; } 
    #navig ul li a { width:auto; padding:2px 5px;    } 

  .loginarea { height:150px; }
  #header h1 { margin-top:39px; padding-top:0px;  font-size:2.8em;   }

  #pagebanner h3 { font-size:1.07em; width:90%;  margin-top:38px; }
  .displaycase {width:93%;  max-width:780px;  margin-left: 1.1%; }
  .displaycase h3 {font-size:1.5em;  }   
  .displaycase legend {margin-top:22px;  }
  .displaycase legend h3 { margin-bottom:2px;  font-size:1.27em;  }
  .displaycase h4.scripture { font-size:13px;  }

   div.prayerentry { width:90%; margin-left:2.5%; margin-bottom:19px;  }
   .displaycase .slideup { width:97%;  padding:0% 3%;  font-size:15px;  }
   .prayerentry h2 {font-size:1.2em;  font-weight:bold;    }

  #showTerms { position:absolute; top:470px; left:5%; max-width:510px;  }
  p.closer {margin:4px auto; }

  input {width:320px; height:35px; }
  input[type="submit"] {width:130px; height:31px; }
  a.response {font-size:1.4em; }
  input[type="text"], input[type="password"] {width:65%; }
}



@media only screen and (max-width:670px) {
   html, body, #container { width:99%; margin:0px 0px; padding:0px 0px; }   
   body { /* background-image:url('../images/Wood580.jpg'); */ } 

   #header h1 { padding-top:29px;  }

  #navig { width:91%; margin-top:50px;  margin-left:3%;  height:4.0em;   }
  #navig ul { padding-left:7%; float:left; width:100%; max-width:640px; margin-left:2%; height:2.3em; margin-top:44px;   }

   #navig ul li { margin:5px 4%; margin-top:10px; }
   #navig ul li:first-of-type { margin-left:1px; }

   input[type="text"], input[type="password"] { width:77%; }

   #xarislink {width:96%;   margin:23px auto;  margin-top:0px; font-weight:bold;  }
   #xarislink a {display:inline-block; float:left; margin-left:7%;  font-size:25px;  text-align:left;  font-style:italic; 
        border-bottom:none;  }  
   #xarislink p { float:left; margin-top:-4px;  margin-bottom:2px;   font-family:papyrus;  
        font-size:1.24em;   text-align:left;  display:block; text-indent:5em;  clear:left; } 
   #showTerms { position:absolute; top:300px; left:1%; width:79%; max-width:400px;  padding:22px;   }
   #border1 {width:100%; margin:0px auto;  margin-left:7%;  }

  h3 { font-size:1em;  }
  .displaycase legend h3 {  width:98%; margin-left:2%; font-size:1em;   } 
 .prayerentry>h2 {font-size:1.36em;  font-weight:bold;   }

}




@media only screen and (max-width:580px) {
  #navig { width:96%;  margin-left:4%;  height:4.0em;   }
  #navig ul { padding-left:2%;   width:99%; max-width:580px; margin-left:2.5%; height:2.1em;  margin-top:49px;   }

  #navig ul li { margin:5px 4%; margin-top:9px;   margin-left:9px;     font-size:14px;  } 
  #MainFooter { font-size:1.1em; }
}



@media only screen and (max-width:490px) {

  #container {max-width:480px;   }
  #header h1 {margin-top:60px;  padding-top:8px;  border-top:none;  font-size:33px;  } 
  #navig { margin-left:1%;  }
  #navig ul {  width:98%;  height:1.6em;   margin-top:50px; margin-left:.07%;   padding-top:0.4em;  padding-left:15px; }
  #navig ul li { width:auto; margin:1% 2.0%;  font-size:11.4px; }
  #navig ul li:first-of-type { margin-left:9%; }

  input[type="text"], input[type="password"], textarea { width:94%; } 
   
  #xarislink {width:99%;    margin:0px auto;  }
  #xarislink a, #xarislink p {  width:90%;  margin-top:12px;  margin-left:3%; padding-left:0px;   
         text-align:left; line-height:1em;  font-size:1.4em;  }
   #xarislink p { text-indent:4.2em;  margin-top:4px;  }
  .displaycase img {max-width:98%; max-height:400px;  }

  #showTerms { position:absolute;  top:300px; margin:0px auto; width:81%; max-width:650px;  }
  #border1 {margin-left:4px;  }
}


@media only screen and (max-width:360px) {
   #navig ul li:first-of-type { margin-left:-4px; }
   #navig ul li { font-size:12px; margin:2px 3px; }
   #xarislink p { text-indent:2em;  }
   .displaycase img {  max-height:340px;  }
   input[type="text"], input[type="password"], textarea { width:100%; }
}


/*   #navig ul li a { color:#031;  text-shadow:0px -1px 11px #fff;  } 
*/