/* ====================================================== */
/* PM&M CSS-Sheet v1.05 'Dyslexic Dog' (c)2026 C.Marshall */
/* ====================================================== */
   /* reset values, set generic body presets */
   body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
   body{font-family:Helvetica;background-color:#dfdfdf;}

div.pe3d a {color:#222222;text-decoration:none;display:block;}
div.pe3e a {color:#222222;text-decoration:none;display:block;}
div.pe3d:hover{background-color:#bababa;display:block;}
div.pe3e:hover{background-color:#bcbcbc;display:block;}
div.pe3d{text-decoration:none;background-color:#ededed;font-size:1em;margin-right:2em;margin-left:2em;margin-bottom:0.2em;padding:0.2em 0 0.2em 0.5em;border-top:0.1em solid #ababab;border-bottom:0.1em solid #ababab;border-left:0.3em double #ababab;border-right:0.1em solid #ababab;}
div.pe3e{text-decoration:none;background-color:#cdcdcd;font-size:1em;margin-right:2em;margin-left:2em;margin-bottom:0.2em;padding:0.2em 0 0.2em 0.5em;border-top:0.1em solid #ababab;border-bottom:0.1em solid #ababab;border-left:0.3em double #ababab;border-right:0.1em solid #ababab;}
div.redd{text-decoration:none;background-color:#ededed;font-size:1em;margin-right:2em;margin-left:2em;margin-bottom:0.2em;border-top:0.1em solid #ababab;border-bottom:0.1em solid #ababab;border-left:0.3em double #ababab;border-right:0.1em solid #ababab;}
div.rede{text-decoration:none;background-color:#cdcdcd;font-size:1em;margin-right:2em;margin-left:2em;margin-bottom:0.2em;border-top:0.1em solid #ababab;border-bottom:0.1em solid #ababab;border-left:0.3em double #ababab;border-right:0.1em solid #ababab;}

/* ============= */
/* HEADERS       */
/* ============= */
h1,h2,h3,h4{font-weight:bold;}
h1,h2,h3,h4{padding:0.2em 0 0.2em 0.5em;}
h1{border-top:0.1em solid #767676;border-bottom:0.1em solid #767676;}
h2{border-top:0.1em solid #878787;border-bottom:0.1em solid #878787;}
h3{border-top:0.1em solid #989898;border-bottom:0.1em solid #989898;}
h4{border-top:0.1em solid #989898;border-bottom:0.1em solid #989898;}
h1{border-left:0.3em double #767676;border-right:0.1em solid #767676;}
h2{border-left:0.3em double #878787;border-right:0.1em solid #878787;}
h3{border-left:0.3em double #989898;border-right:0.1em solid #989898;}
h4{border-left:0.3em double #989898;border-right:0.1em solid #989898;}
h1{color:#000000;background-color:#bcbcbc;}
h2{color:#000000;background-color:#bcbcbc;}
h3{color:#000000;background-color:#cdcdcd;}
h4{color:#000000;background-color:#cdcdcd;}
h1{font-size:1.0em;margin:0.8em 0.8em 0.0em 0.5em;}
h2,h3{font-size:0.9em;margin:0.8em 0.8em 0.0em 0.5em;}

   /* Copyright footer, centered */
   h4.copy{font-size:0.6em;font-weight:normal;margin:1.6em 0 0.2em 0;text-align:center;}

/* ============= */
/* PARAGRAPHS /D */
/* ============= */
/* Paragraph, normal, left */
   p {color:#000000;font-size:1em;margin:0.8em 2.4em 0.8em 2.4em;text-align:justify;}
/* Paragraph, normal, centered */
   p.cens{color:#000000;font-size:1.0em;font-weight:normal;text-align:center;}
/* Paragraph, bold, centered */
   p.cenb{color:#000000;font-size:0.8em;font-weight:bold;text-align:center;}
/* Paragraph BREADCRUMB line in NAVIGATION bar */
   p.nav {font-size:1.0em;margin:0;font-weight:bold;}
/* Menu entries, members only */
   p.red {margin:0.2em 0em 0.2em 0.5em;color:#bf360c;font-size:1em;text-align:justify;}
/* Menu entries, To-DO-List */
   p.txt {margin:0.2em 0em 0.2em 0.5em;color:#000000;font-size:1em;text-align:justify;}
/* Note paragraph (normal, left) */
   p.note{color:#000000;border-top:0.1em solid #999999;border-bottom:0.1em solid #999999;border-left:0.3em double #bf360c;border-right:0.1em solid #999999;margin:1.2em 2.4em 1.6em 2.5em;padding:0.2em 0.5em 0.2em 0.5em;}
/* Note paragraph (normal, centered) */
   p.cenn{color:#000000;border-top:0.1em solid #999999;border-bottom:0.1em solid #999999;border-left:0.3em double #bf360c;border-right:0.1em solid #999999;margin:1.2em 2.4em 1.6em 2.5em;padding:0.2em 0.5em 0.2em 0.5em;text-align:center;}
/* Polaroids HEADER text (bold, center) */
   p.pich{color:#000000;font-size:1em;font-weight:bold;text-align:center;margin:0;}
/* Polaroids NORMAL text (normal, center) */
   p.pict{color:#000000;font-size:1em;font-weight:normal;text-align:center;margin:0;}

/* ============= */
/* PARAGRAPHS /M */
/* ============= */
   @media (max-width:600px){
/* Paragraph (normal, left) */
   p {color:#000000;font-size:0.9em;margin:0.8em 1.4em 0.8em 1.4em;text-align:justify;}
/* Paragraph BREADCRUMB line in NAVIGATION bar */
   p.nav {font-size:0.9em;margin:0;font-weight:bold;}
/* Menu entries (members only) */
   p.red {margin:0.2em 0em 0.2em 0.5em;color:#bf360c;font-size:0.9em;text-align:justify;}
/* Menu entries, To-DO-List */
   p.txt {margin:0.2em 0em 0.2em 0.5em;color:#000000;font-size:0.9em;text-align:justify;}
/* Polaroids HEADER text (bold, center) */
   p.pich{color:#000000;font-size:0.9em;font-weight:bold;text-align:center;margin:0;}
/* Polaroids NORMAL text (normal, center) */
   p.pict{color:#000000;font-size:0.9em;font-weight:normal;text-align:center;margin:0;}
   }

/* ============= */
/* LINKS         */
/* ============= */
   /* links (normal) */
   a {color:#000000;text-decoration:underline dotted;}

div.pe3d a {color:#222222;text-decoration:none;display:block;}
div.pe3e a {color:#222222;text-decoration:none;display:block;}

   /* Links (using ⇒ as preface) */
   p a::before{content: '\21d2''\0020';}
   li a::before{content: '\21d2''\0020';}
   td a::before{content: '\21d2''\0020';}

/* ============= */
/* TABLES        */
/* ============= */
   /* TABLE main */
   table {
   background: #cdcdcd;
   border:0.1em solid #888;
   border-radius:0.4em;
   padding: 0.2em;
   margin-top: 1.5em;
   margin-bottom: 1.5em;
   margin-left: auto;
   margin-right: auto;
   }
   /* TABLE caption */
   caption {
   color: #000000;
   font-size: 1.0em;
   font-weight: bold;
   padding: 3px;
   }


   table.tbl{width:95%}
   table.tbs{width:65%}
   @media (max-width: 600px){
   table.tbs {width: 95%}
   }

   tr,td,th{ color:#000000;
   font-size: 0.9em;
   padding: 0.2em;
   border: 0.1em solid #888;
   }
   tr.trd{background-color: #999999;}
   tr.trm{background-color: #cdcdcd;}
   tr.trl{background-color: #ededed;}

/* ============= */
/* SPANS         */
/* ============= */
   /* menu pages - smaller COMMENT text, normal */
   span.coms{color:#555555;font-size:0.9em;font-weight:normal;}
   /* menu pages - smaller COMMENT text, red */
   span.comr{color:#ee2222;font-size:0.9em;font-weight:normal;}
   /* underlined text (e.g. Fuerstenberg mark explanation) */
   span.unde{text-decoration:underline;}

/* ============= */
/* UL / L        */
/* ============= */
   ul{color:#000000;margin:0.5em 1.2em 0.5em 1.8em;padding:0.2em 0 0.4em 0;}
   li{color:#000000;margin:0.3em 1.2em 0.3em 1.8em;font-size:1.0em;text-align:justify;}

/* ============= */
/* MISC          */
/* ============= */
   /* Center entries in VISITORS include on HISTORY pages */
   /* Generic DIV uses same CENTER style, so we also def'n that */
   td.cent,
   div.cent {
   text-align: center;
   }

/* ============= */
/* POLAROID PIC  */
/* ============= */
   /* Polaroid Image, Standard */
   div.picf{
   float: left;
   background: #ededed;
   border: 0.1em solid #777;
   border-radius: 0.4em;
   font-size: 0.7em;
   text-align: center;
   margin: 0.5em 0em 0.8em 2.0em;
   padding: 0.2em;
   height: 280px;
   width: 180px;
   box-shadow: 2px 2px 2px #666;
   }
   /* Polaroid Image, Mobile */
   @media (max-width: 600px){
   div.picf{
   float: left;
   background: #ededed;
   border: 0.1em solid #777;
   border-radius :0.4em;
   font-size: 0.7em;
   text-align: center;
   margin: 0.5em 0em 0.8em 2.0em;
   padding: 0.2em;
   height: 280px;
   width: 80%;
   }
   }
   /* Polaroid Header */
   div.pich {
   background :#cdcdcd;
   border: 0.1em solid #777;
   font-weight: bold;
   text-align: center;
   margin-bottom: 0.3em;
   margin-top: 0;
   padding-bottom: 0.2em;
   padding-top: 0.2em;
   }
   /* IMAGE border */
   img {border: 1px solid #000;}
   /* CLEAR floats */
   br.cll{clear: both;}

/* ============= */
/* NEWNAV & BREADCRUMBS (D) */
/* ============= */
   /* MAIN NAV BAR def'n */
   .site-header {
   padding: 10px 20px;
   border-bottom: 1px solid #000;
   font-family: sans-serif;
   background:#ababab;
   }
   /* TOP ROW def'n */
   .topbar {
   display: flex;
   flex-wrap: wrap; /* enables wrapping on mobile */
   align-items: center;
   }
   /* LOGO section (left hand side) */
   .logo {
   flex: 1 1 auto;
   }
   /* LOGO section (link def'n) */
   .logo a {
   text-decoration: none;
   font-weight: bold;
   font-size: 1.1rem;
   color: black;
   }
   /* MENU section (right hand side) */
   .main-nav {
   display: flex;
   gap: 12px;
   flex: 0 1 auto;
   margin-left: auto;
   }
   /* NAVBAR links */
   .main-nav a {
   text-decoration: none;
   color: black;
   font-size: 0.95rem;
   }
   .main-nav a.active {
   font-weight: bold;
   text-decoration: underline;
   }
   /* BREADCRUMB def'n */
   .breadcrumb {
   margin-top: 6px;
   font-size: 0.9rem;
   color: #555;
   }

/* ============= */
/* NEWNAV & BREADCRUMBS (M) */
/* ============= */
   @media (max-width: 600px) {
   .main-nav {
   width: 100%;
   justify-content: flex-end; /* keep items right-aligned */
   margin-top: 5px;
   }
   }

/* ============= */
/* H3 HEADLINES (D) */
/* ============= */
   /* main line def'n */
   h3.h3line {
   display: flex;
   align-items: flex-start;
   gap: 0.3rem;
   }
   /* company iteration # */
   .h3numb {
   font-size: 1.0rem;
   font-weight: bold;
   line-height: 1;
   flex-shrink: 0;
   }
   /* text container */
   .h3text {
   display: block;
   }
/* ============= */
/* H3 HEADLINES (M) */
/* ============= */
   @media (max-width: 600px) {
   h3.h3line{
   padding: 0.2em 0 0.2em 0.2em;
   }
   .h3numb {
   margin-top: 0.1em;
   font-size: 0.9rem;
   font-weight: normal;
   }
   .h3date {
   display: block;
   font-size: 0.8rem;
   font-weight: normal;
   }
   }
/* ============= */