<!--
/*---------------------------------------------- body ----------------------------------------------*/
body {
	font-family:Arial, Tahoma, Verdana;
	background-position:left-top;
	text-align:left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000066;
	background-image:url(images/bg_body.gif);
}

/*---------------------------------------------- These styles create the dropdown menus #Main Menu ---------------------------- */
#navbar, #navbar ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}
#navbar a {
	width:auto;
	display: block;
	padding: 3px 5px;
	color: #ffffff;
	text-decoration: none;
}
#navbar li {
	float: left;
	/* width: 10em; */
	width: auto;
}
#navbar li li a {
	width:12.5em; /* box size of second-level */
}
#navbar li li li a {
	width:14em; /* box size of third-level */
}
#navbar li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}
#navbar li ul ul {
	margin: -1.5em 0 0 12em; /* adjust the height and right position */
}
#navbar li:hover ul ul, #navbar li.hover ul ul {
	left: -999em;
}
#navbar li:hover ul, #navbar li li:hover ul, #navbar li.hover ul, #navbar li li.hover ul {
	left: auto;
}
/* ---add from Wayan's code --*/
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #cc1717;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	color: #ffffff; }
#navbar li a:hover, #navbar li li a:hover {
	color:#000000;
}

/*----------------------------- These styles create the dropdown menus #Destination Menu ---------------------------- */
#destnav, #destnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 183px;
}
#destnav li { /* all list items */
	position : relative;
	float : left;
	/* line-height : 1.25em; */
	margin-bottom : -1px;
	width : 183px;
}
#destnav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
}
#destnav li a {
	width : 183px;
	display: block;
	padding: 3px 5px;
	color:#0033CC;
	text-decoration:underline;
	font:Arial, Tahoma, Verdana;
	font-size:13px;
}
#destnav li:hover ul, #destnav li.hover ul {
	left: auto;
}
/* added by Pong */
#destnav li li a {
	width : 160px; /* box size of second-level */
	font:Arial, Tahoma, Verdana;
	font-size:12px;
	padding: 2px 2px;
}
#destnav li ul {
	margin: -40px 0 0 180px; /* adjust the right and the height position */
}
#destnav li #carribean {
	margin: -120px 0 0 180px; /* adjust the right and the height position */
}
#destnav li #pacific {
	margin: -80px 0 0 180px;  /* adjust the right and the height position */
}
#destnav li #indian {
	margin: -60px 0 0 180px;  /* adjust the right and the height position */
}
/* Fix IE. Hide from IE Mac \*/
* html #destnav li ul {margin: -40px 0 0 180px;}
* html #destnav li #carribean {margin: -120px 0 0 180px;}
* html #destnav li #pacific {margin: -80px 0 0 180px;}
* html #destnav li #indian {margin: -60px 0 0 180px;}
* html #destnav li li a {font-size:11px;padding: 2px 2px;}
/* ---add from Wayan's code --*/
#destnav li:hover li a, #destnav li.hover li a {
	background-color:#e5eaf5;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	color:#0033CC; }
#destnav li a:hover, #destnav li li a:hover {
	color:#cc1717;
}

/*---------------------------------------------- table ----------------------------------------------*/
h1 {
	font-family:Arial, Tahoma, Verdana;
	font-size:14px;
	color:#00297b;
	font-weight:bold;
}

h2 {
	font-family:Arial, Tahoma, Verdana;
	font-size:14px;
	color:#00297b;
	font-weight:bold;
}

h3 {
	font-family:Arial, Tahoma, Verdana;
	font-size:13px;
	color:#00297b;
	font-weight:bold;
}

.subscribebox {
	background-color:#ffffff;
	border-top:solid 1px #c6c6c6;
	border-left:solid 1px #c6c6c6;
	border-right: solid 1px #c6c6c6;
	border-bottom: solid 1px #c6c6c6;
}

.tdLeft {
	background-color:#9fbfb5;
	border-top:solid 1px #c6c6c6;
	border-left:solid 1px #c6c6c6;
	border-right: solid 1px #c6c6c6;
	border-bottom: solid 1px #ffffff;
}

.tdLeft-n1 {
	background-color:#d4e0e0;
	border-bottom: solid 1px #ffffff;
	padding:10px;
}

.tdLeft-n1-rounded {
	background-color:#d4e0e0;
	border-bottom: solid 1px #ffffff;
	padding:10px;
	background-image:url(images/rounded_green.gif);
	background-position:left-top;
	background-repeat:no-repeat;
}

.tdLeft-n1-rounded-bottom {
	background-color:#d4e0e0;
	border-bottom: solid 1px #ffffff;
	padding:10px;
	background-image:url(images/rounded_green_bottom.gif);
	background-position:left-bottom;
	background-repeat:no-repeat;
}

.tdLeft-n1-undercurrent {
	background-image:url(images/about_undercurrent.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#d4e0e0;
}

.tdLeft-n1-undercurrent-bottom {
	padding:10px;
	background-image:url(images/about_undercurrent_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#d4e0e0;
}

.tdLeft-n2 {
	padding:10px;
	background-color:#9fbfb5;
}

.tdLeft-n2-rounded-bottom203 {
	padding:10px;
	background-color:#9fbfb5;
	background-image:url(images/rounded_dg_b203.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

.tdLeft-n2-rounded-bottom214 {
	padding:10px;
	background-color:#9fbfb5;
}

.tdLeft-n2-rounded-bottom214-orig {
	padding:10px;
	background-color:#9fbfb5;
	background-image:url(images/rounded_dg_b214.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

.tdLeft2 {
	background-color:#d4e0e0;
	border-left:solid 1px #c6c6c6;
	border-right: solid 1px #c6c6c6;
	border-bottom: solid 1px #c6c6c6;
}
.tdLeft3 {
	padding:10px;
	background-repeat:no-repeat;
	background-image:url(images/bg_login2.jpg);
}

.tdRight {
	background-color:#9fbfb5;
	border-left:solid 1px #c6c6c6;
	border-right: solid 1px #c6c6c6;
	border-top: solid 1px #c6c6c6;
	border-bottom: solid 1px #ffffff;
}

.nav {
	font:Arial, Tahoma, Verdana;
	font-size:13px;
	text-align:left;
	font-weight:bold;
	color:#ffffff;
}

.tdRight-n1 {
	padding:10px;
	background-repeat:no-repeat;
	background-image:url(images/bg_login.jpg);
}

.tdBgSubscribe {
background-image:url(images/bg_subscribe.gif);
background-repeat:no-repeat;
background-position:center-center;
}

.tdBgSubscribeNew {
/* background-image:url(images/bg_subscribe_new.gif); */
padding:10px;
background-image:url(images/bg_login2.jpg);
background-repeat:no-repeat;
background-position:center-center;
}

.tdWhite {
	border-bottom: solid 1px #ffffff;
	background-image:url(images/bg_diving.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.tdWhiteBottom {
	border-bottom: solid 1px #ffffff;
	background-image:url(images/bg_diving.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

.fontButonUp {
text-align:left;
font-size:12px;
font-family:Arial, Tahoma, Verdana;
color:#ffffff;
font-weight:bold;
}

.fontContent {
font-family:Arial, Tahoma, Verdana;
font-size:12px;
color:#000000;
}

.fontContent a {
color:#0033CC;
text-decoration:underline;
}

.fontContent a:link {
color:#0033CC;
}

.fontContent a:visited {
color:#0033CC;
}

.fontContent a:hover {
color:#cc1717;
}

.fontAd {
font-family:Arial, Tahoma, Verdana;
font-size:11px;
color:#00297b;
}

.fontAd a {
color:#003399;
text-decoration:underline;
}

.fontAd a:hover {
color:#cc1717;
}

.fontFooter {
font-family:Arial, Tahoma, Verdana;
font-size:12px;
color:#003399;
}
.fontFooter a {
text-decoration:none;
color:#003399;
}
.fontFooter a:hover {
color:#cc1717;
}
.fontCopyright {
font-family:Arial, Tahoma, Verdana;
font-size:12px;
color:#ffffff;
}
.fontCopyright a{
color:#ffffff;
}

/* Added by Pong - for left - right menu */
.tdGrey {
	padding:10px;
	background-color:#e5eaf5;
	/* border:solid 1px #222222; */
}
.tdGreyTop203 {
	padding:10px;
	background-color:#e5eaf5;
	background-image:url(/UCnow/images/rounded_grey.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.tdGreyBottom203 {
	padding:10px;
	background-color:#e5eaf5;
	background-image:url(images/rounded_grey_bottom.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.tdGreyTop214 {
	padding:10px;
	background-color:#e5eaf5;
	background-image:url(images/rounded_grey_214.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.tdGreyBottom214 {
	padding:10px;
	background-color:#e5eaf5;
	background-image:url(images/rounded_grey_bottom_214.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.tdGreyBottom222 {
	padding:10px;
	background-color:#e5eaf5;
	background-image:url(images/rounded_grey_bottom_222.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.tdGreyBottom {
	padding:10px;
	background-color:#e5eaf5;
	background-image:url(images/rounded_grey_bottom_234.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.tdBlue {
	padding:10px;
	background-color:#99CCFF;
	/* border:solid 1px #222222; */
}
.tdUndercurrent214 {
	background-image:url(/UCnow/images/about_undercurrent.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#e5eaf5;
}
.tdUndercurrent203 {
	background-image:url(/UCnow/images/about_undercurrent.jpg);
	background-position:top;
	background-repeat:no-repeat;
/*	background-color:#e5eaf5; */
}

.tdUndercurrentBottom203 {
	padding:10px;
	background-image:url(images/rounded_grey_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#e5eaf5;
}


.irrPre {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size:11px;
font-weight:400;
}
-->