<!--
/*---------------------------------------------- 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(/UCnow/images/bg_body.gif);  */
}

/* #Links
================================================== */
	a, a:visited { color: #0033CC; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #cc1717; }
	p a, p a:visited { line-height: inherit; }
	
	/* #Images
================================================== */

img.scale-with-grid {
	max-width: 100%;
	height: auto; }
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* #Blocks
================================================== */
div.center {
	display: block;
    margin-left: auto;
    margin-right: auto;
}
div.right {
	display: block;
    margin-left: auto;
    margin-right: 0;
}

/*---------------------------------------------- These styles create the dropdown menus #Main Menu ---------------------------- */
.nav, #mainNav .nav, #mainNavSm .nav {
	font:Arial, Tahoma, Verdana;
	/* font-size:1em; */
	font-size:13px;
	text-align:left;
	font-weight:bold;
	color:#ffffff;
}
#navbar, #navbar ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	float : left;
}
#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; */
	padding: 3px 0px;
	color:#0033CC;
	text-decoration:underline;
	font:Arial, Tahoma, Verdana;
	/* font-size:1em; */
	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:0.923em;  */
	font-size:13px;
	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 ----------------------------------------------*/

/* Main Content */
.tdWhiteBottom {
	border-bottom: solid 1px #ffffff;
	background-image:url(/UCnow/images/bg_diving.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.tdWhite {
	border-bottom: solid 1px #ffffff;
	background-image:url(/UCnow/images/bg_diving.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

/*---------------------------------------------- text ----------------------------------------------*/
h1 { font-family:Arial, Tahoma, Verdana;font-size:1.077em;color:#00297b;font-weight:bold; }
h2 { font-family:Arial, Tahoma, Verdana;font-size:1.077em;color:#00297b;font-weight:bold; }
h3 { font-family:Arial, Tahoma, Verdana;font-size:1em;color:#00297b;font-weight:bold; }

/* a, a:visited { color: #0033CC; text-decoration: underline; outline: 0; }
a:hover, a:focus { color: #cc1717; }  */

/* .fontTopNav a { font-family:Arial, Tahoma, Verdana;font-size:0.9em;color:#0033CC;font-weight:bold; } */
.fontTopNav a { font-family:Arial, Tahoma, Verdana;font-size:12px;color:#0033CC;font-weight:bold; }
.fontTopNav a:hover { color:#cc1717; }

.fontMotto { font-family:Arial, Tahoma, Verdana;font-size:0.9em;color:#003399;font-weight:bold;font-style:italic;font-style:italic; }
.fontRedContent { font-family:Arial, Tahoma, Verdana;font-size:0.923em;color:#FF0000;font-weight:bold;font-style:italic; }
.fontContent { font-family:Arial, Tahoma, Verdana;font-size:0.923em;color:#000000; }
.fontAd { font-family:Arial, Tahoma, Verdana;font-size:0.846em;color:#00297b; }

.fontFooter { font-family:Arial, Tahoma, Verdana;font-size:0.923em;color:#003399; }
.fontFooter a { color:#003399;text-decoration:none; }

.fontCopyright { font-family:Arial, Tahoma, Verdana;font-size:0.923em;color:#222222; line-height:1.4em; }

.irrPre { font-family: Arial, Tahoma, Verdana, sans-serif;font-size:0.846em;font-weight:400; }

/*---------------------------------------------- box ----------------------------------------------*/
#subscribeNow {
	font-family:Arial, Tahoma, Verdana;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	line-height:1.4em;
	vertical-align:middle;
}
.roundBox {
	border-bottom-left-radius: 16px; 
	border-bottom-right-radius: 16px; 
	border-top-left-radius: 16px; 
	border-top-right-radius: 16px; 
	border: 1px solid #999999;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#e5eaf5;
}
.greybox {
	padding:10px;
	background-color:#e5eaf5;
	margin-bottom: 4px;
}
.topGreybox {
	border-top-left-radius: 16px; 
	border-top-right-radius: 16px; 
	border: 1px solid #e5eaf5;
	padding:10px;
	background-color:#e5eaf5;
}
.bottomGreybox {
	border-bottom-left-radius: 16px; 
	border-bottom-right-radius: 16px; 
	border: 1px solid #e5eaf5;
	padding:10px;
	background-color:#e5eaf5;
}
.roundGreybox {
	border-top-left-radius: 16px; 
	border-top-right-radius: 16px; 
	border-bottom-left-radius: 16px; 
	border-bottom-right-radius: 16px; 
	border: 1px solid #e5eaf5;
	padding:10px;
	background-color:#336699;
	margin: 4px;
}
#signUp {
	font-family:Arial, Tahoma, Verdana;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	line-height:1.4em;
	vertical-align:middle;
}
#ucBlog {
	margin-bottom: 4px;
}
#ffHelp {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
}
/*---------------------------------------------- Added for Skeleton Project Test ----------------------------------------------*/
.band.topnav {
	text-align:right;
}
#topBanner_1 {
	padding-left:10px;
}
#topBanner_2_0, #topBanner_2_12, #topBanner_2_22 {
	text-align:right;
}
#topBanner_2_0 {
	margin-top:4px;
	margin-bottom:4px;
}
#topBanner_2_11, #topBanner_2_21 {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.band.copyright {
	text-align:center;
}
#mainNav {
	position:relative;
	z-index:500;
}

/*---------------------------------------------- End of Skeleton Project Test ----------------------------------------------*/
/*-----------Added for Google Translate button appearing twice -- dse 2018/01/01 ---*/
/* --- select.goog-te-combo:nth-child(2) {display:none;} --*/
-->