/* ----------- all styles ------------ modified 3 February 2021  ---------- */
body     { font-family:arial, sans-serif; font-size:17px; font-weight:normal; color:#111; background-color:#FFF;  }
body     { background-image:url('/web/20230710052854im_/http://members.iinet.net.au/~ceessliedrecht@smartchat.net.au/images/pat2.gif'); margin:0px; text-align:center; line-height:130%; }
table { border-collapse: separate; border-spacing:5px; }
div    { box-sizing:border-box; }
noscript { font-size:16px; color:#000; font-weight:bold;  }
noscript p { margin-top:0px; margin-bottom:3px; }
#bBtn {  position:relative; top:0px; left:0px; height:70px; text-align:right; margin:10px; cursor:pointer; }
#bBtn img { margin-right:2px; }
#bdr_bdy { border:2px solid red; display:none; position:relative; top:0px; left:0px; height:auto; border:1px solid #CCC; } /* overflow:auto;  } */
#bdr_bdy { max-width:960px; background-color:#FFF; margin-left:auto; margin-right:auto; }
#botP { display:block;  }
#cBooks   { position:relative; top:0px; left:0px; margin-bottom:50px; text-align:left; padding:20px; }
#cBooks img  { width:98%; max-width:960px; height:auto; margin-top:0px; margin-bottom:10px;  }
#countDwn { position:absolute; top:0px; left:0px; visibility:hidden; text-align:left; }
#cPic   { position:relative; top:0px; left:0px; margin-bottom:120px;  }
#cPic img  { width:100%; max-width:960px; height:auto; }
#firstImg { margin-right:10px; }
#footer  { position:relative; bottom:0px; left:0px; width:90%; text-align:center; margin:0px auto 100px auto;  }
#hdr     { position:relative; top:0px; left:0px; text-align:left; padding:20px 20px 10px 20px;  }
#hTog { display:none; font-weight:bold; color:#E8AB46; border:1px solid #EEE; margin-bottom:10px; padding:5px 2px; cursor:pointer; }
#iWidth { position:relative; top:0px; right:0px; text-align:right; color:#000; font-size:12px;   } /* temporary made black to hide it */ 
#nar     { max-width: 232px; min-width:120px; width:30%; height:auto; }
#nav     { position:relative; top:0px; left:0px; overflow:visible; }
#nav td  { border:1px solid #CCC; text-align:center; font-size:13px; font-weight:bold; color:#444; line-height:100%; }
#nav td  { padding:6px; background-color:#E9EDEB; cursor:pointer;  }
#nav #N1 { display:table; margin:0px auto 20px auto; }
#nav #N2 { display:none; margin:0px 0px 20px auto;  }
#N3 td  { font-weight:bold; }
#picHere { position:relative; top:0px; left:0px; }
#picHere img { width:98%; height:auto; margin-bottom:20px; cursor:pointer;  }
#picWrap { position:relative; top:0px; left:0px; margin-top:20px; text-align:center; overflow:visible;   }
#picWrap img { width:47%; max-width:270px; height:auto; border:1px solid #444; }
#showPic { display:block; position:relative; top:0px; left:0px; margin-bottom:20px;  }
#topWrap { position:relative; top:0px; left:0px; margin-top:0px; overflow:auto;   }  
#trLft { float:left; width:47%; height:auto; text-align:left; padding:0px;  }
#trLft p { margin:0px 0px 5px 0px;   }
#trRt { float:right; top:0px; left:0px; width:47%; text-align:left; padding:0px; margin-bottom:10px; }
#trRt p { margin:5px 0px; }
#txtH p { margin-top:0px; margin-bottom:10px; }
#txtBlk2 { max-width:960px; height:auto; text-align:left; overflow:auto; padding:0px 2%; margin-bottom:5%;  }
#txtBlk3 { max-width:960px; height:auto; text-align:left; padding:0px 20px; margin-bottom:20px; }
#trRt2 { position:relative; top:0px; left:0px;  text-align:left; overflow:visible;    } 
#workShop { position:relative; top:0px; left:0px; width:100%; max-width:450px; height:auto; margin:0px 0px 20px 0px; }

.a12d    { font-size:9px; font-weight:normal; color:#8C8CBD; margin:0px; line-height:100%;  }
.a18Bg    { font-size:18px; color:#444; font-weight:normal; line-height:130%; }
.a18B   { font-size:18px; color:#000; font-weight:bold; }
.a18W   { font-size:18px; color:#FFF; font-weight:bold; }
.a24N   { font-size:24px; color:#000080; font-weight:bold; margin-bottom:10px; }
.a17Or   { font-size:17px; color:#BB761C; font-weight:bold; margin:15px 0px 0px 0px !important; }
.a17Od   { font-size:17px; color:#BB761C; font-weight:bold; margin:0px !important; }
.a17Ov   { font-size:17px; color:#5C386E; font-weight:bold; margin:0px 0px 10px 0px; line-height:110%;  }

.brn     { color:#990000; font-weight:bold; }
.Grn   { color:#608E00; font-weight:bold;  }
.hilite { color:#FFF !important; background-color: #E8AB46 !important; cursor:default !important; }
.lftF { float:left; margin:0px 3% 3% 0px; }
.mBot { margin-bottom:10px !important; }
.tCent { text-align:center; margin:10px 0px; }
.tCent2 { text-align:center; margin:0px 0px 10px 0px; }
.grey { color:#CCC; }
.smlN   { font-size:16px; font-weight:bold; color:#000080; margin-bottom:10px !important;  }
#viz     { display:none; }

a.em:link, a.em:visited { font-size:13px; font-weight:bold; color:#000080; text-decoration:underline; line-height:120%; }
a.em:hover { color:#F00; }
a.em4:link, a.em4:visited { font-size:13px; font-weight:normal; color:#009295; text-decoration:underline; vertical-align:1px;  }
a.em4:hover { color:#C5161D; }

a.gr:link, a.gr:visited { font-size:10px; font-weight:normal; color:#000080; text-decoration:underline; }
a.gr:hover { color:#F00; }

a.em5:link, a.em5:visited { font-size:17px; font-weight:normal; color:#000080; text-decoration:underline; line-height:120%; }
a.em5:hover { color:#F00; }

p.styled-box {
  background-color: rgba(255, 165, 0, 0.2); /* Faded orange background with transparency */
  border: 2px solid #f28c38; /* Defined orange border */
  padding: 15px 20px; /* Comfortable padding for content */
  color: #333; /* Dark text for readability */
  font-family: Arial, Helvetica, sans-serif; /* Clean, web-safe font */
  font-size: 16px; /* Readable font size */
  line-height: 1.5; /* Improved text spacing */
  border-radius: 8px; /* Subtle rounded corners for warmth */
  max-width: 600px; /* Prevents the box from becoming too wide */
  margin: 20px auto; /* Centers horizontally with spacing */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
  display: flex; /* Use flexbox for internal alignment */
  justify-content: center; /* Center text horizontally */
  align-items: center; /* Center text vertically */
  text-align: center; /* Center text for multi-line content */
  flex-direction: column; /* Stack content vertically */
}
.left-justify {
  text-align: left; /* Left-justify the specific line */
  align-self: flex-start; /* Align to the left edge of the flex container */
  display: block; /* Ensure it behaves as a block element to stack below */
  width: 100%; /* Ensure it spans the full width to align with box padding */
}