@import url(https://fonts.googleapis.com/css?family=Quicksand);
@import url('https://fonts.googleapis.com/css?family=Bitter');

BODY{

background:#0e1420 url(https://www.catching-dreams.co.uk/gifs/benayabck.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 {overflow-y: scroll;} 

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

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



P.clear{
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;
}

#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:230px;
float:left;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
margin:6px;
padding:9px;
width:225px;
}

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

TABLE.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;
font-size:90%;
font-weight:bold;
text-decoration:none;
color:#555555;
padding:4px;
background:#77B4EC;
border:#80b5ea 1px solid;
	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%);
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:Quicksand,Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
text-decoration:none;
color:#222;
padding-left:9px;
}

LI{
font-family:"Quicksand", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:normal;
text-decoration:none;
color:#000000;
padding-left:6px;
}

EM{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
text-decoration:none;
line-height:120%;
font-weight:bold;
font-style:normal;
color:#000099;
}

.button {
	-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;
}
.button: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;
}
.button:active {
	position:relative;
	top:1px;
}

.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;
background:#D4ECEC;
}

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

TABLE.main{
width:100%;
}


.select{
width:100%;
}

}

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

IMG.linkbtn{width:70%;}

#slantedmenu{
width:100%;
}

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

TABLE.main{
width:100%;
}


.select{
width:100%;
}

}