/* edited 8 July 2025 to correct spelling of the "Times New Roman" font */ 
/* edited 31 December 2024 to remove overflow:hidden on <body> */
/* edited 10 November 2027 to replace Next and Prev with nav arrows */

html{
  margin:0px;
  padding:0px;
  border:none;
  line-height:1.15;
  -webkit-text-size-adjust: 100%;
  }

body{
  min-height:100vh;
  background-color:lightgrey;
  font-family:"Times New Roman", Times, serif;
  color:black;
  margin:0px;
  padding:0px;
  }

h1{
  text-align:center;
  margin-top:-5px; /* added 10 July 2022 */
  }

small{
  font-size:80%;
  }

div.container{
  border:none;
  width: fit-content;
  margin: 0 auto;
  }

div.wrapper {
  padding-top:20px;
  padding-bottom:20px;
}

div.main{
  font-size:120%;
  max-width:1030px;
  height:100vh;
  background-color:#fff5b3; /* #fff8cb; #faefaa; */
  border-right: 1px solid #888;
  padding-left:40px;
  padding-right:40px;
  overflow-y:auto;
  scrollbar-gutter:stable both-edges;
  }

.main a:hover{
  background-color:lightblue;
  }

div.sidenav{
  font-size:110%;
  width:180px;
  height:100vh;
  float:left;
  background-color:lightblue;
  border-left: 1px solid #888;
  overflow-y:auto;
  padding-left:10px;
  padding-right:10px;
  scrollbar-gutter:stable both-edges;
  }
  
.sidenav a:link {
  color:#0000EE;
  }
.sidenav a:visited {
  color:#0000EE;
  }

.sidenav a:hover{
  background-color:#faefaa;
  }

div.next-ids{
  border-bottom:0 solid grey;
  text-align:center;
  font-size:80%;
  margin-top:6px;
  margin-bottom:10px;
  }

div.page-foot{
  position:relative;
  float:right;
  font-size:80%;
  padding-bottom:10px;
  }

img{
  border-style: none;
  }

img.align-left{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  }

img.align-right{
  float:right;
  margin-left:10px;
  margin-bottom:10px;
  width:50%;
  height:auto;
  }

img.center{
  display:block;
  margin:0 auto;
  margin-bottom:10px;
  width:70%;
  height:auto;
  }

div.page-photo{
  margin:0 auto;
  max-width:600px;
  max-height:600px;
  }

img.page-photo{
  display:block;
  max-width:100%;
  margin:auto;
  }
  
img.page-photo:hover{
  outline:5px solid lightblue;
  }
  
.blue-outline:hover{
  outline:5px solid lightblue;
  }

td.id{
  text-align:right;
  }
  
.circleChar { 
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: .9em;
    height: .9em;
    box-sizing: border-box;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 90%;
    line-height: 1;
    vertical-align: -0.05em;
}
  
/* Navigation arrows for very long pages */

div.main .nav-arrows {
    position: sticky;
    top: 50%;
    height: 0;
}

div.main .nav-arrows .page-arrow {
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    border: 1px solid;
    border-radius: 50%;
    text-decoration: none;
    color: blue;
}

.page-arrow.asChar { /* for use in text as an example, not active */
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    font-size: 80%;
    font-weight: bold;
    border: 1px solid blue;
    border-radius: 50%;
    color: blue;
    vertical-align: middle;
}

div.main .nav-arrows .page-arrow:visited {
    color: blue;
}

div.main .nav-arrows .page-arrow-left {
    left: -38px;
}

div.main .nav-arrows .page-arrow-right {
    right: -34px;
}

div.main .nav-arrows .page-arrow:hover {
    font-weight: bold;
    border-width: 2px;
}

/* 
div.main.js-nav:not(.scrolled) .nav-arrows {
    visibility: hidden;
}
*/

/* End of avigation arrows for very long pages */

 /* end of file */