@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Bitter');

BODY{
background:#f3f3f3 url(https://www.catching-dreams.co.uk/gifs/2023bck.jpg) repeat-x;
color:#000066;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
margin-top:20px;
-webkit-text-size-adjust: 100%;
text-align:center;
}

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;} 

HR{
background-color: #fff;
width:90%;
text-align:center;
border-top: 1px dotted #b4b6b3;
margin-left:15px;
}

#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: #333; /* 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 */
}

.footer {
  padding: 100px 0;
  text-align:center;
  background: #d6d6d6;
}

.footerinner{
  width: 999px;
  margin-left: auto ;
  margin-right: auto ;
}

.side1{
background:#AFE2E3;
padding:2px;
width:90%;
margin:2px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}

.side2{
background:#92CFD0;
padding:2px;
width:145px;
margin:2px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
width:90%;
}

.side3{
background:#74B8B9;
padding:2px;
width:145px;
margin:2px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
width:90%;
}


.tditem2020cat{
float:left;
margin:7px;
float:left;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
margin:6px;
padding:9px;
min-width:175px;
box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
border:#9F98D5 1px solid;
}

P.clear{
clear:both;
}

P.clearpc{
clear:both;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#slantedmenu{
font-weight: bold;
font-size: 90%;
width:980px;
margin-left:auto;
margin-right:auto;
}

.homepagebanners{
width:799px;
margin-left:auto;
margin-right:auto;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #D4ECEC;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/


	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D4ECEC), color-stop(1, #f0f5f5));
	background:-moz-linear-gradient(top, #D4ECEC 5%, #f0f5f5 100%);
	background:-webkit-linear-gradient(top, #D4ECEC 5%, #f0f5f5 100%);
	background:-o-linear-gradient(top, #D4ECEC 5%, #f0f5f5 100%);
	background:-ms-linear-gradient(top, #D4ECEC 5%, #f0f5f5 100%);
	background:linear-gradient(to bottom, #D4ECEC 5%, #f0f5f5 100%);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;

}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(../gifs/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: black;
}

.tditem{
border:#9F98D5 1px solid;
min-height:340px;
float:left;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
margin:6px;
padding:9px;
width:225px;
box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.tditem2020{
border:#9F98D5 1px solid;
min-height:399px;
width:29%;
float:left;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
margin:12px;
padding-right:9px;
padding-bottom:11px;
margin-bottom:7px;
padding-top:13px;
box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

IMG.fullscreenall{
width:100%;
}

IMG.item{
margin:7px;
height:142px;
}

IMG.imglarge{
width:55%;
}

.tditemnew{
border:#9F98D5 1px solid;
border-right:#9F98D5 2px solid;
border-bottom:#9F98D5 3px solid;
min-height:230px;
width:auto;
float:left;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
margin:2px;
padding-right:9px;
}

TABLE.inner{
padding:10px;
}

.main{
background:#FFFFFF;
border:#bebebe 1px solid;
padding-top:1px;
border-top:0px;
width:980px;
margin-left:auto;
margin-right:auto;
margin-bottom:22px;
-moz-border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-khtml-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
-moz-border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-khtml-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
}

.main{
background:#FFFFFF;
border:#bebebe 1px solid;
padding-top:1px;
border-top:0px;
width:980px;
margin-left:auto;
margin-right:auto;
margin-bottom:22px;
-moz-border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-khtml-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
-moz-border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-khtml-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
}

TD.navigation{
border-right:#83C1C2 0px solid;
}

TD.content{
background:transparent;
}

H1.catchingdreams{
font-family: 'Bitter', serif;
color: #444;
margin: 0;
padding: 0px 0px 6px 0px;
font-size: 34px;
line-height: 44px;
letter-spacing: -2px;
font-weight: normal;
text-align:left;
margin-left:6px;
padding-left:1px;
background:#ffffff;
border:0px;
}

H1{
font-family: 'Bitter', serif;
font-size:100%;
font-weight:normal;
text-decoration:none;
color:#444;
padding:8px;
margin:6px;
background:#bddbfa;
border:#80b5ea 1px solid;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
	background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}

H2{
font-family: 'Bitter', serif;
padding:1px;
font-weight:bold;
color:#000000;
text-align:left;
font-size:16px;
padding-left:5px;
margin:6px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}

H3{
font-family: 'Bitter', serif;
padding:1px;
font-weight:bold;
color:#000011;
text-align:left;
font-size:100%;
padding-left:9px;
}

.select { 
    border: 1px solid #c4c4c4; 
    width: 275px; 
    font-size: 13px; 
    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: 135px; 
    font-size: 13px; 
    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; 
} 


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

IMG.right{
float:right;
margin:5px;
}

P{
font-family:Rubik,Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:300;
text-decoration:none;
color:#222;
padding-left:9px;
line-height:1.3;
padding-bottom:9px;
text-align:left;
}

LI{
font-family:Rubik,Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
text-decoration:none;
color:#000000;
padding-left:6px;
}

EM{
text-decoration:none;
font-weight:400;
font-style:normal;
color:#000099;
}


.button {
  align-self: center;
  background-color: #fff;
  background-image: none;
  background-position: 0 90%;
  background-repeat: repeat no-repeat;
  background-size: 4px 3px;
  border-radius: 15px 225px 255px 15px 15px 255px 225px 15px;
  border-style: solid;
  border-width: 2px;
  box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
  box-sizing: border-box;
  color: #41403e;
  cursor: pointer;
  display: inline-block;
  font-family: Neucha, sans-serif;
  font-size: 1rem;
  line-height: 23px;
  outline: none;
  padding: .75rem;
  text-decoration: none;
  transition: all 235ms ease-in-out;
  border-bottom-left-radius: 15px 255px;
  border-bottom-right-radius: 225px 15px;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
margin-top:11px;
border:1px #41403e solid;
}

.button:hover {
  box-shadow: rgba(0, 0, 0, .3) 2px 8px 8px -5px;
  transform: translate3d(0, 2px, 0);
}

.button:focus {
  box-shadow: rgba(0, 0, 0, .3) 2px 8px 4px -6px;
}



.searchbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
	background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
	background-color:#bddbfa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	padding:4px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.searchbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
	background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0);
	background-color:#80b5ea;
}
.searchbutton:active {
	position:relative;
	top:1px;
}



a {
color:#416f90;
background:transparent;
text-decoration:none;
}

a:visited {
color:#416f90;
background:transparent;
text-decoration:none;
}

a:active {
color:#416f90;
background:transparent;
text-decoration:none;
}

a:hover {
color:#000000;
text-decoration:underline;
}

.homepage_text_back {background-image:url(../gifs/catching_dreams2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	}


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

#slantedmenu{
width:100%;
}


.main{width:90%;}


.select{
width:100%;
}

}

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

.footerinner{
  width: 90%;
  margin-left: auto ;
  margin-right: auto ;
}

.buttonoff {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
	background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
	background-color:#bddbfa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	padding:4px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.buttonoff:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
	background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0);
	background-color:#80b5ea;
}
.buttonoff:active {
	position:relative;
	top:1px;
}


P.clearpc{
clear:none;
}

.homepagebanners{
width:90%;
margin-left:auto;
margin-right:auto;
display:none;
}

IMG.linkbtn{width:70%;}

.tditem2020{
width:90%;
float:none;
min-height:22px;
}

#slantedmenu{
width:100%;
}

.tditem{width:40%;float:left;}


.main{width:90%;}


IMG.imglarge{
width:90%;
}

.select{
width:100%;
}

}