@media (max-width: 767px) /*xs sm============================================================================*/
{
.footer {
  content-visibility: auto;
  contain-intrinsic-size: 320px;   /* height in smallest mobile at default text size */
}

.pullout {width:100%; margin: 10px 0 0 0;box-sizing: border-box;padding: 20px;background-color:#eeeeff;font-weight:500;clear:both;line-height:1.5;border-style: solid;border-color:ccccff;border-width:1px;text-decoration: none;}
.menuitembox {background-color:#ccccff;max-width:80%;min-height:30px;margin-bottom:0px;margin-top:0px;margin:auto;padding:0;text-align:center;}
body {font-family:"Open Sans",  arial, helvetica, verdana,Frutiger, "Lucida Sans",sans-serif;  margin: 0; padding: 0; line-height:1.75;}
.CONTENTS{font-size:2em;font-weight:bold;color:rgb(0,0,102);line-height:1.2;text-decoration: none;border-bottom: 0px none;}
.breadcrumb {font-size:100%; line-height: 120%;font-size:90%;;margin-left: auto;margin-right:auto; display: block;text-align:center;margin-top:20px;padding-top:0; text-transform: lowercase}
.hide-for-mobile,  .google300 ,  #reddive, #redop {display:none}
.overlay{position: absolute;  top: 0%;  left: 10%; margin-right:10%;color:#000000;text-shadow: 2px 2px 4px #333333;font-size:1em;font-style:normal}
BLOCKQUOTE{margin-left:1em;margin-right:0;line-height:1.4;}
.scroll{ width: 100%; overflow: auto;}
.scroll::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
.scroll::-webkit-scrollbar-thumb{border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);}
table{max-width:100%; border-collapse: collapse;}
.INDENT{margin:1em 0 0em 1em;}
/*H1{font-family:"Comic Sans MS",times, serif;font-size:2.4em;letter-spacing:0.05em;margin-top:25px;line-height:1.2} heading-header*/
#reddive, #redop{display:none}
.floatdive{float:right;padding:0 5px 0 2px;font-weight:normal;max-width:60%;height:auto;font-size:.9em;}
.FLOATGOOGLE{display:inline;}
/*Makes form fields bigger on mobiles*/
input[type=url], input[type=email], input[type=password], input[type=tel] {  -webkit-appearance: none; -moz-appearance: none;  display: block;  margin: 0;  width: 95%; height: 40px;  line-height: 40px; font-size: 17px;  border: 1px solid #bbb;}
textarea  {-webkit-appearance: none; -moz-appearance: none; display: block;  margin: 0;  max-width:95%;font-size: 17px;  border: 1px solid #bbb;height: 80px;}
input[type=text], input[type=email]  {  -webkit-appearance: none; -moz-appearance: none; display: block;  margin: 0;  width: 95%;font-size: 17px;  border: 1px solid #bbb;height: 40px;}
input[type=radio]  {   margin:0 20px 0 20px; }
input[type=checkbox] { width: 44px; height: 44px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; border: 1px solid #bbb;}
textarea {-webkit-appearance: none; -moz-appearance: none; display: block;  margin: 0;  width: 95%;font-size: 17px;  border: 1px solid #bbb;}
SELECT {font-size:1em;height:1.5em;background-color: transparent;}
button[type=submit] { -webkit-appearance: none; -moz-appearance: none; display: block; margin: 1.5em 0; font-size: 1em; line-height: 2.5em; color: #333; font-weight: bold; height: 2.5em; width: 100%; background: #fdfdfd;  border: 1px solid #bbb; /*-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;*/}
button[type=button] { -webkit-appearance: none; -moz-appearance: none; display: block; margin: 1.5em 0; font-size: 1em; line-height: 2.5em; color: #333; font-weight: bold; height: 2.5em; width: 100%; background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%); border: 1px solid #bbb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.css-table, .css-tr {
        display: block;max-width:100%;overflow: auto;}
    .css-td {/* Behave  like a "row" */
		border: none;position: relative;display:block;}
.floatsearch{display:none}
.convert {display:none}
.zoom_categories { display:none} 
.cat_summary{ display:none} 
.cat_summary ul { display:none} 
.cat_summary li { display:none }
}

@media (max-width: 576px) /*xs ========================================================================================================================================================*/
{
.overlay{position: absolute;  top: 0%;  left: 10%; margin-right:10%; color:#000000;text-shadow: 2px 2px 4px #333333;font-size:1.2em;font-style:normal}
.SCUBANews{margin-left:1em;max-width:460px;font-family: arial, helvetica, verdana, sans-serif; font-size: 1em; line-height: 1.2; }
}

@media screen and (min-width: 768px) /*md  ========================================================================================================================================================*/{
.mute-panel, .google-auto-placed {max-width:75%; margin:0 auto} /*stops google ads breaking layout*/
.hide-768 {display:none}/*for breadcrumb placement*/
.menu-inside .button-link {
    font-size:.7em;
    padding: 10px 15px;
    background: #FF9900;
    border: solid 1px #FF9900;
    user-select:none;
}
.menu-inside input[type=text], .menu-inside input[type=email]{-webkit-appearance: none; -moz-appearance: none; display: block;  margin: 0;  width: 95%;  border: 1px solid #bbb;height: 30px;}
.convert {background-color:#9999FF;margin: 10px 10px 10px 10px;padding: 5px 5px 5px 5px}
.menuitembox {background-color:#ccccff;background-image:url(subacqua.gif);max-width:225px;min-height:30px;margin-bottom:0px;margin-top:0px;margin:5px auto;padding:0;text-align:center;}
.overlay{position: absolute;  top: 0%;  left: 10%; margin-right:10%; color:#000000;text-shadow: 2px 2px 4px #333333;font-size:1.2em;font-style:normal}
body {font-family:Open Sans, arial, helvetica, verdana, Frutiger,  Lucida Sans, sans-serif;line-height:1.5; font-color:#333333;margin: 0; padding: 0px;min-height:1200px}
BLOCKQUOTE{margin-left:2em;margin-right:0;line-height:1.4;}
.INDENT{margin:1em 0 2em 2em;}
/*header-heading H1{font-family:"Comic Sans MS",times, serif;font-size:3.5em;letter-spacing:0.05em;margin-top:0;line-height:1.2}*/
.breadcrumb {margin: -.5em 0 2em 0; font-size:70%; text-transform: lowercase}
.floatdive{float:right;padding:0 8px 0 3px;font-weight:normal;max-width:50%;font-size:.9em;}
.css-table {display: table;}
.css-tr {display: table-row;} /*only needed for multiple rows*/
.css-td {display: table-cell;}
.floatsearch{float:right;width:200;margin:0 0 0 2em;}
.google300 {position:absolute;top:104px;width:300px;right:0;z-index:-1}
.h1google300 {max-width:300px}
/*.hide-for-mobile {display:inline}*/
.css-table {display: table;}
.css-td {display: table-cell;}
.css-tr {display: table-row;} /*only needed for multiple rows*/
}




@media screen and (min-width: 992px)  /*large  ========================================================================================================================================================*/
{
.overlay{position: absolute;  top: 0%;  left: 10%; color:#000000;text-shadow: 2px 2px 4px #333333;font-size:1.4em;font-style:normal}/*for home page*/
.h1google300 {max-width:500px;}
.hide-for-big {display:none}
.css-table {display: table;}
.css-td {display: table-cell;}
.css-tr {display: table-row;} /*only needed for multiple rows*/
.menuitembox {background-color:#ccccff;background-image:url(subacqua.gif);min-height:30px;margin-bottom:0px;margin-top:0px;margin:auto;padding:0;text-align:center;}
}


@media screen and (min-width: 1200px)  /*  ========================================================================================================================================================*/
{
.h1google300 {max-width:60em;}
.hide-for-big {display:none}
.css-table {display: table;}
.css-td {display: table-cell;}
.css-tr {display: table-row;} /*only needed for multiple rows*/
.hide81 {display: none}
}


@media screen and (min-width: 1730px)   /*========================================================================================================================================================*/
{
.fixedright {position:absolute;right:10px;}
}

@media screen and (max-width: 1730px)  /* ========================================================================================================================================================*/
{
.fixedright {display:none}
}

 /*all ========================================================================================================================================================*/


.searchheading { display:none } /*zoom*/
img { max-width: 100%; height:auto;aspect-ratio: attr(width) / attr(height);}
a img:hover {-webkit-filter: brightness(120%); }

/*Used to auto resize video for current browser size*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	overflow: hidden;
	max-width:100%;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	max-width:640;
	max-height:360;
	width: 100%;
	height: 100%;
}

.mapWrapper {
	position: relative;
	padding-bottom: 33%;
	padding-top: 25px;
	height: 0;
	overflow: hidden;
}
.mapWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	max-width:460;
	height:auto;
	width: 100%;
	height: 100%;
}

.commentsWrapper {
height:100%;
max-width:100%;
}
.commentsWrapper .g-comments {
	position: absolute;
	top: 0;
	left: 0;
	max-width:460;
	width: 100%;
	height: 100%;
}


/*Hide until needed for speed of loading, see also sm and xm media*/
.footer {
  content-visibility: auto;
  contain-intrinsic-size: 370px;   /* height guess */
	}
#divebooker-banner  {
  content-visibility: auto;
  contain-intrinsic-size: 600px; 
}
.adsbygoogle {
  content-visibility: auto;
  contain-intrinsic-size: 0px; 
	}

.downpage {
  content-visibility: auto;
  contain-intrinsic-size: auto 4000px; 
	}

/*html {scroll-behavior: smooth;}*/
.logo {float:left;margin-left:12px}
.bestdivesites {border-style: solid;border-width:1px;padding:.5em;border-color: gray;background-color:#eeeeff;margin-bottom:.5em}
.nounderline {text-decoration:none}
ul.pagecontents li {display:inline;list-style-type: none;}
ul.pagecontents {margin-right:0;margin-left:0;margin-top:3em;border-style: solid;border-color:ccccff;border-width:1px;padding:1.1em;}
ul.pagecontents a:link {text-decoration:none}
ul.pagecontents a:hover {text-decoration:underline}
.advert {border:1px dotted black;padding:10px;max-width:99%}
/*.header {width:100%; height:120px; margin: 0; background-color:#9999ff;background-image:url('diving.gif');border-top: 15px solid #9999ff;}     in header-heading*/
.heading{font-size:42pt;color:rgb(255,255,153);font-family:times, serif;font-style:italic;padding:5px 5px 0 0;float:right}
/*.masthead {color:rgb(255,255,255);font-size:11pt;padding:25px 0 0 0;margin:0px}
a.masthead:link{color:rgb(255,255,255)}
a.masthead:hover{color:rgb(255,255,204)}
a.masthead:visited{color:rgb(255,255,255)}*/
.subscribe-menu {background: #fff;padding:5px;border-style:solid;border-width:1px;border-color:#ffff00;width:168px;margin:auto}
.nonitalic {font-style: normal;}
.margin300 {padding-right:300px}
.topdives{width:620px}
.partnerlist{list-style:url(partner.gif) square;margin:0 0 5px 0;font:bold 9pt;}
a.partnerlist:visited{color:#666699}
a.partnerlist:link{color:#000066}
a.partnerlist:hover{color:#ffff99)}
.partner{background-color:#ccccff;color:#333366;margin:2px 2px 2px 2px;padding:2px 2px 2px 0px;border:1px dashed #000000;}
.sidebar{background-color:#ccccff;color:#333366;margin:2px 2px 2px 2px;padding:3px 2px 3px 3px;}
.BorderDot{color:#000000;padding:2px 2px 2px 2px;border:2px dotted black;width:155}
.pb {font:bold 11pt;line-height:1.35;}
/*use .no-webp .webp with modernizr-custom.js webp detector. Next two lines also In head-heading.txt */
.no-webp h1{background: url(https://www.scubatravel.co.uk/photos/460/atlantic/pilotwhale.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff;position:relative;padding:1em;color:white;text-shadow: 2px 2px 4px #000000; width:100%;}
.webp h1{background: url(https://www.scubatravel.co.uk/photos/460/atlantic/pilotwhale.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff;position:relative;padding:1em;color:white;text-shadow: 2px 2px 4px #000000; width:100%;}
.blue2{background-image:none;background-color:#2642a5}
.webp .blue2{background-image:none;background-color:#2642a5}
.no-webp .cave{background: url(https://www.scubatravel.co.uk/photos/h1/cave.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .shark{background: url(https://www.scubatravel.co.uk/photos/h1/shark-sea.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .anemone{background: url(https://www.scubatravel.co.uk/photos/h1/pixa-anemone.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .image4{background: url(https://www.scubatravel.co.uk/photos/h1/whip-coral.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .image5{background: url(https://www.scubatravel.co.uk/photos/h1/greece-wreck.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .image6{background: url(https://www.scubatravel.co.uk/photos/h1/coral-sergeant-major.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .image7{background: url(https://www.scubatravel.co.uk/photos/h1/wreck-diving.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .northern-seas{background: url(https://www.scubatravel.co.uk/photos/h1/northern-seas.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .stingray{background: url(https://www.scubatravel.co.uk/photos/h1/stingray.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .blue{background: url(https://www.scubatravel.co.uk/photos/460/blue.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .cave{background: url(https://www.scubatravel.co.uk/photos/h1/cave.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .shark{background: url(https://www.scubatravel.co.uk/photos/h1/shark-sea.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .anemone{background: url(https://www.scubatravel.co.uk/photos/h1/pixa-anemone.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff;min-height:313px}
.webp .image4{background: url(https://www.scubatravel.co.uk/photos/h1/whip-coral.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .image5{background: url(https://www.scubatravel.co.uk/photos/h1/greece-wreck.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .image6{background: url(https://www.scubatravel.co.uk/photos/h1/coral-sergeant-major.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .image7{background: url(https://www.scubatravel.co.uk/photos/h1/wreck-diving.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .northern-seas{background: url(https://www.scubatravel.co.uk/photos/h1/northern-seas.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .stingray{background: url(https://www.scubatravel.co.uk/photos/h1/stingray.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .blue{background: url(https://www.scubatravel.co.uk/photos/460/blue.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}

@media (max-width: 768px) /*was 720px*/{
.no-webp .blue{background: url(https://www.scubatravel.co.uk/photos/460/blue.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .cave{background: url(https://www.scubatravel.co.uk/photos/460/europe/cave.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .shark{background: url(https://www.scubatravel.co.uk/photos/460/shark-sea.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .anemone{background: url(https://www.scubatravel.co.uk/photos/460/pixa-anemone.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .image4{background: url(https://www.scubatravel.co.uk/photos/460/whip-coral.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .image7{background: url(https://www.scubatravel.co.uk/photos/460/red-sea/thistlegorm.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .northern-seas{background: url(https://www.scubatravel.co.uk/photos/460/northern-seas.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.no-webp .stingray{background: url(https://www.scubatravel.co.uk/photos/460/northern-seas.jpg);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .blue{background: url(https://www.scubatravel.co.uk/photos/460/blue.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .cave{background: url(https://www.scubatravel.co.uk/photos/460/europe/cave.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .shark{background: url(https://www.scubatravel.co.uk/photos/460/shark-sea.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .anemone{background: url(https://www.scubatravel.co.uk/photos/460/pixa-anemone.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .image4{background: url(https://www.scubatravel.co.uk/photos/460/whip-coral.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .image7{background: url(https://www.scubatravel.co.uk/photos/460/red-sea/thistlegorm.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .northern-seas{background: url(https://www.scubatravel.co.uk/photos/460/northern-seas.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
.webp .stingray{background: url(https://www.scubatravel.co.uk/photos/460/stingray.webp);background-repeat: no-repeat;background-size: cover;background-color:#6666ff}
}

H2{font-size:1.5em;color:#333333;}
H3{font-size:1.25em;color:#666677;}
h4{margin:0 0 0 0;font-weight:bold;}
H5{font-size:1.1em;color:#666677;}
.newsdate{font-size:.75em}
PRE{font-family:courier new;font-size:10pt}
ADDRESS{font-family:times, serif;font-size:9pt;color:rgb(0,0,0);text-align:center;font-style:italic;vertical-align: top}
.WHITE{color:#cccccc;font-weight:bold;font-size:.75em}
a.WHITE:visited{color:#cccccc;text-decoration: none;}
a.WHITE:link{color:#cccccc;text-decoration: none;}
a.WHITE:hover{color:#ffffff;text-decoration: none;}
a:link{color:#6666cc;word-spacing:1pt;text-decoration: none;}
a:visited{color:#666699;word-spacing:1pt;text-decoration: none;}
a:hover{color:#6699cc;word-spacing:1pt;}
.CONTENTS{font-family:arial, helvetica, verdana, Frutiger,  "Lucida Sans", sans-serif;font-size:11pt;color:rgb(0,0,102);line-height:1.3;text-decoration: none;border-bottom: 0px none }
a.CONTENTS:link{font-weight:bold;color:rgb(0,0,102);line-height:1.2;text-decoration: none;border-bottom: 0px none }
a.CONTENTS:visited{color:rgb(102,102,153);text-decoration: none;border-bottom: 0px none #ccccff}
a.CONTENTS:hover{color:rgb(255,255,102);text-decoration:none;border-bottom: 1px solid rgb(255,255,102);}
.LIST{}
a.LIST:visited{color:rgb(102,102,153)}
a.LIST:hover{font-weight:bold;color:rgb(000,000,102)}
.SIDE{font-size:9pt;color:rgb(255,255,255);text-align:center;margin:0 4px 0 4px; width:152px}
a.SIDE:visited{color:rgb(204,204,255)}
a.SIDE:link{color:rgb(255,255,0)}
a.SIDE:hover{color:rgb(255,255,204)}
.LILAC{color:rgb(102,102,255);font-size:10pt;}
.name {width:100%;  margin: 5pt 0 0 0; padding: 5pt 5pt 5pt 5pt; font-size:11pt;font-weight:bold;background-color:#ccccff;}
.FEATUREDBOOK{font-size:8pt;text-align:center;font-weight:normal}
.CENTERINDENT{margin-right:12%;margin-left:12%;}
.nospacebelow{margin-bottom:0;padding:0}
.nsa{margin-top:0}
.nsb{margin-bottom:0}
.space{margin-bottom:1em;padding:0}
.spaceabove{margin-top:3em}
.sa{margin-top:1em}
.right{text-align:right;margin-top:0em;margin-right:4em;}
.list{list-style:url(square2.gif) square;line-height:1.4;}
.SQUARE{list-style:url(square.gif) square;line-height:2;}
a.SQUARE:visited{color:#666699}
a.SQUARE:link{color:#000066}
a.SQUARE:hover{color:#ffff99)}
.NOITALIC{font-style:normal;}
.NEWS{margin-left:6em;margin-right:6em}
.SCUBANews{margin-left:1em;max-width:520px;font-family: arial, helvetica, verdana, sans-serif; font-size: 1em; line-height: 1.2; }
.MARGINLEFTSQUEEZE{margin-left:1em;margin-top:0.1em}
.MARGINLEFT{margin-left:3em;}
.MARGINTOP{margin-top:75em;}
.marginr160{padding-right:200px;max-width:950px;}
.floatsearch{float:right;width:200;margin:0 0 0 2em;}
.FLOATRIGHT{float:right;width:160;margin:0 0 0 2em;}
.FLOATLeft{float:left;background-color:#ffffff;margin:0 2em 0 0;}
.floatrsm{float:right;width:180;margin:0 0 0 2em;}
.FLOATGOOGLE{float:right;max-width:336;margin:0 0 0 2em;vertical-align: top ;}
.floatad{float:right;max-width:336;margin:0 0 0 1em}
.float420{float:right;width:420;background-color:#ffffff;margin:0 0 0 1em;}
/*doesn't work ie9*/
.floatr{float:right;margin:0 8px 0 5px;}
.floatl{float:left;margin:0 2em 0 0;width:75%}
.nounderline{text-decoration:none;color:black;}
.nounderline a{text-decoration:none;}
.courier{font-family:courier, courier new;font-size:10pt;}
.required{color:red;}
.clear{clear:both}
.headline{font-size:100%;font-weight:bold;}
.creditfooter{font-size:60%}
.feedburnerFeedBlock{font-size:90%;margin-bottom:15px;}
.googlelinks{font-weight:bold;color:rgb(0,0,102);}
.9pt{font-size:9pt}
.11pt{font-size:11pt;line-height:1.2;}
.12pt{font-size:12pt;line-height:1.2;}
.box{border:1px dotted black;margin:5px 0 15px 0px;}
.outline{border:1px dotted black;padding:10px}
.tick { list-style: url(tick.gif) square}
.top {vertical-align: top }
.sm {position:relative; vertical-align: top; }
.centre  {text-align: center}
/*border-box puts padding inside 100% instead of pushing box out*/
.dive {width:100%; margin: 2em 0 0 0;box-sizing: border-box;padding: 10px 5px 10px 10px;background-color:#ccf;font-size:1.1em;font-weight:bold;clear:both;border-top:1px solid #cccccc;}
.pullout {width:100%; margin: 10px 0 0 0;box-sizing: border-box;padding: 20px;background-color:#eeeeff;font-weight:500;clear:both;line-height:1.2;border-style: solid;border-color:ccccff;border-width:1px;text-decoration: none;}
a.pullout:link{color:rgb(0,0,102);text-decoration: none;}
a.pullout:hover{color:#3333cc;text-decoration: none;background-color:#ffffff;}
a.pullout:visited{color:rgb(0,0,102);text-decoration: none;}
.pullout:hover{color:#ffffff;text-decoration: none;background-color:#ccccff;}
.pullout:before {content:'\25BA';color:#3333cc}
.pullout:hover::before{content:'\25BA';color:#9999ff;text-decoration: none;}
td{line-height:1.5; }
.TABLEH3{margin-left:5pt;margin-top:5pt;margin-bottom:5pt;font-size:11pt;font-weight:bold;}
.caption {font-style:italic;font-size:80%}
.maxwidth{max-width:800px}
.menuitemflyout {background-color:#9999ff;max-width:240px;min-height:30px;margin-bottom:0px;margin-top:0px;margin:auto;padding:0;text-align:center;}
.menuitemtext {padding-top:5px;padding-bottom:5px;}
.flyoutbox {background-color:#ccccff;max-width:90%;min-height:30px;margin:auto;padding:0;text-align:center;}
.flyouttext {padding-top:5px;padding-bottom:5px;}
figcaption {font-size:0.8em;font-style:italic}
figure {text-align:center}

/* modern clearfix */
.cf:before,
.cf:after {
    content:"";
    display:table;
    line-height:0;
}
.cf:after {
    clear:both;
}


	/*feedburner rss display*/
	

	
	

div.feedburnerFeedBlock ul { 
margin-left:0; 
padding-left:0; 
list-style-type: none 
}
div.feedburnerFeedBlock div { 
font-size:92%;line-height: 120%;
}
div.feedburnerFeedBlock ul li span.headline { 
font-weight:bold; 
display:block; 
margin:12px 0 2px 0; }

div.feedburnerFeedBlock { 
border:2px solid #339; 
background-color:#ccf; 
padding:12px; 
}
.feedTitle{font-size:120%;font-weight:bold;}


/*cust srch google rem g c s*/
.gsc-input, #gsc-i-id1 {
background-image:none !important;
}


#footer{background-color:#ccccff;border-top-color:#666666;border-top-style:solid;font-size:.9em;padding: 12px 0 12px 0  }
.hidebots {visibility: hidden;}


/*smrof mapsitna*/
.form-weburl {display:none} 

@media print {
.menu-inside .footer {display:none} 
}

/*  Drop down menu
-------------------------------------------------- */
@media screen and (min-width: 400px) and (max-width: 768px) {
/* Style The Dropdown Button menu */
.dropbtn {
    background-color: #99f;
    color: white;
    padding: 8px 12px 8px 12px;
    font-size: 12px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
		right:0;
    background-color: #3333ff;
		opacity: 0.8;
    min-width: 135px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
		 font: bold .85em open sans, verdana, sans-serif;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #ddddff;
    padding: 6px 6px;
    text-decoration: none;
    display: block;
		opacity: 1;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3333ff;
		opacity: 0.8;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {color: #ffffff}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}
}
@media screen and (min-width: 768px)/*was 50em*/ {
.dropdown {display:none}
} 
@media screen and (max-width: 499px) {
.dropdown {display:none}
.SCUBANews{margin-left:1em;max-width:499px;font-family: arial, helvetica, verdana, sans-serif; font-size: 1em; line-height: 1.2; }
} 
}

@media (max-width: 389px) 
{
h1{font-family:"Comic Sans MS",times, serif;font-size:1em;letter-spacing:0.05em;margin-top:25px;line-height:1.2}
.SCUBANews{margin-left:1em;max-width:389px;font-family: arial, helvetica, verdana, sans-serif; font-size: 1em; line-height: 1.2; }
}

button[type=submit] {
    padding: 10px 15px;
    background: #66f;
    color: #FFF;
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    border: solid 1px #66f;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;*/
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

button {
    padding: 10px 15px;
    background: #66f;
    color: #FFF;
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    border: solid 1px #66f;
    /*ext-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;*/
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-decoration: none;
    text-color: white;
}

.button-link {
    padding: 10px 15px;
		margin-bottom: 1 rem;
    background: #FF9900;
    color: #FFF;
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    border: solid 1px #FF9900;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;*/
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link:hover {
    background: #66f;
    border: solid 1px #20538D;
    text-decoration: none;
}
.button-link:visited {
    color:#fff;
    text-decoration: none;
}
.button-link:active {
    /*-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);*/
    background: #99f;
    border: solid 1px #99f;
    text-decoration: none;
}

.button-link-sidebar {
    padding: 10px 15px;
    background: #eee;
    color: #66f;
    -webkit-border-radius: 4px;
    /*-moz-border-radius: 4px;
    border-radius: 4px;*/
    border: solid 1px #660;
   /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
   /* -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;*/
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link-sidebar:hover {
    background: #99f;
    border: solid 1px #20538D;
    text-decoration: none;
		color:white;
}

.button-link-sidebar:active {
    /*-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);*/
    background: #99f;
    border: solid 1px #99f;
}


.magnify {fill: #ffffff;padding:0;} /*on search box, svg Search*/
.bars {fill: #ffffff;padding:0;} /*on search box, svg dropdown menu bars*/

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
  background: ccf;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

/*Cookie consent purecookie.js*/
.cookieConsentContainer {
	z-index: 999;
	width: 260px;/*350*/
	min-height: 20px;
	box-sizing: border-box;
	padding: 10px 10px 10px 10px;/*30*/
	background: rgba(66, 66, 66, 0.8);/*#232323*/
	overflow: hidden;
	position: fixed;
    bottom: 10px;/*30*/
	right: 10px;/*30*/
	display: none;
}
.cookieConsentContainer .cookieTitle a {
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 16px; /*22px*/
	line-height: 16px; /*20px*/
	display: block;
}
.cookieConsentContainer .cookieDesc p {
	margin: 0;
	padding: 0;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 12px;/*13*/
	line-height: 14px;/*20*/
	display: block;
	margin-top: 10px;
} .cookieConsentContainer .cookieDesc a {
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	text-decoration: underline;
}
.cookieConsentContainer .cookieButton a {
	display: inline-block;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	margin-top: 13px;
	background: #000000;
	box-sizing: border-box; 
	padding: 10px 16px;
	text-align: center;
	transition: background 0.3s;
}
.cookieConsentContainer .cookieButton a:hover { 
	cursor: pointer;
	background: #66f;
}

@media (max-width: 260px) /*980*/{
	.cookieConsentContainer {
		bottom: 0px !important;
		left: 0px !important;
		width: 100%  !important;
	}
	
.SCUBANews{margin-left:1em;max-width:260px;font-family: arial, helvetica, verdana, sans-serif; font-size: 1em; line-height: 1.2; }
}


.menu-inside{padding-top:10px;max-width:232px;margin:auto;color:white}
/*.form-control, .header, .search, .btn, .dropbtn, .dropdown, .dropdown-content, .menu all in header-heading.txt*/