@charset "UTF-8";
/*  */
/* Copyright 2023 Bert McNamee, Harleigh, PA, All Rights Reserved. */
/*  */
/*  APR 2023 Version 2.0 */
/*   jmlstyle23.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 */ 
/*  color: #008000; */ 	/* JMLA green */ 
/*  color: #00ff00; */	/* JMLA lime */
/*  color: #004a00; */	/* JMLA dark green */
/*  color: #00ffff; */ 	/* JMLA cyan */ 
/*  color: #db7093; */ 	/* JMLA palevioletred */ 
/*  */
:link { /* for unvisited links */
/*  color: rgb(0, 100, 0); 	/* JMLA green */ 
  color: #008000; 		/* JMLA green */
}
:visited { /* for visited links */
/* color: rgb(135, 40, 35);*/ /* MIE violet */
  color: #990099; 		/* MIE violet */
}
a:active { /* when link is clicked */
/* color: rgb(255, 0, 102);*/ /* MIE rose */ 
  color: #ff0066;			/* MIE rose */ 
}
a:hover { /* when mouse is over link */
/* color: rgb(0, 255, 255);*/ /* JMLA cyan */ 
  color: #00ffff;			/* JMLA cyan */ 
}
/*  */
/* ========= HEADING h1, h2, h3, h4, h5, h6 ========= */
h1,h2,h3,h4,h5,h6 {
  color: #002e8c;		/* MIE dark 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/woodflr.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; 
}
/*  */
/* ========= 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;
}
.imglft { 
  margin-right: 0.2em;
  float: left;
}
.imgrgt { 
  margin-left: 0.2em;
  float: right; 
}
.imgvctr { 
  vertical-align: middle; 
}
.imgvbot { 
  vertical-align: bottom; 
}
/*  */
/* ========= 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.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: #646464; 		/* MIE dark grey */
  font-family: "Verdana", "Tahoma", "Arial", sans-serif;
  font-style: italic;
  font-size: 125%;
  font-weight: 700; /* bold */
}
em.name2 { /* ALL .php */ 
  color: #646464; 		/* MIE dark grey */
  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 */ 
  color: #993300;   /* MIE dark brown */
  font-family: "Verdana", "Tahoma", "Arial", sans-serif;
  font-style: normal;
  font-size: 125%;
  font-weight: 700; /* bold */
}
em.name5 { /* ALL .php */ 
  color: #004a00;   /* JMLA green */
  font-family: "Verdana", "Tahoma", "Arial", sans-serif;
  font-style: normal;
  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.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 */
}
strong {
  text-transform: uppercase;
  font-weight: bold;
}
/*  */
/* ========= IMAGE img ========= */
img { border: 0; } 
/*  */
/* ========= LIST ol, ul ========= */
.lststylnon { list-style: none; } 
ol.dnz > li { list-style: decimal; }	/* > li ... does not work with IE */
ol.dlz > li { list-style: decimal-leading-zero; } 
ol.upa > li { list-style: upper-alpha; } 
ol.lwa > li { list-style: lower-alpha; } 
ul.dsc > li { list-style: disc; } 
ul.crc > li { list-style: circle; } 
ul.sqr > li { list-style: square; } 
li.dnz { list-style: decimal; }		/* needed for IE, not needed for FireFox */ 
li.dlz { list-style: decimal-leading-zero; }  
li.upa { list-style: upper-alpha; } 
li.lwa { list-style: lower-alpha; } 
li.dsc { list-style: disc; } 
li.crc { list-style: circle; } 
li.sqr { list-style: square; } 
/*  */
/* ========= 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 */
}
div.emphqot { /* ALL.php */
  margin-left: +4%;
  margin-right: +4%;
  padding: 0.5em;
  border: none;
  text-align: left;
  font-style: italic;
  font-family: "Bookman Old Style", "Palatino Linotype", serif;
  font-size: 11pt;
  background-color: PaleGoldenRod; 
  color: black; 
}
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.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;
 }
.smb1 { 
  text-align: center;
  border: solid thick #000000;	/* black */  
  border-radius: 25px; 
  font-family: 'Tahoma', sans-serif;
  background: #ffffe0;		/* MIE light lemon */
  color: #646464; 		/* MIE darker grey */
}
.smb2 { 
  text-align: center;
  border: solid thin #4d2e8c;	/* MIE dark blue */
  margin-left: 5em;
  margin-right: 5em;
  padding: 25px; 
  font-family: 'Tahoma', sans-serif;
  font-size: 75%;
  background: #ffffcc;	/* MIE light yellow */
  color: #646464; 	/* MIE darker grey */
}
option.fdfrm {
    white-space: nowrap; 
    width: 750px;
    overflow: hidden;
    text-overflow: ellipsis; 
    margin: 0;
}
@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%; }
/*  */