/* GLOBAL PARAMETERS */

body { 
	background: #012145 url(images/surfing_banyak_island.jpg) top left; 
	background-repeat: no-repeat;
	margin-top: 0; 
	margin-left: 0; 
	margin-right: 0; 
	margin-bottom: 0; 
}

h1 { 
	font-family: verdana, Tahoma, arial; 
	font-size: 11pt; 
	color: #ffffff; 
	font-weight: bold;
	font-style: italic
}
 
h2 { 
	font-family: verdana, arial; 
	font-size: 10pt; 
	color: #13D64F; 
	font-weight: bold; 
}

h3 { 
	font-family: verdana, arial; 
	font-size: 9pt; 
	color: #ffffff; 
	font-weight: bold; 
}

ul, li, ol { 
	font-family: verdana, arial, helvetica; 
	font-size: 9pt; 
	color: #ffffff; 
	font-weight: normal;
}

table { 
	border-collapse: collapse; 
} 

table td, table th { 
	padding: 0; 
} 

img {
	border: 0;
} 


/* DOCUMENT LINKS */

a:link, a:active, a:visited { 
	font-family: verdana; 
	font-size: 9pt; 
	color: #FF8A01; 
	text-decoration: underline; 
	font-weight: bold; 
} 
a:hover { 
	font-family: verdana; 
	font-size: 9pt; 
	color: #FFFFFF; 
	text-decoration: underline; 
	font-weight: bold; 
}

a.link-green:link, a.link-green:active, a.link-green:visited
		{ font-family: verdana, Tahoma, arial; font-size: 9pt; color: #10D49A; text-decoration: underline; font-weight: bold; font-style: italic; }
		
a.link-green:hover
		{ font-family: verdana, Tahoma, arial; font-size: 9pt; color: #ffffff; text-decoration: underline; font-weight: bold; font-style: italic; }
		

/* Menu  */

div#navlink a img.active {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px; border-width: 0px;}
div#navlink a img.passive {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 112px; border-width: 0px;}
div#navlink a:hover img.active {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 112px;}
div#navlink a:hover img.passive {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px;}

div#navlink2 a img.active {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px; border-width: 0px;}
div#navlink2 a img.passive {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 84px; border-width: 0px;}
div#navlink2 a:hover img.active {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 84px;}
div#navlink2 a:hover img.passive {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px;}

div#navlink3 a img.active {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px; border-width: 0px;}
div#navlink3 a img.passive {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 91px; border-width: 0px;}
div#navlink3 a:hover img.active {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 91px;}
div#navlink3 a:hover img.passive {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px;}

div#navlink4 a img.active {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px; border-width: 0px;}
div#navlink4 a img.passive {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 60px; border-width: 0px;}
div#navlink4 a:hover img.active {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 60px;}
div#navlink4 a:hover img.passive {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px;}

div#navlink5 a img.active {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px; border-width: 0px;}
div#navlink5 a img.passive {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 78px; border-width: 0px;}
div#navlink5 a:hover img.active {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 78px;}
div#navlink5 a:hover img.passive {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px;}

div#navlink6 a img.active {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px; border-width: 0px;}
div#navlink6 a img.passive {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 185px; border-width: 0px;}
div#navlink6 a:hover img.active {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 185px;}
div#navlink6 a:hover img.passive {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px;}

div#navlink7 a img.active {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px; border-width: 0px;}
div#navlink7 a img.passive {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 87px; border-width: 0px;}
div#navlink7 a:hover img.active {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 87px;}
div#navlink7 a:hover img.passive {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px;}

div#navlink8 a img.active {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px; border-width: 0px;}
div#navlink8 a img.passive {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 82px; border-width: 0px;}
div#navlink8 a:hover img.active {display: block; position: relative; top: 0px; left: 0px; height: 18px; width: 82px;}
div#navlink8 a:hover img.passive {display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px;}


/* DOCUMENT FONTS */

.green { 
	color: #08936A;
	font-weight: bold;
} 

.orange { 
	color: #FF8A01;
	font-weight: bold;
}

.white { 
	font-family: verdana; 
	font-size: 9pt; 
	color: #FFFFFF;
	text-align: left;
	width: 200px;
} 

	
/* DOCUMENT TABLES */
	
.main_table { 
	width: 779px;
	margin-left: 65px; 
	margin-right: auto;
	font-family: verdana; 
	font-size: 9pt; 
	color: #FFFFFF;
	text-align: justify;
} 

.main_table td { 
	vertical-align: top;
}

.left { 
	width: 165px; 
}

.left2 { 
	width: 529px;
	padding-left: 45px;
	padding-top: 41px;
}

.left3 { 
	width: 779px;
	padding-left: 45px;
	padding-top: 41px;
}

.left4 { 
	width: 779px;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 41px;
	text-align: center;
}

.left5 { 
	width: 779px;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 41px;
}

.middle { 
	width: 364px;
}

.picts { 
	padding-right: 52px;
	width:100%; 
	font-family: verdana; 
	font-size: 8pt; 
	color: #08936A;
	text-align: center;
}

.right { 
	width: 250px;
	padding-left: 33px;
	padding-right: 34px;
}

.right2 { 
	width: 250px;
	padding-left: 45px;
	padding-right: 5px;
	font-family: verdana; 
	font-size: 8pt; 
	color: #08936A;
	padding-top: 51px; 
	text-align: center;
}

.news { 
	width: 171px;
	font-family: verdana; 
	font-size: 9pt; 
	color: #FFFFFF;
	text-align: left;
}

.new td, .new th { 
	padding: 6px; 
} 

.footer, .footer2 { 
	background: url(images/footer.gif) bottom left;
	background-repeat: repeat-x;
	width: 779px;
	margin-left: 65px; 
	margin-right: auto;
	font-family: verdana; 
	font-size: 8pt; 
	color: #274E5B;
	text-align: center;
}

.footer td { 
	vertical-align: bottom;
	padding-right: 84px;
}

.footer2 td { 
	vertical-align: bottom;
}

.footer a, .footer a:visited, .footer a:active, .footer a:hover, .footer2 a, .footer2 a:visited, .footer2 a:active, .footer2 a:hover { 
	font-family: verdana; 
	font-size: 8pt; 
	color: #35606D; 
	text-decoration: underline; 
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
} 

.footer a:hover, .footer2 a:hover { 
	color: #ffffff; 
}

.weather { 
	vertical-align: bottom;
	text-align: center;
}

.flowimageleft {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.flowimageright {
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.flowimagelefttop {
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.gallery_big, .gallery_thumb {
	width: 479px;
	vertical-align: top;
	font-family: verdana; 
	font-size: 8pt; 
	color: #35606D;
}

.gallery_thumb {
	width: 300px;
}

.sideimage {
	padding-right: 1px;
	padding-bottom: 1px;
}

.galleryimage {
	border: 4px solid #C5EEFF;
}

.itinerary {
	width: 100%;
}

.itinerary  td, .itinerary th {
	padding: 4px;
}
.divider { 
	background: url(images/divider.gif);
	background-repeat: repeat-x;
}