/* Images, graphics, HTML code, CSS files and text are Copyright © 400photos.uk 2000 - 2025 */
/* All Moral Rights are asserted in all of the material published */
/* Updated and revised: Sunday, 27th July, 2025 */

.border { border-width: 3px; border-color: #262676; border-style: solid; border-radius: 12px; }
.sborder { border-width: 2px; border-color: #000000; border-style: solid; border-radius: 8px; }
a:link { color: #ffffff; font-weight:500; text-decoration: none; }
a:visited { color: #ffffff; font-weight: 500; text-decoration: none; }
a:hover { color: #0000ff; font-weight: 500; text-decoration: none; }
a.text:link { color: #ffffff; font-weight: 500; text-decoration: none;} 
a.text:visited { color: #ffffff; font-weight: 500; text-decoration: none; }
a.text:hover { color:#0000ff; font-weight: 500; text-decoration: none; } 

.content { 
max-width: 1090px;
margin: 0 auto;
font-weight: 400;
background: #000000;
overflow:hidden; }

body {
background-color: #000000; }

p { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 17px;
font-weight: 400;
letter-spacing: .2px;
line-height: 22px;
text-align: left;
margin-left: 65px;
margin-right: 120px; 
color: #ffffff }

h1 { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 20px;
font-weight: 400;
letter-spacing: .2px;
line-height: 30px;
padding-top: 15px;
margin-left: 6px;
margin-right: 6px;
margin-top: 8px;
text-align: center;
border-top: 2px solid #404040;
color: #ffffff }

h2 { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 20px;
font-weight: 400;
letter-spacing: .2px;
line-height: 30px;
margin-left: 6px;
margin-right: 0px;
margin-top: 8px;
text-align: left;
color: #000000 }

img { max-width: 100%;
height: auto; }

* { 
box-sizing: border-box; }

.main {
background-color: #000000;
width: 100%;
padding-top: 10px;
overflow: hidden; }

.header {
background-color: #000000;
width: 100%;
overflow: hidden;
padding-bottom: 6px; }

.photos {
text-align: center ;}

div.subheading { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: .2px;
line-height: 21px;
margin-left: 26px;
margin-right: 0px;
text-align: left;
color: #ffffff }

.small { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 17px;
font-weight: 500;
line-height: 41px;
color: #ffffff; }

.small2 { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 15px;
font-weight: 540; 
line-height: 41px;
color: #ffffff; }

.small3 { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 16px;
font-weight: 540; 
line-height: 10px;
color: #ffffff; }

.large { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 24px;
font-weight: 500;
color: #ffffff; 
letter-spacing: .7px;
line-height: 21px; }

.header { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 24px;
text-align: center;
font-weight: 700;
color: #ffffff; 
letter-spacing: .7px;
margin-bottom: 12px;
line-height: 15px; }

div.caption { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 17px;
font-weight: 400;
text-align: center;
letter-spacing: 0.5px;
line-height: 24px;
margin-left: 12%;
margin-right: 12%;
margin-top: 7px;
margin-bottom: 7px;
color: #ffffff }

div.caption2 { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 17px;
font-weight: 400;
text-align: center;
letter-spacing: 0.5px;
line-height: 24px;
margin-left: 25%;
margin-right: 25%;
margin-top: 7px;
margin-bottom: 7px;
color: #ffffff }

div.date { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 14px;
font-weight: 540; 
line-height: 31px;
margin-left: 26px;
color: #ffffff; }

.line { 
border-top: 2px solid #404040;
border-top-style: solid;
margin-top: 3px; 
margin-bottom: 3px; 
color: #ffffff; }

.crosslink { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 15px; 
font-weight: 500; 
letter-spacing: .5px;
text-align: center;
text-decoration-thickness: 2px;
border-top: 1px solid #262676;
border-bottom: 1px solid #262676;
padding-top: 2px;
padding-bottom: 2px;
margin: auto; 
margin-bottom: 16px;
color: #ffffff; }

.crosslink2 { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 15px; 
font-weight: 500; 
letter-spacing: .5px;
text-align: center;
text-decoration-thickness: 2px;
border-bottom: 1px solid #262676;
padding-top: 10px;
padding-bottom: 2px;
margin: auto; 
margin-bottom: 16px;
color: #ffffff; }

.footertext { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 15px; 
font-weight: 300; 
letter-spacing: .2px;
text-align: center;
border-top: 2px solid #404040;
border-top-style: solid;
padding-top: 15px;
margin-top: 6px; 
margin-bottom: 6px; 
color: #ffffff; }

.uline {
text-decoration-line: underline;
text-decoration-color: #5757ff;
text-decoration-style: solid; 
text-decoration-thickness: 3px;}

.click{
display:inline-block; 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 17px;
font-weight: 400;
color: #ffffff; }

.tap{
display:none; }

.topindex {
display: grid;
grid-template-columns: 33% 34% 33%;
gap: 5px;
align-items: center;
background-color: #000000;
padding: 2px; }

.topindex div {
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 17px;
font-weight: 500;
letter-spacing: 0.5px;
line-height: 34px;
background-color: #000000;
text-align: center;
padding: 2px 0px; }

.texthead {
display: grid;
grid-template-columns: 60% 30%;
gap: 5px;
background-color: #000000;
padding: 10px; }

.texthead div {
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 24px;
font-weight: 500;
color: #ffffff; 
border: 1px solid #8d9ee7;
background-color: #000000;
text-align: center;
padding: 2px 0; }

.footlogo {
display: grid;
grid-template-columns: 60% 40%;
background-color: #000000; }

.footlogo div {
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 24px;
font-weight: 500;
border-top: 2px solid #404040;
border-top-style: solid;
color: #ffffff; 
background-color: #000000;
text-align: center;
padding: 2px 0; }

.subjects {
display: grid;
grid-template-columns: auto auto auto auto auto;
gap: 5px;
background-color: #000000;
padding: 2px; }

.subjects div {
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 24px;
font-weight: 900;
text-align: center;
text-shadow: 6px 8px 10px #ffffff;
padding-bottom: 8px;
padding-top: 4px;
color: #ffffff; 
letter-spacing: 1.5px;
line-height: 27px; }

.textindex {
display: grid;
grid-template-columns: auto auto auto;
gap: 5px;
background-color: #000000;
padding: 2px; }

.textindex div {
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 18px;
font-weight: 500;
letter-spacing: 1px;
background-color: #000000;
text-align: center;
padding: 2px 0; }

.longimage {
display: grid;
grid-template-columns: 50% 50%;
gap: 10px;
background-color: #000000;
padding: 10px; }

.longimage div {
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 16px;
font-weight: 500;
background-color: #000000;
text-align: center;
padding: 10px 0; }

.indexcol{
display: grid;
grid-template-columns: 47% 47%;
gap: 20px;
text-align: center;
background-color: #000000; }

.indexcol div {
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 16px;
font-weight: 500;
color: #ffffff; 
border: 1px solid #8d9ee7;
background-color: #000000;
text-align: center; }


@media only screen and (max-width:800px) {

/* Settings for 800 pixels width */ 

.border { border-width: 0px; border-color:#000000; border-style: solid; border-radius: 6px; }

span.break:before { 
content: "\A";
white-space: pre; }

span.break2:before { 
content: "\A\A";
white-space: pre; }

.click {
display:none; }

.tap {
display:inline-block; 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-weight: 400;
font-size: 16px;
color: #ffffff; }

.menu3 {
display: none; }

.home {
display: none; }

.main {
width: 100%; }

p { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 17px;
font-weight: 400;
letter-spacing: .2px;
line-height: 22px;
text-align: left;
margin-left: 45px;
margin-right: 80px; 
color: #ffffff }

div.date { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 14px;
font-weight: 540; 
line-height: 31px;
margin-left: 45px;
color: #ffffff; }

.small2 { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 11px;
font-weight: 540; 
line-height: 30px;
color: #ffffff; }

div.subheading { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 21px;
margin-left: 10px;
margin-right: 0px;
text-align: left;
color: #efffff; }

div.date { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 14px;
font-weight: 540; 
line-height: 31px;
margin-left: 10px;
color: #ffffff; }

div.caption { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 17px;
font-weight: 300;
text-align: center;
letter-spacing: .3px; 
line-height: 24px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10%;
margin-right: 10%; 
color: #ffffff; } 

div.caption2 { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 17px;
font-weight: 300;
text-align: center;
letter-spacing: .3px; 
line-height: 24px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 12%;
margin-right: 12%; 
color: #ffffff; } 

.indexcol{
display: grid;
grid-template-columns: 47% 47%;
gap: 8px;
text-align: center;
background-color: #000000; }

.indexcol div {
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 15px;
font-weight: 500;
color: #ffffff; 
border: 1px solid #8d9ee7;
background-color: #000000;
text-align: center; } }

@media only screen and (max-width:500px) {

/* Settings for 500 pixels width */

.border { border-width: 0px; border-color:#000000; border-style: solid; border-radius: 4px; }

span.break:before { 
content: "\A";
white-space: pre; }

span.break2:before { 
content: "\A";
white-space: pre; }

.menu3 {
display: none; }

.click {
display:none; }

.tap {
display:inline-block; 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-weight: 300;
font-size: 17px;
color: #ffffff; }

.home {
display: none; }

.main {
width: 100%; 
float: right; }

p { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 17px;
font-weight: 400;
letter-spacing: .2px;
line-height: 22px;
text-align: left;
margin-left: 20px;
margin-right: 30px; 
color: #ffffff }

div.caption { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 17px;
margin-top: 10px;
line-height: 24px;
font-weight: 300;
text-align: center;
letter-spacing: .3px;
margin-left: 5%;
margin-right: 5%; 
color: #ffffff; }

div.caption2 { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 17px;
margin-top: 10px;
line-height: 24px;
font-weight: 300;
text-align: center;
letter-spacing: .3px;
margin-left: 10%;
margin-right: 10%; 
color: #ffffff; }

div.subheading { 
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 19px;
color: #eeeeee;
margin-left: 10px;
margin-right: 0px;
text-align: left; }

.topindex div {
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 22px;
background-color: #000000;
text-align: center;
padding: 2px 0px; }

.small { 
display: none; }

.small2 { 
display: none; } }

/* Images, graphics, HTML code, CSS files and text are Copyright 400photos.uk © 2000 - 2025 */
/* All Moral Rights are asserted in all of the material published */
/* Updated and revised: Sunday, 27th July, 2025 */