@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Scope+One&display=swap');

BODY{
height:100%;
margin-top:0px;
margin-bottom:0px;
font-size:15px;
-webkit-text-size-adjust: 100%;
margin-left:0px;
margin-right:0px;
text-align:center;
padding:0px;
font-family:"Didact Gothic",sans-serif;
background:#f4f1ed url(https://www.olssonimages.co.uk/gifs/bck2024.jpg) no-repeat;
background-position:center -120;
}

BODY.gallery{
background:#f4f1ed;
background-position:center -120;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {overflow-y: scroll;} 

.topnewbanner{
margin:0px;
padding:7px;
background:#fff;
width:100%;
position:fixed;
top: 0;
z-index:1;
border-bottom:1px silver solid;
}

IMG.gallerypagepic{
width:95%;
margin-top:12px;
}

IMG.gallerypagepicnew2{
height:221px;
margin:3px;
}
IMG.gallerypagepicnew2portrait{
height:261px;
margin:3px;
}

.logobox{
float:right;
}

IMG.logo{
height:99px;
}

.artbox{
float:left;
min-height:447px;
margin:7px;
width:222px;
padding-top:3px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.artboxsmall{
float:left;
min-height:46px;
margin:7px;
width:222px;
padding-top:3px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.artsleeve{
min-height:419px;
}
.artboxwide{
width:100%;
background:white;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
padding:9px;
}

.artsubleft{
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
margin:3px;
float:left;
}
.maincontent{
max-width:1400px;
}

IMG.fullscreenall{
width:100%;
margin:7px;
}

.textblock{
min-height:947px;
width:799px;
margin-right:auto;
margin-left:auto;
}

.galleryblock{
margin-top:122px;
width:999px;
margin-right:auto;
margin-left:auto;
}

.textblockgallery{
min-height:47px;
width:799px;
margin-right:auto;
margin-left:auto;
}

.navbox{
background:black;
margin-top:5px;
}

.navboxadmin{
background:silver;
margin-top:5px;
}

IMG.fullscreenallmobhide{
width:100%;
display:inline;
}
IMG.fullscreenallmobshow{
width:100%;
display:none;
}
IMG.fullscreenhalf{
width:50%;
}

.footerboxcontainer{
width:100%;
background: #b6b7b9 url(https://www.serenweb.com/gifs/hootonfooter.jpg) no-repeat;
background-position:top center;
border-top:#333 0px solid;
margin:0px;
padding:0px;
margin-top:12px;
}


hr.new {
  border: 1px dotted #3f4f3f;
  border-radius: 1px;
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #864a45; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}
#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}  
.basecontainer{
background:transparent;
}

.content {
margin-top:17px;
margin-bottom:50px;
width:980px;
margin-right:auto;
margin-left:auto;
background:transparent;
padding-top:12px;
    border-radius: 6px; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
opacity:0.95;
}

.footer{
  width: 980px ;
  margin-left: auto ;
  margin-right: auto ;
margin-top:21px;
padding-top:51px;
}

.header{
  width: 980px ;
  margin-left: auto ;
  margin-right: auto ;
margin-top:3px;
padding-top:3px;
}

.navbar{
width:100%;
background:transparent;
}

.navblock2{
float:left;
}

EM{
font-weight:400;
color: #008000;
}

H1{
color:#f7f7f7;
font-size:19px;
font-family:"Scope One",sans-serif;
letter-spacing:-0.02em;
background:#170e0b;
text-align:left;
margin:4px;
font-weight:700;
padding:5px;
max-width:222px;
padding-top:9px;
}

H2{
color:#084a61;
font-size:30px;
font-family:"Scope One",sans-serif;
font-weight:400;
margin-top:12px;
letter-spacing:-0.02em;
background:transparent;
text-align:center;
margin-left:3px;
margin-top:23px;
padding-left:10px;
}

H2.strongwhite{
color:white;
font-weight:700;
padding-left:5px;
}

H3{
color:#145f79;
font-size:24px;
font-family:"Didact Gothic",sans-serif;
font-weight:400;
margin-bottom:20px;
letter-spacing:-0.02em;
background:transparent;
margin-top:21px;
text-align:left;
margin-left:3px;
}

H3.white{
color:white;
text-align:left;
margin:3px;
margin-top:21px;
}

P{
color:#403b2e;
font-size:16px;
font-family:"Didact Gothic",sans-serif;
margin:1px;
font-weight:200;
line-height:1.5;
text-align:left;
margin-left:9px;
}

P.navblock{
text-align:center;
}

P.contactsbox{
line-height:1.5;
}

UL{list-style-type: circle;}
OL{list-style-type: upper-roman;}
LI{
color:#403b2e;
font-size:15px;
font-family:"Didact Gothic",sans-serif;
font-weight:200;
margin:3px;
line-height:2;
text-align:left;
margin-left:21px;
}
P.white{
color:#FFFFFF;
}
P.white2{
color:#FFFFFF;
font-size:13px;
width:566px;
text-align:center;
margin:3px;
}

a:visited{
color:#1b626f ;
font-weight:700;
text-decoration:none;
}
a:link{
color:#1b626f ;
font-weight:700;
text-decoration:none;
}
a:hover{
color:#000;
text-decoration:none;
font-weight:700;
text-decoration:underline;
}
a:active{
color:#1b626f ;
text-decoration:none;
font-weight:700;
}
.white a:link{
color:#FFFFFF;
}
.white a:active{
color:#FFFFFF;
}
.white a:hover{
color:#FFFFFF;
}
.white a:visited{
color:#FFFFFF;
}

 .largeselect { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 15px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 

.largeselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 
 .select { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 15px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
.select:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 

  .smallselect { 
    border: 1px solid #c4c4c4; 
    width: 140px; 
    font-size: 14px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.smallselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333; 
        font-family:"Didact Gothic", sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:4px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.button:active {
	position:relative;
	top:1px;
}


IMG.left{
float:left;
padding:5px;
}

IMG.right{
float:right;
padding:0px;
}

P.clear{
clear:both;
}



@media only screen and (max-width : 999px) {
.footer{width:100%;}
.header{width:100%;}
.content{width:90%;margin-top:17px;}
.galleryblock{width:100%;}
}


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

.artbox{
width:167px;
}

.artboxsmall{
width:167px;
}

.artsleeve{
height:289px;
}

.artbox{
min-height:337px;
}

.halfbox{
width:90%;
float:none;
}

.footerboxcontainer{
width:100%;
border-top:#333 0px solid;
margin:0px;
padding:0px;
margin-top:0px;
padding-top:19px;
}

IMG.topology{
height:74px;
}

.bckimagenew{
width:100%;
height:353px;
background-position:top right;
}

.homeboxintro{
width:100%;
}

.headercontainer{
width:85%;
min-height:18px;
margin:0px;
margin-right:auto;
margin-left:15px;
margin-top:12px;
padding-bottom:1px;
}

.fullbox{
width:90%;
float:none;
min-height:162px;
padding-right:23px;
margin-bottom:59px;
}

IMG.fullscreenallmobhide{
width:100%;
display:none;
}
IMG.fullscreenallmobshow{
width:100%;
display:inline;
}

H2{
font-size:24px;
text-align:left;
margin-left:7px;
padding:1px;}
H2.strongwhite{
font-size:27px;
}
H3{font-size:19px;}
.footer{width:90%;}
.header{width:90%;}
.content{width:90%;margin-top:17px;}
P.top{width:90%;}
.homebox{width:90%;}
.textblock{width:90%;}
.textblockgallery{width:90%;}
.bodybox{width:90%;}
.bigbodybox{width:90%;}
.bigbodyboxnoop{width:90%;}
.bodyboxnoop{width:90%;}
.select{width:90%;}
.largeselect{width:90%;}
.subbox{width:90%;}
IMG.fullscreen{width:90%;}
.contentleft{width:90%;float:none;margin:11px;min-height:76px;}
.contentleftblue{width:90%;float:none;margin:11px;min-height:76px;}
.contentright{width:90%;float:none;margin:11px;min-height:76px;}
.winnersboxhomep{width:90%;}

}