@charset "utf-8";
/* CSS Document */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 5px 0px 5px 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url('http://bluelagoontonga.com/images/water3.jpg'); 
	background-repeat: repeat; background-attachment: fixed;
	background-color:#011D5C;
	width: 100%;
}
img			{ border: 0px; }
h1	{
	margin-top: 0px;
	padding-top: 14px;
	
	padding-left: 15px;
	color: #3497D4;
	font-size: 16pt;
	font-weight: normal;
	}
h2			{
	margin-top: 0px;
	color: #666666;
	font-size: 14pt;
}
h3			{
	color: #666666;
	font-size: 9pt;
	font-weight: bolder;
}
h4			{
	color: #009900;
	font-size: 12pt;
	font-weight: bolder;
	padding: 0px;
}
a			{ color: #006666; font-size: 10pt; text-decoration: none; font-weight: bold; }
a:active {  font-style: normal; text-decoration: none; font-size:12px; color: #000066;}
a:hover		{ text-decoration: underline; }
a:link {  text-decoration: none; font-size:12px; }
a:visited {  text-decoration: none; color: #003366;}
.button		{ font-size: 8pt; font-weight: bolder; }
.input		{ border: solid 1px #AAAAAA; background-color: #e0fffe; }
.button		{ font-size: 8pt; font-weight: bolder; }
.error		{ background-image: url('../images/alert.png'); height: 24px; background-repeat: no-repeat; padding: 4px 2px 4px 26px; background-color: #fffda9; background-position: left; font-weight: bold; color: #FF0000; border: dashed 1px #FF0000; }

#container {
	width: 995px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-size: 12px;
	z-index: 1;
	}
#content a:hover	{
text-decoration: underline;
}
#locationmap {
position: inherit;
	float: right; /* since this element is floated, a width must be given */
	width: 380px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 370px;
	/*background: #000000; the background color will be displayed for the length of the content in the column, but no further */
	background: url(../images/contact/loading_map.gif) #ffffff;
	top: 200px;
	 right: 200px;
	 margin: 18px 18px 5px 10px;
	padding: 4px 6px 4px 4px;
	border: 1px #000000 solid;
	color: #666666;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
}
#contactmap {
position: inherit;
	float: right; /* since this element is floated, a width must be given */
	width: 383px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 301px;
	/*background: #000000; the background color will be displayed for the length of the content in the column, but no further */
	background: url(../images/contact/loading_map.gif) #ffffff;
	top: 200px;
	 right: 200px;
	 margin: 8px 11px 5px 10px;
	padding: 4px 4px 4px 4px;
	border: 1px #000000 solid;
	color: #666666;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
}
#header {
	position: relative;
	height: 132px;
	width: 100%;
	background-color: #00529c;
	}

#headerMenuSub
	{
	position: absolute;
	top: 106px;
	height: 26px;
	width: 100%;
	background-image: url('../images/menuBack.gif');
	background-repeat: repeat-x;
	/*text-align: center;*/
	}
.mainMenu a
{
	color: #3665ab;
	font-size: 8pt;
	font-weight: bolder;
}
.mainMenu a:hover
{
	color: #555555;
	text-decoration: none;
}
.mainMenu td
{
	vertical-align: middle;
	height: 26px;
	text-align: left;
}
.subMenu
{
	background-color: #FFFFFF;
	filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #DDDDDD;
	border-top: solid 1px #DDDDDD;
}
.subMenu a:hover
{
	color: #555555;
	text-decoration: none;
}
.subMenu td
{
	padding: 2px 0px 2px 0px;
}

/*START OF MENU CSS*/
#menu {
width: 100%;
float: left;
margin-top: 2px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: none;
margin: 0;
padding: 1.5px 3px;
}

#menu h2 {
color: #3665ab;
text-align: center;
}

#menu a {
color: #3665ab;
text-decoration: none;
}

#menu a:hover {
color: #555555;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
width: 180px;
background: #efefef;
filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;
}

#menu ul ul ul {
top: 0;
left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#banner {
	width: 995px;
	background: url(../images/banner/loading_image.gif) center no-repeat #ffffff;
	height: 369px;
	
}
#content {
	padding: 10px;
	font-size: 13px;
}
#thankyou {
	padding: 0px 10px 10px 45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

#footer
	{
	position: relative;
	height: 42px;
	width: 100%;
	background-color: #1D3666;
	vertical-align: bottom;
	font-size: 10px;
	}
.footerContent
{
	width: 740px;
	height: 18px;
	/*background-image: url('../images/footerBackground.gif');*/
	text-align: center;
	color: #d5e2ed;
	font-size: 8pt;
	padding-top: 15px;
}
.footerContent a
{
	color: #CCCCCC;
	font-size: 10px;
}
.footerContent a:hover
{
	text-decoration: underline;
}
.southpacificinternet {color: #CCCCCC}
.southpacificinternet a
{
	color: #CCCCCC;
	font-size: 10px;
}
.southpacificinternet a:hover
{
	text-decoration: underline;
}

.activities_header {
	font-size: 16px;
	color: #009900;
	font-weight: bold;
}