/*--- site colours ---------------------------------------------------

background blue #769BAD
hr dark blue grey #537182;

light01 grey #CCCCCC
light02 blue #DDE7EE
light hover #FFCC99

dark01 grey #333333
dark02 blue #000066

H1 dark orange #CC6633
H2 dark blue grey #334651

blockquote dark blue #333366
plugin text/links dark #334651

*/

/*--- tag definitions ---------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #769BAD;
	}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

hr {
	color: #537182;
	height: 1px;
	}

blockquote {
	font-style: italic;
	color: #333366;
	}

H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #CC6633;
	}

H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #334651;
	}

H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 0.8em;
	}

H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 0.8em;
	}

/*--- text and bg classes -------------------------------------------------*/

.basefont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.bg-black { background-color: #000000; }
.bg-white { background-color: #FFFFFF; }
.bg-light01 { background-color: #CCCCCC; }
.bg-light02 { background-color: #DDE7EE; }
.bg-dark01 { background-color: #333333; }
.bg-dark02 { background-color: #000066; }
.bg-base { background-color: #769BAD; }

.text-black { color: #000000; }
.text-white { color: #FFFFFF; }
.text-light01 { color: #CCCCCC; }
.text-light02 { color: #99CCFF; }
.text-dark01 { color: #CC6633; }
.text-dark02 { color: #334651; }

.text-plugin { color: #334651; font-size: 11px; }
a.text-plugin:link { color: #334651; }
a.text-plugin:visited { color: #334651; }
a.text-plugin:hover { color: #CC6633; }

.text-sci { font-style: italic; }
.text-pub { font-weight: normal; font-family: Times New Roman, Times, serif; }
.text-nowrap { white-space: nowrap; }

.text-white { color: #FFFFFF; }
a.text-white:link { color: #FFFFFF; }
a.text-white:visited { color: #FFFFFF; }
a.text-white:hover { color: #FFCC99; }

.smallcaps { font-variant: small-caps; }

.text-ft {
	color: #FFFFFF;
	font-size: 11px;
	}

.title01 {
	font-size: 0.8em;
	color: #000066;
	}

.title02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
	color: #333333;
	}

.box01 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	padding: 5px;
	border: 1px solid #333333;
	font-style: italic;
	font-weight: bold;
	color: #333333;
	}

/*
.cell-hdc {
	background-image: url(/images/bg_hdc.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	}

.cell-hdls {
	background-color: #759BAD;
	background-image: url(images/bg_hdls.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

.cell-hdrs {
	background-color: #759BAD;
	background-image: url(images/bg_hdrs.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

.cell-hdbg {
	background-image: url(images/bg_hds.jpg);
	}

.cell-blank {
	background-image: none;
	}
*/
.cell-bghdbl {
	background-image:  url(/ukaliq/images/bd_hd.gif);
	background-repeat: repeat-x;
	background-position: top;
	}

.cellhdb {
	background-color: #759BAD;
	}

.cell-bgw {
	background-color: #FFFFFF;
	}

.cell-bgsb {
	background-color: #C6D3DE;
	}

.cell-bgblack {
	background-color: #000000;
	}

.cell-ft {
	background-color: #537182;
	}

.nvs-bg {
	background-color: #C6D3DE;
}

/*--- layout tools ---------------------------------------------------*/

.block-left { text-align: left; }
.block-center { text-align: center; }
.block-right { text-align: right; }
.block-bottom { vertical-align: text-bottom; }

.block-base-border {
	background-color: #759BAD;
	border: 1px solid #C6D3DE;
}

.float-left { float: left; }
.float-right { float: right; padding: 10px; }

.indent1 { padding-left: 20px; }
.indent2 { padding-left: 40px; }
.indent3 { padding-left: 60px; }

.w18 { width: 18px; }
.w132 { width: 132px; }
.w450 { width: 450px; }
.w600 { width: 600px; }

.w100pc { width: 100%; }
.w50pc { width: 50%; }
.w25pc { width: 25%; }

.w177 { width: 177px; }

.ft-crd { width: 80%; }

/*--- link classes ---------------------------------------------------*/

a:link { color: #CC6633; }
a:visited { color: #993300; }
a:hover { color: #FF9966; }

a.white:link { color: #FFFFFF; }
a.white:visited { color: #FFFFFF; }
a.white:hover { color: #FFCC99; }

a.mns:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	}

a.mns:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	}

a.mns:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #99CCFF;
	font-size: 11px;
	text-decoration: none;
	}

.nvt {
	font-size: 12px;
	}

a.nvt:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	}

a.nvt:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	}

a.nvt:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
	}

.nv-sub {
	font-size: 11px;
	}
	
.nv-subon {
	font-size: 11px;
	font-weight: bold;
	color: #CC6633;
	}

a.nv-sub:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	}

a.nv-sub:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	}

a.nv-sub:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC6633;
	text-decoration: underline;
	}

.nv-ft {
	font-size: 11px;
	color: #FFCC99;
	}
	
a.nv-ft:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC99;
	text-decoration: none;
	}

a.nv-ft:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC99;
	text-decoration: none;
	}

a.nv-ft:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC99;
	text-decoration: underline;
	}
	
a.text-ft:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #FFFFFF;
	}

a.text-ft:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #FFFFFF;
	}

a.text-ft:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #FFCC99;
	}

/*--- glossary classes ---------------------------------------------------*/

.gl-term {
	font-weight: bold;
	}

.gl-defn {
	font-style: normal;
	padding-left: 20px;
	}

a.gl:link {
	color: #333333;
	text-decoration: none;
	}

a.gl:visited {
	color: #333333;
	text-decoration: none;
	}

a.gl:hover {
	color: #000066;
	text-decoration: underline;
	}

/*--- in situ classes ---------------------------------------------------*/

.insitu-box {
	background-color: #C6D3DE;
	padding: 5px;
	border: 1px solid #AEBECD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	}

.insitu-box-p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	}


/*--- side bar classes ---------------------------------------------------*/

.sb-hpt { width: 174px; background-color: #759BAD; }
.sb-hpt p { font-weight: bold; color: #FFFFFF; text-align: right; }
a.sb-hpt:link {	color: #FFFFFF; text-decoration: none; }
a.sb-hpt:visited { color: #FFFFFF; text-decoration: none; }
a.sb-hpt:hover { color: #FFCC99; text-decoration: none; }

.sb { width: 210px; text-align: center; }

.sb01 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CCFF;
	padding: 5px;
	border: 1px solid #000066;
	font-style: italic;
	font-weight: bold;
	color: #99CCFF;
	}

.sb02 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	padding: 5px;
	border: 1px solid #333333;
	font-weight: bold;
	color: #333333;
	}


/*------------------------------------------------------------------------*/
.text-sb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #334651;
	}
	
.text-sub2 {
	font-size: 0.7em;
	text-align: right;
	background-color: #FFEEDD;
	color: #CC6633;
	}
	
.title-sb {
	font-family: Times New Roman, Times, serif;
	font-size: 1em;
	color: #334651;
	text-align: center;
	font-weight: bold;
	}

.caption-pp {
	font-size: 0.7em;
	color: #334651;
}

/*
.pp-border {
	border: 2px solid #527184;
}
*/

.bg-hm {
	background-image: url(../images/bg_hm.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.text-temp {
	color: #666666;
	background-color: #CCCCCC;
}

.text-np {
	font-size: 0.7em;
}

.text-hm-nws {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

/*------------------------------------------------------------------------*/

.pl-tdsp { background-color: #638294; }

.snav-cvtp {
	background-image: url(/ukaliq/images/snav_cvtp.gif);
	background-repeat: no-repeat;
	background-position: top;
}

.vid-ins {
	background-color: #EEEEEE;
	border: 1px solid #678A9D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	}

.vid-ins-div { width: 210px; text-align: center; }
.vid-ins img { border: 0px solid #527184; }
.vid-ins p { font-size: 11px; padding: 3px; }
.vid-ins strong { color: #334651; }

.box-light02 {
	background-color: #FFEFDE;
	border: 1px solid #CC6600;
}

#skipnav { font-size: xx-small; }