:root {--bg-color: white; --text-color: black;} .dark-theme {--bg-color: #0B0B3B; --text-color: white;} body {background-color: var(--bg-color); color: var(--text-color);} .toggle-button {cursor: pointer; background-color: var(--bg-color);} .bluebg {background: #95B7E7;} a {color:blue; font-family: Arial, sans-serif; font-size:14px; font-weight:normal; text-decoration:none;} a:visited {color:purple; font-family: Arial, sans-serif; font-size:14px; font-weight:normal; text-decoration:none;} a:hover {color:white; font-family: Arial, sans-serif; font-size:14px; font-weight:normal; text-decoration:none;} a.font16 {color:blue; font-family: Arial, sans-serif; font-size:16px; font-weight:normal; text-decoration:none;} a.font16:hover {color:white; font-family: Arial, sans-serif; font-size:16px; font-weight:normal; text-decoration:none;} a.font16b {color:blue; font-family: Arial, sans-serif; font-size:16px; font-weight:normal; text-decoration:none;} a.font16b:hover {color:brown; font-family: Arial, sans-serif; font-size:16px; font-weight:normal; text-decoration:none;} a.smalllink {color:blue; font-family: Arial, sans-serif; font-size:10px; font-weight:normal; text-decoration:none; text-align:center;} a.smalllink:hover {color:brown; font-family: Arial, sans-serif; font-size:10px; font-weight:normal; text-decoration:none; text-align:center;} a.smalllink1 {color:blue; font-family: Arial, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; text-align:center;} a.smalllink1:hover {color:brown; font-family: Arial, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; text-align:center;} a.smalllink2 {color:blue; font-family: Arial, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; text-align:center;} a.smalllink2:hover {color:white; font-family: Arial, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; text-align:center;} a.refs {color:blue; font-family: Arial, sans-serif; font-size:14px; font-weight:normal; text-decoration:none;} a.refs:hover {color:red; font-family: Arial, sans-serif; font-size:14px; font-weight:normal; text-decoration:none;} a.title {color:#00008B; font-family: Arial, sans-serif; font-size:20px; font-weight:bold; text-decoration:none; text-align:center; margin: 0px 0px 0px 0px;} a.titleunderlined {color:#00008B; font-family: Arial, sans-serif; font-size:20px; font-weight:bold; text-decoration:underline; text-align:center; margin: 0px 0px 0px 0px;} p {color:black; font-family: Arial, sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-align:left;} p.home {color:black; font-family: Arial, sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-align:justify; margin: 0px 5px 5px 10px;} p::first-letter {font-size:120%; font-weight:bold; color:darkblue;} .justify {text-align:justify; font-size:16px;} .justify14 {text-align:justify; font-size:14px;} h1 {color:black; font-family: Arial, sans-serif; font-size:20px; font-weight:bold; text-align:center;} h2 {color:blue; font-family: Arial, sans-serif; font-size:34px; font-weight:bold; text-align:center;} h3 {color:#00008B; font-family: Arial, sans-serif; font-size:20px; font-weight:bold; text-align:center;} h4 {color:black; font-family: Arial, sans-serif; font-size:12px; font-weight:bold; text-align:center;} h5 {color:black; font-family: Arial, sans-serif; font-size:16px; font-weight:bold; text-align:center; margin: 0px 0px 0px 0px;} h6 {color: var(--text-color); font-family: Arial, sans-serif; font-size:12px; font-weight:bold; text-align:center; margin: 0;} li {color:black; font-family: Arial, sans-serif; font-size:14px; text-decoration:none;} li.book {color:black; font-family: Arial, sans-serif; font-size:14px; text-decoration:none; text-align:left; margin:10px 0px 10px 0px;} i {color:black; font-family: Arial, sans-serif; font-size:14px; font-weight:normal; font-style:italic;} i.font13 {color:black; font-family: Arial, sans-serif; font-size:13px; font-weight:normal; font-style:italic;} i.font16 {color:black; font-family: Arial, sans-serif; font-size:16px; font-weight:normal; font-style:italic;} hr.thin {margin: 0px 0px 0px 0px;} input.disabled {color:black; font-family: Arial, sans-serif; font-size:10pt; font-weight:normal; background-color:#D0D0D0; border-color:#EFEFEF;} input.submit {color:white; font-family: Arial, sans-serif; font-size:12pt; font-weight:normal; background-color:#3B90E7; border-color:black; cursor:pointer;} input.text {color:black; font-family: Arial, sans-serif; font-size:12pt; font-weight:normal;} input.uppertext {color:black; font-family: Arial, sans-serif; font-size:12pt; font-weight:normal; text-transform:uppercase;} input.special {display: none;} textarea.text {color:black; font-family: Arial, sans-serif; font-size:12pt; font-weight:normal;} select.text {color:black; font-family: Arial, sans-serif; font-size:12pt; font-weight:normal;} .boldtext {color:black; font-family: Arial, sans-serif; font-size:16px; font-weight:bold;} .locktext {color:black; font-family: Arial, sans-serif; font-size:16px; font-weight:normal; text-align:center;} .smalltext {color:black; font-family: Arial, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; text-align:left;} .smalltextblue {color:blue; font-family: Arial, sans-serif; font-size:10px; font-weight:normal; text-decoration:none; text-align:center;} .smalltextcenter {color:black; font-family: Arial, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; text-align:center;} .smallitalic {color:black; font-family: Arial, sans-serif; font-size:10px; font-weight:normal; font-style:italic; text-decoration:none; text-align:center;} .smallitalic12 {color:black; font-family: Arial, sans-serif; font-size:12px; font-weight:normal; font-style:italic; text-decoration:none; text-align:center;} .smallred {color:red; font-family: Arial, sans-serif; font-size:10px; font-weight:bold; text-decoration:none; text-align:center;} .font20blue {color:#00008B; font-family: Arial, sans-serif; font-size:20px; font-weight:bold; text-align:center;} table.center {text-align:center; border:0px; margin-left:auto; margin-right:auto; border-spacing:5px; border-collapse:separate;} table.centerbox {text-align:center; border:1px; margin-left:auto; margin-right:auto; border-spacing:1px;} table.centerclose {text-align:center; border:0px; margin-left:auto; margin-right:auto; border-spacing:0px; border-collapse:separate;} table.menu {text-align:center; border:0px; margin-left:auto; margin-right:auto; border-spacing:0px; width:1000px;} table.footer {text-align:center; border:0px; margin-left:auto; margin-right:auto; border-spacing:0px; width:1000px;} tr.outline {outline: #0000FF 1px solid;} tr.newsoutline {outline: #FFFFFF 2px solid;} td {color:black; font-family: Arial, sans-serif; font-size:16px; text-decoration:none;} td.left {text-align:left; padding:1px;} td.leftpadding {text-align:left; padding:15px;} td.small {text-align:center; padding:1px; font-size:10px; font-weight:bold;} td.font14 {text-align:left; padding:1px; font-size:14px;} td.font14bold {text-align:left; padding:1px; font-size:14px; font-weight:bold;} td.justify {text-align:justify; padding:1px;} td.center {text-align:center; margin-left:auto; margin-right:auto; vertical-align: middle; padding:5px;} td.footer1 {text-align:center; margin-left:auto; margin-right:auto; vertical-align: middle; padding:5px; width: 333px;} td.footer2 {text-align:center; margin-left:auto; margin-right:auto; vertical-align: middle; padding:0px; line-height:0pt; width: 333px;} td.centerclose {text-align:center; margin-left:auto; margin-right:auto; vertical-align: middle; padding:0px; line-height:0pt;} td.centerclose2 {text-align:center; margin-left:auto; margin-right:auto; vertical-align: middle; padding:1px; line-height:0pt; height:50px;} td.right {text-align:right; padding:0px;} td.top {vertical-align: top;} td.topcenter {text-align:center; margin-left:auto; margin-right:auto; vertical-align: top; padding:4px;} td.year {text-align:left; vertical-align: top; font-size:120%; font-weight:bold; color:darkblue; padding:1px;} td.outline {border: #0000FF 1px solid;} td.redoutline {border: #FF0000 2px solid;} td.bookdesc {text-align: center; padding: 2px; font-size: 14px; width: 320px;} img.centershadow {display: block; margin-left: auto; margin-right: auto; box-shadow:3px 3px 3px 0px rgba(0,0,0,0.4);} img.centershadow2 {display: block; margin-left: auto; margin-right: auto; box-shadow:3px 3px 3px 0px rgba(0,0,0,0.4); vertical-align: middle;} img.center {display: block; margin-left: auto; margin-right: auto;} img.outline {border: 1px solid #0000FF;} img.centeroutline {display: block; margin-left: auto; margin-right: auto; border: 1px solid #0000FF;} img.slide {display:none; margin-left:auto; margin-right:auto; border: 1px solid #0000FF;} img.about {height: 300px; border: 1px solid #0000FF;} img.aboutsmall {height: 150px; border: 1px solid #0000FF;} img.lock {margin-left: auto; margin-right: auto; vertical-align: top; width: 25px;} img.homeslide {height: 358px; width: 480px; border: 1px solid #0000FF;} img.newsletter {height: 75px; width: 50px; border: 1px solid #0000FF;} img.gallery {width: 100px; transition: filter 0.3s ease; filter: brightness(1);} img.gallery:hover {filter: brightness(1.3);} img.search {border: 1px solid #0000FF; transition: filter 0.3s ease; filter: brightness(1);} img.search:hover {filter: brightness(1.3);} img.book {display: block; margin-left: auto; margin-right: auto; border: 1px solid #0000FF; width: 120px; transition: filter 0.3s ease; filter: brightness(1);} img.book:hover {filter: brightness(1.3);} img.booksource {height: 70px; width: 140px;} img.widebooksource {height: 70px; width: 210px;} .link {border: 1px solid #0000FF; height:35px;} .linkbig {border: 1px solid #0000FF; height:80px;} .story {border: 1px solid #0000FF; height:50px;} .storysmall {border: 1px solid #0000FF; height:30px;} .quotes {display:none; margin-left:auto; margin-right:auto; width:200px; height:114px} .fixed32 {width: 32px;} .fixed56 {width: 56px;} .fixed60 {width: 60px;} .fixed88 {width: 88px;} .fixed100 {width: 100px;} .fixed120 {width: 120px;} .fixed128 {width: 128px;} .fixed160 {width: 160px; text-align:left;} .fixed200 {width: 200px;} .fixed380 {width: 380px; text-align:left;} .fixed480 {width: 480px; text-align:left;} .fixed620 {width: 620px; text-align:left;} div.center {font-family: Arial, sans-serif; text-align:center; margin-left: auto; margin-right: auto;} div.title {font-family: Arial, sans-serif; color:#00008B; font-size:20px; font-weight:bold; text-align:center; margin: 0px 0px 0px 0px;} div.title {font-family: Arial, sans-serif; color:#00008B; font-size:20px; font-weight:bold; text-align:center; margin: 0px 0px 0px 0px;} div.booktitle {font-family: Arial, sans-serif; color:black; font-size:16px; font-weight:normal; text-align:center; margin: 0px 0px 0px 0px;} div.comment {font-family: Arial, sans-serif; color:black; font-size:14px; font-weight:normal; text-align:left;} div.message {font-family: Arial, sans-serif; color:black; font-size:18px; font-weight:normal; text-align:justify;} div.warning {font-family: Arial, sans-serif; color:red; font-weight:bold; text-align:center; margin: 0px 0px 0px 0px;} .rounded {border:1px solid #FFFFFF; padding:5px 5px; background:#A9BCF5; text-align:left; border-radius:20px; box-shadow:3px 3px 2px 1px rgba(0,0,0,0.4); margin: 0px 3px 8px 3px;} .rounded120 {border:1px solid #0000FF; padding:5px 5px; background:#A9BCF5; width:120px; border-radius:20px; text-align:center; margin-left:auto; margin-right:auto; box-shadow:3px 3px 2px 1px rgba(0,0,0,0.4);} div.rounded200 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:200px; border-radius:20px; text-align:center; margin-left:auto; margin-right:auto; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded100_green {border:1px solid #0000FF; padding:5px 5px; background:lightgreen; width:100px; border-radius:20px; text-align:center; margin-left:auto; margin-right:auto; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded200_green {border:1px solid #0000FF; padding:5px 5px; background:lightgreen; width:200px; border-radius:20px; text-align:center; margin-left:auto; margin-right:auto; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded200_yellow {border:1px solid #0000FF; padding:5px 5px; background:#F4FA58; width:200px; border-radius:20px; text-align:center; margin-left:auto; margin-right:auto; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded500 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:500px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_400_600 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:400px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_420_600 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:420px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_500_600 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:500px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_320_600 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:320px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_500_open {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:500px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_500_223 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:500px; height:223px; border-radius:10px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_500_240 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:500px; height:240px; border-radius:10px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_500_260 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:500px; height:260px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_500_350 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:500px; height:350px; border-radius:10px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_1000_600 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:1000px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_200_120 {border:1px solid #0000FF; padding:5px 5px; background:white; width:200px; height:120px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_640 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:640px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_640_600 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:640px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_700_600 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:700px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_750_600 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:750px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_800_600 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:800px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_1000_600 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:1000px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_1200_600 {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:1200px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_1000_open {border:1px solid #0000FF; padding:5px 5px; background:#95B7E7; width:1000px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_500_600_img {border:1px solid #0000FF; padding:5px 5px; background-image: url('images/backgrounds/bg_raisonnable.jpg'); width:500px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_1000_600_img1 {border:1px solid #0000FF; padding:5px 5px; background-image: url('images/backgrounds/bg_invincible2.jpg'); width:1000px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_1000_600_img2 {border:1px solid #0000FF; padding:5px 5px; background-image: url('images/backgrounds/bg_australia.jpg'); width:1000px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_1000_600_img3 {border:1px solid #0000FF; padding:5px 5px; background-image: url('images/backgrounds/bg_greenwich2.jpg'); width:1000px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_1000_600_img4 {border:1px solid #0000FF; padding:5px 5px; background-image: url('images/backgrounds/bg_kent2.jpg'); width:1000px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} div.rounded_1000_600_img5 {border:1px solid #0000FF; padding:5px 5px; background-image: url('images/backgrounds/bg_brnc1.jpg'); width:1000px; height:600px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);} /* Photos fading in for "homeslides.html" */ /* Source: https://snook.ca/archives/html_and_css/simplest-css-slideshow */ /* For the percentages in keyframes: n=numberImages, f=fadeTime (1 sec), v=visibleTime (4 secs), p=100/((f+v)*n) */ @keyframes fade { 0% { opacity: 0; } /* 0% */ 0.8% { opacity: 1; } /* (p*f)% */ 4% { opacity: 1; } /* (p*(f+v))% */ 4.8% { opacity: 0; } /* (p*(2f+v))% */ 100% { opacity: 0; } /* 100% */ } .fadein {margin-left:auto; margin-right:auto; position:relative; width:480px; height:358px;} .fadein img { position:absolute; left:0; right:0; opacity:0; animation-name:fade; animation-duration:125s; /* Total duration (in seconds): n*(f+v) */ animation-iteration-count:infinite; } .fadein img:nth-child(1) {animation-delay: 0s;} .fadein img:nth-child(2) {animation-delay: 5s;} /* Time = f+v */ .fadein img:nth-child(3) {animation-delay: 10s;} /* Time = 2*(f+v) */ .fadein img:nth-child(4) {animation-delay: 15s;} /* Time = 3*(f+v) */ .fadein img:nth-child(5) {animation-delay: 20s;} /* etc. */ .fadein img:nth-child(6) {animation-delay: 25s;} .fadein img:nth-child(7) {animation-delay: 30s;} .fadein img:nth-child(8) {animation-delay: 35s;} .fadein img:nth-child(9) {animation-delay: 40s;} .fadein img:nth-child(10) {animation-delay: 45s;} .fadein img:nth-child(11) {animation-delay: 50s;} .fadein img:nth-child(12) {animation-delay: 55s;} .fadein img:nth-child(13) {animation-delay: 60s;} .fadein img:nth-child(14) {animation-delay: 65s;} .fadein img:nth-child(15) {animation-delay: 70s;} .fadein img:nth-child(16) {animation-delay: 75s;} .fadein img:nth-child(17) {animation-delay: 80s;} .fadein img:nth-child(18) {animation-delay: 85s;} .fadein img:nth-child(19) {animation-delay: 90s;} .fadein img:nth-child(20) {animation-delay: 95s;} .fadein img:nth-child(21) {animation-delay: 100s;} .fadein img:nth-child(22) {animation-delay: 105s;} .fadein img:nth-child(23) {animation-delay: 110s;} .fadein img:nth-child(24) {animation-delay: 115s;} .fadein img:nth-child(25) {animation-delay: 120s;}