@charset "UTF-8";
/*  */
/* Copyright 2019 Bert McNamee, Harleigh, PA, All Rights Reserved. */
/*  OCT 2019 Version 2.0 file name cvastyle11sub.css - style sheet */
/*  */
/*  color: #ebebeb; */ 	/* MIE light grey */ 
/*  color: #ffffe0; */	/* MIE light lemon */
/*  color: #fffae8; */	/* MIE light mustard */
/*  color: #ffffee; */	/* MIE yellow hint */
/*  color: #ffffcc; */	/* MIE yellow */
/*  color: #ff8c00; */	/* MIE orange */ 
/*  color: #ff0066; */	/* MIE rose */ 
/*  color: #e1d0a4; */	/* MIE khaki */ 
/*  color: #990099; */	/* MIE violet */
/*  color: #646464; */	/* MIE dark grey */
/*  color: #c04040; */	/* MIE dark red */ 
/*  color: #488048; */	/* MIE dark green */
/*  color: #002e8c; */	/* MIE dark blue */ 
/*  color: #993300; */	/* MIE dark brown */ 
/*  color: #c3a05a; */ 	/* JPII gold */ 
/*  color: #417d96; */ 	/* JPII blue */ 
/*  color: #fac84b; */ 	/* JPII pale gold */ 
/*  color: #7daffa; */ 	/* JPII pale blue */ 
/*  */
:link { /* for unvisited links */
  color: rgb(0, 0, 255);	/* blue */
}
:visited { /* for visited links */
  color: rgb(153, 0, 153);
/*  color: #990099; */		/* MIE violet */
}
a:active { /* when link is clicked */
  color: rgb(255, 0, 102);	/* MIE rose */ 
}
a:hover { /* when mouse is over link */
/*  color: rgb(255, 140, 0); */
  color: #ff8c00;		/* MIE orange */ 
}
/*  */
/* ========= HEADING h1, h2, h3, h4, h5, h6 ========= */
h1,h2,h3,h4,h5,h6 {
  color: #7daffa;		/* JPII pale blue */ 
  font-family: Verdana, Tahoma, Arial, sans-serif;
}
h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 100%; }
h4 { font-size:  80%; }
h5 { font-size:  60%; }
h6 { font-size:  40%; }
/*  */
/* ========= GENERAL body, & GRID ========= */ 
body { 
  margin: auto;		/* center in viewport */ 
  background-image: url(../images/ocean.png);
  background-repeat: repeat; 
  width: 800px;  
  font-family: Verdana, Tahoma, Arial, sans-serif;
}
#container { 
  background-color: #646464; 	/* MIE dark grey */
  width: 790px;
/*  height: 1000px;  */ 
  padding: 5px; 
}
#header { 
  background-color: #ebebeb;  	/* MIE light grey */ 
  color:            #646464; 	/* MIE dark grey */
  width: 780px; 
  padding: 5px; 
}
#nav { 
/*  background-color: #fffae8; 	 MIE light mustard */
  background-color: #ebebeb;  	/* MIE light grey */ 
  width: 780px; 
/*  height: 170px; THIS HEIGHT WAS USED WITH THE LARGTE NAV BUTTONS */
  height: 80px; 
  padding: 1px; 
  text-align: center;
}
#main { 
  display: block; 
  background-color: #ffffff; 	/* WHITE */ 
  width: 780px;
  padding: 5px; 
}
#footer { 
  background-color: #ebebeb;  	/* MIE light grey */ 
  color:            #646464; 	/* MIE dark grey */
  width: 790px; 
}
#condtxt { /* ALL.php */
  margin: 0.2em;
  text-indent: 2em;
  font-family: "Arial", sans-serif;
  font-variant: normal;
  font-weight: 400; /* normal */
  font-size: 80%;
}
#smallnote { /* ALL.php */ 
  font-family: "Arial", sans-serif;
  font-variant: normal;
  font-weight: 400; /* normal */
  font-size: 80%;
}
#ttlbigctr { /* ALL.php */ 
  text-align: center;
  font-family: "Times New Roman", serif; 
  font-size: 300%; 
  font-weight: 700; /* bold */ 
  color: #000088; /* OLIC OLIC dark blue */ 
}
#norttlmedlft { /* ALL.php */ 
  text-align: left;
  font-family: "Arial", sans-serif; 
  font-size: 150%; 
  font-weight: 700; /* bold */ 
  font-style: normal;
  color: #000088; /* OLIC dark blue */ 
} 
#norttlmedctr { /* ALL.php */ 
  text-align: center;
  font-family: "Arial", sans-serif; 
  font-size: 150%; 
  font-weight: 700; /* bold */ 
  font-style: normal;
  color: #000088; /* OLIC dark blue */ 
}
div#lftcol2 { /* sachrt.php */
    float: left;
    width: 29%;
    padding: 0.1em; 
}
div#rgtcol2 { /* sachrt.php */
    float: right;
    width: 69%;
    padding: 0.1em; 
}
/*  */
/* ========= ALL .php ==========*/ 
.txtbdy { 
  text-indent: 2em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 100%;
}
.txtctr { 
  text-align: center;
}
.txtlft { 
  text-align: left;
}
.txtrgt { 
  text-align: right;
}
img.imglft-1 { /* ALL.php */
  margin-right: 0.5em;
  margin-top: -0.5em;
  margin-bottom: 0.5em;
  float: left;
}
img.imglft { /* ALL.php */
  margin-right: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  float: left;
}
img.imgrgt-1 { /* ALL.php */
  margin-left: 0.5em;
  margin-top: -0.5em;
  margin-bottom: 0.5em;
  float: right;
}
img.imgrgt { /* ALL.php */
  margin-left: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  float: right;
}
img.imgvctr { /* ALL .php */ 
  vertical-align: middle; 
}
img.imgvbot { /* ALL .php */ 
  vertical-align: bottom; 
}
img.imgvmid { /* ALL.php */
  vertical-align: middle; /* Align the vertical midpoint of the box with the baseline of the parent box plus half the x-height of the parent. */
}
img.imgvtbt { /* ALL.php */
  vertical-align: text-top; /* Align the top of the box with the top of the parent's content area. */
}
img.imgvbbt { /* ALL.php */
  vertical-align: text-bottom; /* Align the bottom of the box with the bottom of the parent's content area. */
}
img.drpltr { /* ALL.php  */
  float: left; 
  vertical-align: text-top; /* Align the top of the box with the top of the parent's content area. */
  padding: 0.25em; 
}
/*  */
/* ========= BLOCK p ========= */
p { font-family: Verdana, Tahoma, Arial, sans-serif; } 
p.errtxt { /* ALL.php */
  text-align: left;
  font-family: 'Tahoma', sans-serif;
  font-size: 125%;
  font-weight: 700; /* bold */
  background: #ffff00; /* yellow */
  color: #ff0000; /* red */
}
p.usrtxt { /* ALL.php */
  text-align: left;
  font-family: 'Tahoma', sans-serif;
  font-size: 125%;
  font-weight: 700; /* bold */
  background: #ffff00; /* yellow */
  color: #005757; /* teal */
}
.docutitle { /* ALL .php */ 
  color: #7daffa;		/* JPII pale blue */ 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  text-align: center;
  font-size: 200%;
  font-weight: 700; /* bold */
}
p.titlectr { /* ALL.php */
  color: #000088;	/* OLIC dark blue */
  text-align: center;
  font-weight: 700;	/* bold */
  font-style: normal;
}
p.paratitle { /* ALL .php */ 
  color: #7daffa;		/* JPII pale blue */ 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  text-align: center;
  font-size: 150%;
  font-weight: 700; /* bold */
}
p.tblceltxt { /* ? */ 
  margin: 0.2em;
  text-indent: 2em;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 90%;
}
p.copyright { /* ALL .php */ 
  text-align: center;
  font-size: 80%; 
  font-family: "Times New Roman", "Garamond", serif; 
}
p.genquote { /* ALL.php */
  text-align: left;
  font-family: "Bookman Old Style", "Palatino Linotype", "Times New Roman", serif;
  font-size: 11pt;
}
p.txtglqpre { /* govlink.php */
  text-align: left;
  color: #ffffff; /* white */
  font-family: "Times New Roman", "Garamond", serif;
  font-size: 100%;
  font-weight: 700; /* bold */
}
p.txtglquote { /* govlink.php */
  font-family: "Monotype Corsiva", "Times New Roman", serif;
  font-size: 200%;
  font-weight: 700; /* bold */
}
p.txtglqpst { /* govlink.php */
  text-align: right;
  color: #ffffe0; /* light yellow */
  font-family: "Times New Roman", "Garamond", serif;
  font-size: 150%;
  font-weight: 700; /* bold */
}
/*  */
/* ========= TEXT EMPHASIS em, strong ========= */
em.condtxt { /* ALL.php */
  margin: 0.2em;
  text-indent: 2em;
  font-family: "Arial", sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 400; /* normal */
  font-size: 80%;
}
em.supscrp { /* ALL.php */
  color: #646464; 		/* MIE dark grey */
  font-family: "Verdana", "Tahoma", "Arial", sans-serif;
  font-style: normal;
  font-size: 50%;
  font-weight: normal;
  vertical-align: super; 
}
em.subscrp { /* ALL.php */
  color: #646464; 		/* MIE dark grey */
  font-family: "Verdana", "Tahoma", "Arial", sans-serif;
  font-style: normal;
  font-size: 75%;
  font-weight: normal;
  vertical-align: sub; 
}
em.reflnk { /* ALL.php */
  font-family: "Verdana", "Arial", sans-serif; 
  font-style: normal;
  font-size: 75%;
  font-weight: normal;
  vertical-align: super; 
}
em.name1 { /* ALL .php */ 
  color: #7daffa;	/* JPII pale blue */ 
  font-family: "Verdana", "Tahoma", "Arial", sans-serif;
  font-style: italic;
  font-size: 125%;
  font-weight: 700;	/* bold */
}
em.name2 { /* ALL .php */ 
  color: #7daffa;	/* JPII pale blue */ 
  font-family: "Verdana", "Tahoma", "Arial", sans-serif;
  font-style: normal;
  font-size: 125%;
  font-weight: 700;	/* bold */
}
em.name3 { /* ALL .php */ 
  color: #646464; 		/* MIE dark grey */
  font-family: "Times", "Garamond", serif;
  font-style: normal;
  font-size: 225%;
  font-weight: 700; /* bold */
}
em.name4 { /* ALL.php */
  background: #e6e6e6; /* light gray */
  color: #000000;
  padding-right: 75%;
  font-family: "Times New Roman", "Garamond", serif;
  font-style: italic;
  font-size: 125%;
  font-weight: 700; /* bold */
}
em.secttitle { /* sacrament.php */
  background: #e6e6e6;	/* light gray */
  list-style: none;
  padding: 0 1em;
  font-family: "Garamond", "Times New Roman", serif;
  font-variant: small-caps;
  font-size: 200%;
  font-weight: 700; /* bold */
}
em.chpttitle { /* sacrament.php */
  list-style: none;
  font-family: "Garamond", "Times New Roman", serif;
  font-variant: small-caps;
  font-size: 150%;
  font-weight: 700; /* bold */
}
em.artltitle { /* sacrament.php */
  list-style: none;
  font-family: "Garamond", "Times New Roman", serif;
  font-size: 125%;
  font-weight: 700; /* bold */
}
em.ib { /* ALL .php */ 
  font-style: italic;
  font-weight: 700; /* bold */ 
}
em.nb { /* ALL .php */ 
  font-style: normal;
  font-weight: 700; /* bold */ 
}
em.txtlitblue { /* ALL.php */ 
  color: #7daffa;	/* JPII pale blue */ 
  font-style: normal;
  font-weight: 700; /* bold */
} 
em.txtdrkblue { /* ALL.php */
  color: #000088;	/* OLIC dark blue */
  font-style: normal;
  font-weight: 700; /* bold */
}
em.txtdrkbluesc { /* ALL.php */
  color: #000088; /* OLIC dark blue */
  font-family: "Arial", sans-serif;
  font-variant: small-caps;
  font-size: 100%;
  font-weight: 700; /* bold */
}
em.txtblacksc { /* ALL .php */ 
  color: #000000;	/* Black */ 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-variant: small-caps;
  font-size: 100%;
  font-weight: 700; /* bold */
}
em.txtredsc { /* ALL .php */ 
  color: #c04040;	/* MIE dark red */ 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-variant: small-caps;
  font-size: 100%;
  font-weight: 700; /* bold */
}
em.txtbluesc { /* ALL .php */ 
  color: #002e8c;	/* MIE dark blue */ 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-variant: small-caps;
  font-size: 100%;
  font-weight: 700; /* bold */
}
em.txtgreensc { /* ALL .php */ 
  color: #488048;	/* MIE dark green */
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-variant: small-caps;
  font-size: 100%;
  font-weight: 700; /* bold */
}
em.smcapbld { /* ALL .php */ 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-variant: small-caps; 
  font-style: normal;
  font-weight: 700;	/* bold */
}
em.ref { /* ALL.php */
/*  background-color: #ffffff; */ 
  color: #000000;
  font-family: "Garamond", "Times New Roman", serif;
  font-style: normal;
  font-size: 75%;
  font-weight: normal;
}
em.norttlmedctr { /* ALL.php */ 
  text-align: center;
  font-family: "Times New Roman", serif; 
  font-size: 50%; 
  font-weight: 700; /* bold */ 
  font-style: normal;
  color: #000088; /* OLIC dark blue */ 
} 
em.devquote { /* index.php devotions.php altros.php */ 
/*  background-color: #e6e6e6; light gray */ 
  background-color: rgb(90%, 90%, 90%);  /* light gray */ 
  color: #000000; 
  font-family: "Bookman Old Style", serif; 
  font-size: 80%; 
  font-style: italic; 
}
em.quote { /* ALL.php */
  font-family: "Garamond", "Times New Roman", serif;
  font-style: normal;
  font-size: 16pt;
  font-weight: normal;
}
strong {
  text-transform: uppercase;
  font-weight: bold;
}
/*  */
/* ========= IMAGE img ========= */
img { border: 0; } 
/*  */
/* ========= LIST ol, ul ========= */
ul.nobullet { /* ALL.php */
  list-style: none;
}
ul.lstimg1 { /* ALL.php */ 
  list-style-image: url("images/biscross.png"); 
}
ul.lstimg2 { /* ALL.php */ 
  list-style-image: url("images/fflg1.png"); 
}
ul.circle { /* ALL.php */ 
  list-style-type: circle; 
} 
ul.square { /* ALL.php */ 
  list-style-type: square; 
} 
/*  */
ol.uproman { /* ALL.php */ 
  list-style-type: upper-roman; 
} 
ol.lowroman { /* ALL.php */ 
  list-style-type: lower-roman; 
} 
ol.upalpha { /* ALL.php */ 
  list-style-type: upper-alpha; 
} 
ol.lowalpha { /* ALL.php */ 
  list-style-type: lower-alpha; 
} 
/*  */
/* ========= BLOCK table, div ========= */
#adaud { /* 53audio.php */
  border: 0; 
  margin: 0.2em;
  text-indent: 2em;
  font-family: "Arial", sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 400; /* normal */
  font-size: 80%;
  text-align: center;   
}
.smbx1 { /* sitemaint.php */
  text-align: center;
  border: solid thick #993300;	/* MIE dark brown */ 
  font-family: 'Tahoma', sans-serif;
  background: #ffffe0;		/* MIE light lemon */
  color: #646464; 		/* MIE dark grey */
}
.smbx2 { /* sitemaint.php */
  text-align: center;
  border: solid thin #646464; /* MIE dark grey */ 
  font-family: 'Tahoma', sans-serif;
  background: #ffffcc;	/* light yellow */
  color: #646464; 	/* MIE dark grey */
}
div.blkexmp { /* ALL.php */
  margin-left: +4%;
  margin-right: +4%;
  padding: 0.5em;
  border: none;
/*  background-color: #e6e6e6; light gray */
  background-color: rgb(90%, 90%, 90%);  /* light gray */
  color: #000000;
  font-family: "Bookman Old Style", serif;
  font-size: 11pt;
}
.blkintro { /* ALL.php */
  margin-top: 1em;
  padding: 0.2em;
  border: none;
/*   background-color: #ebebeb; 	MIE light grey */ 
/*   color: #646464; 		 MIE dark grey */
}
.blkintro2{ /* ALL.php */
  margin-top: 1em;
  padding: 0.2em;
  border: none;
   background-color: #ebebeb;	/* MIE light grey */ 
   color: #646464; 		/* MIE dark grey */
}
option.fdfrm {
    white-space: nowrap; 
    width: 750px;
    overflow: hidden;
    text-overflow: ellipsis; 
    margin: 0;
}
div.footnote { /* ALL.php */ 
  font-family: "Verdana", "Arial", sans-serif; 
  font-style: normal;
  font-size: 80%;
  font-weight: normal;
} 
div.genquote { /* ALL.php */
  margin-left: +4%;
  margin-right: +4%;
  padding: 0.5em;
  border: none;
  text-align: left;
  font-family: "Bookman Old Style", "Palatino Linotype", serif;
  font-size: 11pt;
  background-color: #ebebeb; 	/* MIE light grey */ 
  color: #646464; 		/* MIE dark grey */ 
}
div.blkquorgt { /* divmer.php, sachrt.php */
  float: right; 
  padding: 0.5em; 
  border: none; 
/*  background-color: #e6e6e6; light gray */
  background-color: rgb(90%, 90%, 90%);  /* light gray */
  color: #000000;
  font-family: "Bookman Old Style", serif;
  font-size: 11pt;
}
div.govlnkquote { /* govlink.php */ 
  margin-top: 2em; 
  padding: 0.5em; 
  border: none; 
  background-color: #e1d0a4;	/* MIE dark khaki */ 
  background-image: url("images/decindp.jpg"); 
  background-repeat: no-repeat; 
  background-position: center; 
}
div.uscbra1quote { /* csfea.php */
  background-image: url("images/boxbg.jpg");
  border: solid #002e8c;	/* MIE dark blue */ 
  padding: 0.5em;
  font-family: "Monotype Corsiva", "Palatino Linotype", "Times New Roman", serif; 
  font-size: 150%;
  font-weight: 700; /* bold */
}
div.animate { 
  width:  20px;
  height: 20px;
  background: red;
  position: relative;
  animation: animate 4s infinite;
  animation-direction: alternate;
  animation-iteration-count: 4;
 }
table.kocperm { /* marwrdgod.php */
  border-color: #000000; /* black */
  border-style: solid;
  border-width: thin; 
}
/* =========== Calendar Cell ================== */ 
div.mrcell {
    position: relative;
    top: -180px;
    width: 200px;
    height: 400px;
/*    border: 3px solid #8AC007; */
} 
td.calday { /* index.php */
  font-variant: small-caps; 
  font-weight: 700; /* bold */
  font-size: 80%;
}
td.litseaimg { /* index.php */ 
  height: 165px; 
}
td.monthtitle { /* index.php */ 
  width: 100%; 
  background-color: #f5deb3; /* wheat */
  padding-left: 2em;
  padding-right: 2em;
  font-style: normal;
  font-family: "Verdana", "Arial", sans-serif;
  font-variant: small-caps; 
  font-size: 100%;
  font-weight: 700; /* bold */
}
td.litseatxt { /* index.php */ 
/*  background-color: #e6e6e6; light gray */ 
/*  background-color: rgb(90%, 90%, 90%); */ /* light gray */ 
  color: #000000; 
  font-family: "Bookman Old Style", serif; 
  font-size: 90%; 
  font-style: italic; 
  font-weight: 700; /* bold */
}
@keyframes animate { 
  0%   {background:red;    left:0px;   top:0px;}
  25%  {background:yellow; left:160px; top:0px;}
  50%  {background:blue;   left:160px; top:200px;}
  75%  {background:green;  left:0px;   top:200px;}
  100% {background:red;    left:0px;   top:0px;}
}
@font-face {
 font-family: fonta;
 src: url('datfil/diploma.ttf');
}
@font-face {
 font-family: fontb;
 src: url('datfil/technodsp.ttf');
}
@font-face {
 font-family: fontc;
 src: url('datfil/renaiss.ttf');
}
#font01 { font-family: fonta; font-size: 150%; }
#font02 { font-family: fontb; font-size: 125%; }
#font03 { font-family: fontc; font-size: 150%; }
/*  */