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



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

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

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

.footnote7 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*/


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



.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-style: italic;
font-size: 1.30em;
line-height: 1.30em;}

.italic3
{font-style: italic;
font-size: .85em;}


.bold
{font-weight: bold;
font-style: normal;
font-size: 1.15em;
line-height: 1.5em;}



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



.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: 25px;
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;}






/*Template - Temporary - former Tonga Corals*/


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


#title
{width: 90%;
height: auto;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: linear-gradient(to bottom, rgba(52,57,124,0), rgba(52,57,124,1));
padding-top: 100px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
border-radius: 10px;
border-top: 1px solid rgb(147,185,255);
border-bottom: 1px solid rgb(147,185,255);
font-weight: bold;
font-variant: small-caps;
font-size: 2.65em;
line-height: 2.25em;
font-family: "Book Antiqua", "times roman", serif;
color: rgb(182,184,222);
text-align: left;}


#heading
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background: linear-gradient(rgb(84,130,179), rgb(188,175,255));
padding-top: 75px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 75px;
border-radius: 10px;
border-top: 1px solid rgb(54,13,81);
border-bottom: 5px solid rgb(74,56,142);
font-weight: normal;
font-size: 1.35em;
line-height: 1.50em;
font-family: "Book Antiqua", "times roman", serif;
color: rgb(36,34,83);
text-align: left;}


#main1
{width: 90%;
height: auto;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: rgb(24,17,70);
padding-top: 100px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 100px;
border: none;
font-weight: normal;
font-style: normal;
font-size: 1.55em;
line-height: 1.75em;
font-family: "Book Antiqua", "times roman", serif;
color: rgb(147,164,237);
text-align: left;}



#main2
{width: 90%;
height: auto;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: rgb(178,182,242);
padding: 50px;
border: none;
font-weight: normal;
font-size: 1.25em;
line-height: 1.65em;
font-family: verdana, helvetica, sans-serif;
color: rgb(20,9,68);
text-align: left;}



#footer
{width: 90%;
height: auto;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: rgb(12,13,59);
padding-top: 75px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 100px;
border-top: 1px solid rgb(178,182,242);
font-weight: normal;
font-size: 1.25em;
line-height: 1.65em;
font-family: tahoma, helvetica, sans-serif;
color: rgb(176,193,238);
text-align: left;}



































/*LEARNABOUT*/


.cultural1
{margin-left: auto;
margin-right: auto;
padding: 50px;
border: none;
float: left;}


#culturalspace
{width: 90%;
height: auto;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
padding: 5px;
clear: both;}


#culturalcontents
{width: 95%;
height: auto;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 80px;
background-color:rgb(6,2,27);
border: 1px solid rgb(6,2,27);
padding: 15px;
position: relative;
text-align: center;}


#culturaltitle
{width: 90%;
height: auto;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: linear-gradient(to bottom, rgba(52,57,124), rgba(3,71,132));
padding: 50px;
border-radius: 10px;
border-top: 1px solid rgb(139,182,189);
border-bottom: 1px solid rgb(139,182,189);
font-weight: bold;
font-style: italic;
font-size: 3.00em;
line-height: 2.50em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(180,220,255);
text-align: left;}


#culturalhead
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background-color:rgb(6,2,27);
padding-top: 100px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 15px;
border-bottom: 1px solid rgb(100,93,148);
font-weight: normal;
font-size: 1.50em;
line-height: 1.65em;
font-family: verdana, helvetica, sans-serif;
color: rgb(180,220,255);
text-align: left;}


#culturalmain1
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background-color:rgb(6,2,27);
padding-top: 25px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
border: none;
font-weight: normal;
font-size: 1.50em;
line-height: 1.65em;
font-family: verdana, helvetica, sans-serif;
color: rgb(180,220,255);
text-align: left;}



#culturalmain2
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background-color:rgb(6,2,27);
padding: 50px;
border-top: 1px solid rgb(147,164,237);
font-weight: normal;
font-size: 1.35em;
line-height: 1.50em;
font-family: verdana, helvetica, sans-serif;
color: rgb(180,220,255);
text-align: left;}


#culturalfooter
{width: 90%;
height: auto;
margin-top: 75px;
margin-left: auto;
margin-right: auto;
margin-bottom: 75px;
background-color:rgb(6,2,27);
padding-top: 75px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 100px;
border-top: 1px solid rgb(147,164,237);
font-weight: normal;
font-style: normal;
font-size: 1.30em;
line-height: 1.30em;
font-family: verdana, helvetica, sans-serif;
color: rgb(180,220,255);
text-align: left;}




/*TELEPHONES*/



.tele1
{padding: 50px;
float: left;}


.tele2
{padding-top: 25px;
padding-left: 50px;
padding-right: 25px;
padding-bottom: 25px;
float: left;}


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


#teletitle
{width: 90%;
height: auto;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: linear-gradient(to bottom, rgba(52,57,124), rgba(3,71,132));
padding: 50px;
border-radius: 10px;
border-top: 1px solid rgb(139,182,189);
border-bottom: 1px solid rgb(139,182,189);
font-weight: bold;
font-style: italic;
font-size: 2.50em;
line-height: 2.50em;
font-family: georgia, "times roman", serif;
color: rgb(180,220,255);
text-align: left;}


#teleheading1
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background-color:rgb(13,4,34);
padding-top: 25px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 75px;
border-radius: 10px;
border: 1px solid rgb(75,91,187);
font-weight: normal;
font-size: 1.50em;
line-height: 1.65em;
font-family: georgia, "times roman", serif;
color: rgb(180,220,255);
text-align: left;}



#teleheading2
{width: 90%;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: linear-gradient(to bottom, rgba(19,0,69,0), rgba(19,0,69,1));
padding: 50px;
border-radius: 10px;
border: 1px solid rgb(75,91,187);
font-weight: normal;
font-style: italic;
font-size: 1.35em;
line-height: 1.65em;
font-family: georgia, "times roman", serif;
color: rgb(180,220,255);
text-align: left;}


#telemain
{width: 90%;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-color:rgb(13,4,34);
padding: 50px;
border-radius: 10px;
border: 1px solid rgb(75,91,187);
font-weight: normal;
font-style: normal;
font-size: 1.50em;
line-height: 1.85em;
font-family: georgia, "times roman", serif;
color: rgb(180,220,255);
text-align: left;}



#telefooter
{width: 90%;
height: auto;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-color:rgb(13,4,34);
padding: 50px;
border-radius: 10px;
border: 1px solid rgb(75,91,187);
font-weight: normal;
font-size: 1.25em;
line-height: 1.65em;
font-family: verdana, helvetica, sans-serif;
color: rgb(176,193,238);
text-align: left;}




/*VANUATU - (Pics)*/



#vancontents
{width: 98%;
height: auto;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 80px;
background-color:rgb(2,2,53);
border: 1px solid rgb(2,2,53);
padding: 10px;
position: relative;
text-align: center;}


#vantitle
{width: 90%;
height: auto;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: linear-gradient(to top, rgba(52,57,124), rgba(27,48,113));
padding-top: 75px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 75px;
border-radius: 10px;
border-top: 1px solid rgb(180,220,255);
border-bottom: 1px solid rgb(180,220,255);
font-weight: bold;
font-variant: small-caps;
font-size: 2.65em;
line-height: 2.50em;
font-family: georgia, "times roman", serif;
color: rgb(180,220,255);
text-align: left;}




#vanmain
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(2,2,53);
padding: 50px;
border: none;
font-weight: normal;
font-size: 1.35em;
line-height: 1.65em;
font-family: verdana, helvetica, sans-serif;
color: rgb(180,220,255);
text-align: left;}



#vanfooter
{width: 85%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(2,2,53);
padding: 50px;
border-top: 1px solid rgb(95,16,255);
font-weight: normal;
font-size: 1.25em;
line-height: 1.65em;
font-family: verdana, helvetica, sans-serif;
color: rgb(180,220,255);
text-align: left;}




/*youtube Channel*/

#ytcontents
{width: 95%;
height: auto;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: rgb(6,2,27);
border: 1px solid rgb(6,2,27);
position: relative;
text-align: center;}

#ytmain
{width: 85%;
height: auto;
margin-top: 175px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: rgb(6,2,27);
padding: 50px;
border-radius: 10px;
border-top: 1px solid rgb(95,16,255);
border-bottom: 1px solid rgb(95,16,255);
font-weight: normal;
font-size: 1.50em;
line-height: 1.65em;
font-family: "new times roman", "times roman", serif;
color: rgb(147,164,237);
text-align: left;}


#ytlinks
{width: 85%;
height: auto;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
background: rgb(6,2,27);
padding: 50px;
border: none;
font-weight: normal;
font-size: 1.35em;
line-height: 1.65em;
font-family: tahoma, helvetica, sans-serif;
color: rgb(147,164,237);
text-align: left;}




/*SILENT AUCTIONS*/

#auctioncontents
{width: 90%;
height: auto;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(4,8,59);
position: relative;
text-align: center;}


div.auctionimgcap
{width: 70%;
margin-left: auto;
margin-right: auto;
background: rgb(17,36,106);
padding: 20px;
border: none;
text-align: center;}


div.auctionimg p
{font-weight: lighter;
font-style: italic;
font-size: 1em;
font-variant: normal;
font-family: "Book Antiqua", "Times Roman", serif;
color:rgb(189,213,255);
line-height: 1.15em;
text-align: center;}



#auctiontitle
{width: 60%;
height: auto;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: rgb(4,8,59);
padding: 30px;
border: none;
font-weight: bold;
font-variant: small-caps;
font-style: italic;
font-size: 2.25em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(189,213,255);
text-align: left;}



#auctionmain1
{width: 80%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(20,9,48);
background-image:url(sump.jpg);
padding: 30px;
border: none;
font-weight: normal;
font-style: normal;
font-size: 1.20em;
line-height: 1.50em;
font-family: calibri, helvetica, sans-serif;
color: rgb(189,213,255);
text-align: left;}


#auctionlinks 
{width: 45%;
height: auto;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: rgb(20,9,48);
background-image:url(sump.jpg);
padding: 30px;
border: 1px solid rgb(47,9,242);
font-weight: normal;
font-style: italic;
font-size: .85em;
line-height: 2em;
font-family: calibri, helvetica, sans-serif;
color: rgb(154,163,202);
text-align: center;}



#auctionfooter
{width: 60%;
height: auto;
background: rgb(20,9,48);
background-image:url(sump.jpg);
margin-top: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
padding: 20px;
border: 1px solid rgb(47,9,242);
font-weight: normal;
font-size: .85em;
font-family: calibri, helvetica, sans-serif;
color: rgb(154,163,202);
text-align: center;}



</style>



