{color:#E90000; font-weight:bold}{color:#E90000; font-weight:bold}{color:#E90000; font-weight:bold}{color:#E90000; font-weight:bold}   

body {max-width:1200px; margin:auto; padding:20px; background-image: linear-gradient(#F0F8FF, #33f6ff);} 

code {color:#0066ff; font-weight:bold; font-size:1.1em}   
	 h1 {color:#045; font-family:Arial, Helvetica, sans-serif; text-align:center}
	  h1 1 {color:#036; font-family:Arial, Helvetica, sans-serif; text-align:center}

img {max-width:100%; height:auto}
header {width:100%; background-image:url('images/background.png'); border: 1px #CFF solid; text-align:center}
	 h1 {color:blue;}
	 h2 {color:#0000ff; font-family:Arial, Helvetica, sans-serif; text-align:center}
	 p {color:#036; font-family:Arial, Helvetica, sans-serif;}
.ptag {color:#036; font-family:Arial, Helvetica, sans-serif; text-align:center}
	 nav {text-align:center; word-spacing:3px; padding:20px; background-color:#ffc}
	 nav a {background-color:#ffc; border: 2px #ffc solid; padding:1px 2px;text-decoration:none; border-radius:2px}
     nav a:hover{border: blue 2px solid; padding: 2px}
	 footer {background-color:#FFFFE0; padding:4px 4px;text-decoration:none; border-radius:5px; text-align:center}
	 abbr {position: relative;}
     abbr:hover::after {position: absolute;bottom: 50%;left: 50%; padding: 1em; display: block;background: #dfff00 ;content: attr(title);}
	 nav li {display:inline;}



* {box-sizing: border-box;}

figure {display:inline-block; margin:0 18px; width:220px;
text-align:center; border:2px #900 solid; height: 220px } /* 1 column on smartphone, 4 columns on PC */
/* Note: figure has default left and right 40px margins */
.activities {display:block; margin:0 18px; vertical-align: middle; background-image: linear-gradient(#33f6ff, #F0F8FF); text-align:center; border:2px #009 solid; height: auto; padding:14px; margin-bottom:14px}
.colPic {display:inline-block; margin:0 18px;background-image: linear-gradient(#F0F8FF);  
text-align:center; border:2px #900 solid; height: auto;vertical-align: middle; padding:12px}
.colText {display:inline-block; margin:0 18px;background-image: linear-gradient(#F0F8FF);
text-align:center; border:2px #900 solid; height: auto; vertical-align: middle; padding:12px}

@media only screen and (min-width:600px){
.activities {display:inline-block; margin:0 18px; width:480px;
text-align:center; border:1px #009 solid; height: auto; width: auto; padding:14px; margin-bottom:14px}
} /* / 600 px */

blockquote {text-align:justify; }
blockquote:first-letter {font-size:1.8em; font-weight:bold}

#snorkel {text-align:center; color:Red; font-weight:bold; font-size:2.1em; text-decoration:underline;}	
#background {text-align:center; height:20px;  border:white; background-color:blue; border:white; color:white;}	
.required {color:#FB0206}
.dropdown {  position: relative;
  display: inline-block;}

.dropdown-content {  display: none;
  position: absolute;
  background-color: YELLOW;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;}

.dropdown:hover .dropdown-content {  display: block;}
#myDiv {
  -webkit-transform: rotateY(150deg); /* Safari prior 9.0 */
  transform: rotateY(150deg); /* Standard syntax */
}


p.intro:: first-letter{color:yellow; font-size: 2 em;}

ul.a {list-style:square;}
ul.b {list-style-image:url(images/sailicon.jpg)}
ol {list-style-type: upper-roman;}
li { font-weight: bold;}

table {border:5px blue solid;
  width:30%;
  margin-left:35%;
  margin-right: 35%;
};}
th {background-color: aliceblue; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";color:darkblue}.submit {
}

.submit {text-justify:right}