<style type="text/css">


html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, 
a {margin: 0; padding: 0; border: 0;} 

@viewport, @-ms-viewport
{zoom: 1.0;
width: extend-to-zoom}


img {max-width: 100%; height: auto;}



/*Code for link attributes*/


a:link {text-decoration: none;
background: rgb(154,202,247);
padding: 2px;
border-radius: 3px;
font-weight: bold;
color: rgb(38,10,56);
line-height: 1.5em;}

a:visited {text-decoration: none;
background: rgb(83,172,194);
padding: 2px;
font-weight: bold;
color: rgb(38,10,56);
line-height: 1.5em;}

a:hover {text-decoration: none;
background: rgb(130,131,212);
padding: 5px;
border: 1px solid rgb(90,142,191);
font-weight: bold;
color: rgb(37,25,83);
line-height: 1.5em;
-webkit-transition-duration: 0.2s; /* Safari */
transition-duration: 0.2s;}


a:active {text-decoration: none;
background: rgb(148,219,239);
padding: 5px;
border: 1px solid rgb(90,142,191);
font-weight: bold;
color: rgb(124,40,175);
line-height: 1.5em;}



.footnote a:link 
{text-decoration: none;
background: rgb(20,5,61);
padding: 2px;
font-weight: normal;
color: rgb(154,202,247);
line-height: 2.50em;}

.footnote a:visited 
{text-decoration: none;
background: rgb(9,5,63);
padding: 2px;
font-weight: normal;
color: rgb(83,172,194);
line-height: 2.50em;}

.footnote a:hover 
{text-decoration: none;
background: rgb(130,131,212);
padding: 5px;
border: 1px solid rgb(92,171,186);
font-weight: bold;
color: rgb(37,25,83);
line-height: 2.50em;}

.footnote a:active 
{text-decoration: none;
font-weight: bold;
padding: 5px;
border: 1px solid rgb(92,171,186);
font-weight: bold;
color: rgb(111,54,143);
background: rgb(148,219,239);
line-height: 2.50em;}


.left
{text-align:left;
float:left;}

.right
{float:right;
text-align:right;}

.centered
{text-align:center;}


/*Code for font attributes*/


blockquote
{background: rgb(38,10,56);
padding: 20px;}


h1 {font-weight: bold;
font-variant: small-caps;
font-size: 2.5em;
line-height: 1.5em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(118,200,242);
text-align: center;}


h2 {font-weight: bold;
font-variant: small-caps;
font-size: 2em;
line-height: 2.25em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(118,200,242);
text-align: center;}


h3 {font-weight: bold;
font-style: italic;
font-size: 2em;
line-height: 1em;
font-family: "Book Antiqua", "Times Roman", serif;
color:rgb(198,139,253);
text-align: center;}

h4 {font-weight: lighter;
font-style: italic;
font-size: 1em;
line-height: 1em;
font-family: "Book Antiqua", "Times Roman", serif;
color:rgb(215,171,255);
text-align: center;}


h5 {font-weight: bold;
font-style: normal;
font-size: 1em;
line-height: 1em;
font-family: "Book Antiqua", "Times Roman", serif;
color:rgb(215,171,255);
padding: 5px;
text-align: left;}

h6 {font-style: italic;
font-weight: bold;
font-size: 1em;
font-family: "Book Antiqua", "Times Roman", serif;
color:rgb(38,10,56);
text-align: center;}



/*title no longer being used polyps, leathers, shrooms, curing - do not know if used*/

.title
{font-weight: bold;
font-variant: small-caps;
font-style: normal;
font-size: 2.0em;
line-height: 1.5em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(147,185,255);
text-align: center;}


.italic
{font-weight: normal;
font-style: italic;
font-size: .75em;
font-family: tahoma, helvetica, sans-serif;
color: rgb(45,7,69);}




.italiclt
{font-weight: normal;
font-style: italic;
font-size: .85em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(154,255,255);}



.italicgrn
{font-weight: normal;
font-style: italic;
font-size: .80em;
line-height: 1.50em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(59,204,85);}



.italic2
{font-weight: normal;
font-style: italic;
font-size: 1em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(45,7,69);}


.italic3
{font-weight: normal;
font-style: italic;
font-size: .65em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(118,200,242);}


.italic4
{font-weight: normal;
font-style: italic;
font-size: .85em;
font-family: "Times Roman", serif;
color: rgb(188,185,188);}


.italic5
{font-weight: normal;
font-style: italic;
font-size: 1em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(147,185,255);}

.italic6
{font-weight: normal;
font-style: italic;
font-size: .80em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(147,185,255);}


.italiclg
{font-style: italic;
font-size: 1.10em;
font-family: "Book Antiqua", "Times Roman", serif;}



.italicbld
{font-style: italic;
font-size: 1.10em;
font-weight: bold;
font-family: "Book Antiqua", "Times Roman", serif;}



.boldlav
{font-weight: bold;
font-size: 1.15em;
line-height: 1.5em;
color: rgb(170,176,235);}



/*Code for image attributes*/


.sitemap
{padding: 8px;
border: 5px solid rgb(35,26,101);
background: rgb(34,45,150);
background:url(bk47b.jpg);}


.pad
{padding: 30px;
border: none;}


.border
{padding: 5px;
border-radius: 10px;
border: 1px solid rgb(147,164,237);}



.borderpad
{margin-top: 25px;
margin-left: 0px;
margin-right: 25px;
margin-bottom: 25px;
padding: 5px;
border: 1px solid rgb(147,164,237);}


/*Link Footer*/

#linkfooter
{width: 95%;
height: auto;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
background: rgb(0,0,82);
background:url(bk48.jpg);
padding-top: 25px;
padding-left: 35px;
padding-right: 35px;
padding-bottom: 15px;
border: 1px solid rgb(49,43,248);
font-weight: normal;
font-size: 1em;
line-height: 1.75em;
font-family: calibri, helvetica, sans-serif;
color: rgb(153,164,218);
text-align: left;
white-space: nowrap;
float: left;}


/*Caption - Drop-down Navigation Box*/

#menubox
{border-radius: 25px 25px 5px 5px;
width: 35%;
height: auto;
margin-top: 75px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 400px;
background: rgb(2,2,53);
background:url(bk48.jpg);
padding-top: 25px;
padding-left: 25px;
padding-right: 20px;
padding-bottom: 25px
font-weight: normal;
font-style: italic;
font-size: .95em;
line-height: 1.50em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(184,196,286);
text-align: left;}




/*Navigation Bar*/


/*Dropdown Button*/
.dropbtn 
{width: 150px;
background-color: rgb(181,170,250);
color: rgb(24,17,70);
padding: 20px;
font-size: 1em;
border: none;
cursor: pointer;}


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


/*Dropdown Content (Hidden by Default)*/
.dropdown-content 
{display: none;
position: absolute;
background-color: rgb(24,17,70);
font-family: verdana, helvetica, sans-serif;
font-size: .90em;
line-height: 1em;
color: rgb(181,170,250);
min-width: 150px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;}


/*Links inside the dropdown*/
.dropdown-content a 
{color: rgb(24,17,70);
padding: 12px 16px;
text-decoration: none;
display: block;}


/*Change color of dropdown links on hover*/

.dropdown-content a:hover 
{background-color: rgb(171,164,255);}


/*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: rgb(149,155,253);}



#navspace
{width: 100%;
height: auto;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
clear: left;}







/*May have been a sample page that was moved ... no longer in use?*/


#zoascontents
{width: 85%;
height: auto;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background:rgb(0,8,48);
border: 1px solid rgb(12,3,35);
position: relative;
text-align: center;}


#zoastitle
{width: 85%;
height: auto;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: rgb(0,8,48);
padding: 30px;
border: none;
font-weight: bold;
font-variant: small-caps;
font-style: normal;
font-size: 3.0em;
line-height: 1.5em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(147,185,255);
text-align: left;}


#zoas1
{width: 85%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(0,8,48);
padding: 30px;
border: 1px solid rgb(147,185,255);
font-weight: normal;
font-style: italic;
font-size: 1.30em;
line-height: 1.50em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(131,127,228);
text-align: center;}


#zoas2
{width: 85%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(0,8,48);
padding: 30px;
border: none;
font-weight: normal;
font-style: normal;
font-size: 1.25em;
line-height: 1.50em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(147,185,255);
text-align: left;}




#zoaslinks 
{width: 65%;
height: auto;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: rgb(0,8,48);
padding: 50px;
border: 1px solid rgb(147,185,255);
font-weight: normal;
font-style: italic;
font-size: 1.25em;
line-height: 2em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(147,185,255);
text-align: left;}

#zoasfooter
{width: 65%;
height: auto;
background: rgb(0,8,48);
margin-left: auto;
margin-right: auto;
padding: 50px;
border: none;
font-weight: normal;
font-size: 1.15em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(147,185,255);
text-align: center;}



/*POLYPS*/


#polypscontents
{width: 98%;
height: auto;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background:rgb(13,4,34);
border: 1px solid rgb(24,17,70);
position: relative;
text-align: center;}


#polypstitle
{width: 90%;
height: auto;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
background: linear-gradient(to bottom, rgba(49,34,88,0), rgba(49,34,88,1));
padding-top: 75px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
border-radius: 10px;
border-top: 1px solid rgb(69,34,110);
border-bottom: 1px solid rgb(69,34,110);
font-weight: bold;
font-style: italic;
font-size: 3em;
line-height: 1.50em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(147,185,255);
text-align: left;}


#polyps1
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(13,4,34);
padding: 50px;
border-radius: 10px;
border-top: 1px solid rgb(69,34,110);
border-bottom: 1px solid rgb(69,34,110);
font-weight: normal;
font-style: italic;
font-size: 1.45em;
line-height: 1.65em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(176,196,238);
text-align: left;}


.polyps
{padding: 5px;
border-radius: 10px;
border: 1px solid rgb(69,34,110);}




#polyps2
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(13,4,34);
padding: 50px;
border-radius: 10px;
border-top: 1px solid rgb(69,34,110);
border-bottom: 1px solid rgb(69,34,110);
font-weight: normal;
font-style: normal;
font-size: 1.45em;
line-height: 1.65em;
font-family: tahoma, helvetica, sans-serif;
color: rgb(176,196,238);
text-align: left;}



#polyps3
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(13,4,34);
padding: 50px;
border-radius: 10px;
border-top: 1px solid rgb(69,34,110);
border-bottom: 1px solid rgb(69,34,110);
font-weight: normal;
font-style: normal;
font-size: 1.45em;
line-height: 1.65em;
font-family: tahoma, helvetica, sans-serif;
color: rgb(176,196,238);
text-align: left;}



#polyps4
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(13,4,34);
padding: 50px;
border-radius: 10px;
border-top: 1px solid rgb(69,34,110);
border-bottom: 1px solid rgb(69,34,110);
font-weight: normal;
font-style: normal;
font-size: 1.45em;
line-height: 1.65em;
font-family: tahoma, helvetica, sans-serif;
color: rgb(176,196,238);
text-align: left;}



#polypslinks 
{width: 90%;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: rgb(13,4,34);
padding: 50px;
border-radius: 10px;
border-top: 1px solid rgb(69,34,110);
border-bottom: 1px solid rgb(69,34,110);
font-weight: normal;
font-style: normal;
font-size: 1.35em;
line-height: 2em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(176,196,238);
text-align: left;}





/*LEATHERS*/



#leathercontents
{width: 98%;
height: auto;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background:rgb(13,4,34);
border: 1px solid rgb(24,17,70);
position: relative;
text-align: center;}


#leathertitle
{width: 90%;
height: auto;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
background: linear-gradient(to bottom, rgba(49,34,88,0), rgba(49,34,88,1));
padding-top: 75px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
border-radius: 10px;
border-top: 1px solid rgb(69,34,110);
border-bottom: 1px solid rgb(69,34,110);
font-weight: bold;
font-style: italic;
font-size: 3em;
line-height: 1.50em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(147,185,255);
text-align: left;}



#leathersmain
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(13,4,34);
padding: 50px;
border-radius: 10px;
border-top: 1px solid rgb(69,34,110);
border-bottom: 1px solid rgb(69,34,110);
font-weight: normal;
font-style: normal;
font-size: 1.45em;
line-height: 1.65em;
font-family: tahoma, helvetica, sans-serif;
color: rgb(176,196,238);
text-align: left;}


.leather
{padding: 5px;
border-radius: 10px;
border: 1px solid rgb(69,34,110);}


#leatherlinks 
{width: 90%;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: rgb(13,4,34);
padding: 50px;
border-radius: 10px;
border-top: 1px solid rgb(69,34,110);
border-bottom: 1px solid rgb(69,34,110);
font-weight: normal;
font-style: normal;
font-size: 1.35em;
line-height: 2em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(176,196,238);
text-align: left;}




/*SHROOMS*/


#shroomscontents
{width: 98%;
height: auto;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background:rgb(13,4,34);
border: 1px solid rgb(48,10,66);
position: relative;
text-align: center;}


#shroomstitle
{width: 90%;
height: auto;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
background: linear-gradient(to bottom, rgba(49,34,88,0), rgba(49,34,88,1));
padding-top: 75px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
border-radius: 10px;
border-top: 1px solid rgb(69,34,110);
border-bottom: 1px solid rgb(69,34,110);
font-weight: bold;
font-style: italic;
font-size: 3em;
line-height: 1.50em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(147,185,255);
text-align: left;}


#shroomsmain1
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(13,4,34);
padding: 50px;
border-radius: 10px;
border-top: 1px solid rgb(69,34,110);
border-bottom: 1px solid rgb(69,34,110);
font-weight: normal;
font-style: normal;
font-size: 1.45em;
line-height: 1.65em;
font-family: tahoma, helvetica, sans-serif;
color: rgb(176,196,238);
text-align: left;}



.mushrooms
{padding: 5px;
border-radius: 10px;
border: 1px solid rgb(69,34,110);}



#shroomsmain2
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(13,4,34);
padding: 50px;
border-radius: 10px;
border-top: 1px solid rgb(69,34,110);
border-bottom: 1px solid rgb(69,34,110);
font-weight: normal;
font-style: italic;
font-size: 1.45em;
line-height: 1.65em;
font-family: tahoma, helvetica, sans-serif;
color: rgb(176,196,238);
text-align: left;}


#shroomslinks 
{width: 90%;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: rgb(13,4,34);
padding: 50px;
border-radius: 10px;
border-top: 1px solid rgb(69,34,110);
border-bottom: 1px solid rgb(69,34,110);
font-weight: normal;
font-style: normal;
font-size: 1.35em;
line-height: 2em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(176,196,238);
text-align: left;}





/*Coral Photos - Tonga*/


#tongaphotocontents
{width: 98%;
height: auto;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 70px;
background: rgb(13,4,34);
position: relative;
text-align: center;}



#tongaphototitle
{width: 90%;
height: auto;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background:rgb(35,26,101);
background:url(bka5.jpg);
padding-top: 100px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
border-bottom: 5px solid rgb(22,23,83);
font-weight: bold;
font-variant: small-caps;
font-size: 2.65em;
line-height: 2.25em;
font-family: "Book Antiqua", "times roman", serif;
color: rgb(147,185,255);
text-align: left;}


#tongaphotoheading
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background: linear-gradient(to right, rgba(130,131,208,0), rgba(130,131,208,1));
padding-top: 20px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 5px;
border-bottom: 5px solid rgb(22,23,83);
font-weight: normal;
font-size: .85em;
line-height: 2em;
font-family: verdana, helvetica, sans-serif;
color: rgb(0,0,82); 
text-align: right;}


#tongaphoto
{width: 90%;
height: auto;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: rgb(13,4,34);
padding-top: 100px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
border: none;
font-weight: normal;
font-size: 1.50em;
font-style: italic;
line-height: 2em;
font-family: tahoma, helvetica, sans-serif;
color: rgb(147,164,237);
text-align: left;}



#tongafooter
{width: 90%;
height: auto;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
background: rgb(13,4,34);
padding: 50px;
border-radius: 10px;
border-top: 1px solid rgb(69,34,110);
border-bottom: 1px solid rgb(69,34,110);
font-weight: normal;
font-size: 1.25em;
line-height: 1.65em;
font-family: verdana, helvetica, sans-serif;
color: rgb(127,196,254);
text-align: left;}




/*Assorted Photos*/


#photoscontents
{width: 98%;
height: auto;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 70px;
background: rgb(20,5,61);
border: 1px solid rgb(20,5,61);
position: relative;
text-align: center;}


#photostitle
{width: 90%;
height: auto;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
background:rgb(27,13,73);
padding-top: 100px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
border-radius: 10px;
border-top: 1px solid rgb(159,145,222);
border-bottom: 1px solid rgb(159,145,222);
font-weight: bold;
font-variant: small-caps;
font-size: 2.65em;
line-height: 2.25em;
font-family: "Book Antiqua", "times roman", serif;
color: rgb(153,164,218);
text-align: left;}



#photosmain
{width: 90%;
height: auto;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(0,8,48);
padding: 50px;
border-radius: 10px;
border-top: 1px solid rgb(37,25,83);
border-bottom: 1px solid rgb(37,25,83);
font-weight: normal;
font-style: normal;
font-size: 1.65em;
line-height: 2em;
font-family: "times roman", serif;
color: rgb(153,164,218);
text-align: left;}


#photoslinks
{width: 90%;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(20,5,61);
padding: 50px;
border-radius: 10px;
border: 1px solid rgb(37,25,83);
font-weight: normal;
font-size: 1.25em;
line-height: 1.65em;
font-family: verdana, helvetica, sans-serif;
color: rgb(127,196,254);
text-align: left;}



</style>



