/*************************************************************/
/*   Author:  Siang-Chyn Lim                                 */
/*   Date:   Sept 7, 2006                                   */
/*-----------------------------------------------------------*/


/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/

body {	font-size: 62.5%;	margin: 0px auto;	padding: 0px;	font-family: arial, sans-serif;	background-image: url(../images/waves4BG_reverse.gif);	background-repeat: repeat;}
img{	border-width: 0px;	border-style: none;}

/*--------------------*/
/* 6.1 - Content Area */
/*--------------------*/
.content1 .content1-container .limitsize {
	width: 60%;	height:60%;
}
/* Titles and textboxes*/
.content-title-noshade-size1 {
	margin: 0px;
	color: #458CCC;
	font-weight: bold;
	font-size: 130%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.content-title-noshade-size2 {margin: 0px; padding: 0px 0px 10px; color: #535353; font-weight: bold; font-size: 150%;}
.content-title-noshade-size3 {margin: 0px; padding: 0px 0px 10px; color: #458CCC; font-weight: bold; font-size: 160%;}
.content-title-noshade-size4 {margin: 0px; padding: 0px; color: #458CCC; font-weight: bold; font-size: 180%;}
.content-title-noshade-size5 {margin: 0px; padding: 0px; color: #458CCC; font-weight: bold; font-size: 200%;}
.content-title-shade-size1 {	margin: 0px;	padding: 3px 10px;	font-weight: bold;	font-size: 120%;	color: #666666;	background: #F3F3F3;}
.content-title-shade-size2 {margin: 0px; padding: 3px 10px;  color: #666666;	background: #F3F3F3; 	 font-weight: bold; font-size: 150%;}
.content-title-shade-size3 {margin: 0px; padding: 0px 10px 0px 10px; color: #666666;	background: #F3F3F3; font-weight: bold; font-size: 160%;}
.content-title-shade-size4 {margin: 0px; padding: 0px 10px 0px 10px; color: #666666;	background: #F3F3F3;  font-weight: bold; font-size: 180%;}
.content-title-shade-size5 {margin: 0px; padding: 0px 10px 0px 10px;  color: #666666;	background: #F3F3F3;  font-weight: bold; font-size: 200%;}
.content-subtitle-noshade-size1 {margin: 0px; padding: 0px; color: #458CCC; font-weight: bold; font-size: 110%;}
.content-subtitle-noshade-size2 {margin: 0px; padding: 0px; color: #458CCC; font-weight: bold; font-size: 120%;}
.content-subtitle-noshade-size3 {margin: 0px; padding: 0px; color: #458CCC; font-weight: bold; font-size: 130%;}
.content-subtitle-noshade-size4 {margin: 0px; padding: 0px; color: #458CCC; font-weight: bold; font-size: 140%;}
.content-subtitle-noshade-size5 {margin: 0px; padding: 0px; color: #458CCC; font-weight: bold; font-size: 150%;}
.content-subtitle-shade-size1 {margin: 0px; padding: 0px 10px 3px 10px;  color: #FFFFFF;	background: #458CCC;  font-weight: bold; font-size: 110%;}
.content-subtitle-shade-size2 {margin: 0px; padding: 3px 10px 3px 10px;  color: #FFFFFF;	background: #458CCC; font-weight: bold; font-size: 120%;}
.content-subtitle-shade-size3 {	margin: 0px;	padding: 3px 10px 3px 10px;	 color: #FFFFFF;	background: #458CCC;	font-weight: bold;	font-size: 130%;}
.content-subtitle-shade-size4 {margin: 0px; padding: 3px 10px 3px 10px; color: #FFFFFF;	background: #458CCC; font-weight: bold; font-size: 140%;}
.content-subtitle-shade-size5 {margin: 0px; padding: 3px 10px 3px 10px; color: #FFFFFF;	background: #458CCC; font-weight: bold; font-size: 150%;}
.content-txtbox-noshade {margin: 0px; padding: 7px 0px 0px 0px; background-color: #FFFFFF;}
.content-txtbox-shade {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(235,235,235);}
.content-print {	margin: 0px;	color: #000000;	text-transform: uppercase;	font-weight: bold;	font-size: 150%;	width: 695px;	padding-top: 3px;	padding-right: 10px;padding-bottom: 2px;	padding-left: 10px;	border-top-width: 1px;	border-bottom-width: 1px;	border-top-style: solid;	border-bottom-style: solid;	border-top-color: #666666;	border-bottom-color: #666666;}
.slideshow{ /*IE method of centering a relative div*/
text-align: center;
}

.slideshow>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

/* Headings */
h1 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 160%;}
h2 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 150%;}
h3 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 140%;}
h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
h5 {margin: 0px 0px 0.2em 0px; font-weight: bold; font-size: 130%;}
h6 {margin: 0px 0px 0.2em 0px;font-weight: bold; font-style: italic; font-size: 130%;}

/* Paragraphs */
p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.3em; font-family: arial, sans serif; font-size: 120%; }
p.readmore {margin: 1.0em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }
p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;}
p.embed {float: left; width: 120px; margin: 7px 7px 5px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
p.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Quote */
p.quote {clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 110%;}

/* Embedded emphasis */
.embed {float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Lists */
.links li {
	font-size: 120%;
	list-style: url(../images/bullet1.png);
	padding-bottom: 4px;
	font-weight: bold;
	color: #458CCC;
}
.links3 li {
	padding-bottom: 5px;
	font-size: 120%;
	font-weight: normal;
	color: #666666;
}
.links2 li {
	font-size: 120%;
	list-style: url(../images/bullet1.png);
	padding-bottom: 4px;
	color: #666666;
	font-weight: normal;
}
.links a:link, .links a:visited {		font-weight: normal;color: #458CCC;}

.links a:hover{
	font-weight: normal;
	color: #666666;
}
.links3 a:link, .links3 a:hover, .links3 a:visited {
	
	list-style: url(../images/bullet1.png);
	font-weight: bold;
	color: #458CCC;

}
.links ul {
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 10px;
	padding-left: 10px;
}

.links3 ul {
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 10px;
	padding-left: 10px;
}
.links3 ul ul li {
	list-style: url(../images/bullet2.png);
	font-size: 100%;
}
.links3 ul ul{margin-top:5px;}
ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 120%;}
ul.indent {
	list-style-type: disc;
	font-family: arial;
	font-size: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 120%;}
ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }

/* Tables */
.table {	clear: left;	margin: 0.5em 0px 0.2em 30px;	border: solid 1px #666666;	empty-cells: show;	border-collapse: collapse;	background: #F2FFF2;}
.table tr {margin: 0px; padding: 0px;}
.table td {padding: 2px 7px 2px 7px; border: solid 1px #666666; text-align: left; font-size: 120%;}
.table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px #666666; empty-cells: show; text-align: left; font-size: 120%; 	}
.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;}

/* Images */
.img-left-noborder-notopmargin {
	float: left;
	margin: 0px 8px 0px 0px;
	border-width: 0px;
	border-style: none;
}
.img-left-noborder-topmargin {float: left; margin: 1px 2px 0px 0px;	border-width: 0px;
	border-style: none;}
.img-left-border-notopmargin {float: left; margin: 0px 10px 0px 0px; border: solid 1px #666666;}
.img-left-border-topmargin {float: left; margin: 3px 3px 0px 0px; border: solid 1px #666666;}
.img-right-noborder-notopmargin {float: right; margin: 0px 0px 0px 10px;	border-width: 0px;
	border-style: none;}
.img-right-noborder-topmargin {float: right; margin: 3px 0px 0px 10px;	border-width: 0px;
	border-style: none;}
.img-right-border-notopmargin {float: right; margin: 0px 0px 0px 10px; border: solid 1px #666666;}
.img-right-border-topmargin {float: right; margin: 3px 0px 0px 10px; border: solid 1px #666666;}
.img-border-topmargin { margin: 5px 0px 5px 10px; border: solid 1px #666666;}

/*--------------------*/
/* 6.3 - Footer Area  */
/*--------------------*/
.footer {
	overflow: hidden;
	clear: both;
	width: 770px;
	height: 120px;
	margin: 0px;
	padding: 0.5em 0px;
	border-top: 1px solid #666666;
	background-color: #458CCC;
	color: #FFFFFF;
	font-size: 1.1em;
	text-align: center;
}
.footer p {margin: 0px; padding: 0px 0px 0px 20px; text-align: center; line-height: 1.3em; font-size: 110%;}
.footer_img{	background-color: #458CCC;}
/*-------------------*/
/* 6.4 - Hyperlinks  */
/*-------------------*/
.content a, .content1 a, .sidebar-txtbox-noshade a, .sidebar-txtbox-shade a {color: #458CCC; text-decoration: underline;}
.content-pagetitle a:link, .content-pagetitle a:visited{color: #666666; text-decoration: none;}
.content-pagetitle a:hover {color: #458CCC;}
.content a:hover,.content1 a:hover,  .sidebar-txtbox-noshade a:hover, .sidebar-txtbox-shade a:hover {color: #666666; text-decoration: none;}
.content a:visited, .content1 a:visited,.sidebar-txtbox-noshade a:visited, .sidebar-txtbox-shade a:visited  {	color: #458CCC;}
.content-title-shade-size1 a:link, .content-title-shade-size1 a:visited {
	color: #458CCC;
}
.content-title-shade-size1 a:hover {
	color: #333333;
}

.footer a {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
.footer a:hover {color: #000000; text-decoration: none;}

/*******************************/
/* SECTION 7 - GENERIC CLASSES */
/*******************************/

/*----------------------------*/
/* 7.1 - Title decoration box */
/*----------------------------*/
.box{
	padding: 5px;
}
.box-on {float: left; min-width: 0.3em; margin-right: 0.2em; padding: 0.5em;}
.box-off {display: none;}
/* html box-on {width: 1%;} /* IE6-Hack for min-width. Also compliant with IE7-Beta2 */ 

/*-----------------------------*/
/* 7.2 - Horizontal alignments */
/*-----------------------------*/
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

/*------------------*/
/* 7.3  Text colors */
/*------------------*/
.txt-white {color: #FFFFFF;}
.txt-black {color: #000000;}

.txt-grey01 {color: #f2f2f2;}
.txt-grey02 {color: #666666;}
.txt-grey03 {color: #CCCCCC;}
.txt-yellow01 {color: #FEFCE8;}
.txt-yellow02 {color: #FAF18D;}
.txt-blue01 {color: #ECF3FB;}
.txt-blue02 {color: #5A8DC5;}
.txt-blue03 {color: #38699E;}
.txt-green01 {color: #EBF4E1;}
.txt-green02 {color: #9DCF70;}
.txt-red {	color: #CC0000;	font-weight: bold;	font-style: italic;	font-size: 110%;}
.txt-red01 {	color: #CC0000;	font-weight: bold;	font-size: 130%;}
.txt-red02 {	color: #CC0000;}
/*-------------------------*/
/* 7.4 - Background colors */
/*-------------------------*/
.bg-white {background-color: #FFFFFF;}
.bg-black {background-color: #000000;}
.bg-grey01 {	background: #f2f2f2;}
.bg-grey02 {	background: #666666;}
.bg-yellow {	background: #fefce8;}
.bg-yellow01 {
	background-color: #FFFF99;
	border: 1px solid #FFCC00;
}
.bg-blue01 {	background: #CFDEEB;}
.bg-blue02 {	background: #3F6C96;}
.bg-blue03 {	background: #578AB9;}
.bg-green01 {background: #edf6e5;}
.bg-green02 {background: #679E34;}
.bg-red {background-color: #FADFDC;}
.bg-red02 {background-color: #CC0000;}

.border-box {
	padding-bottom: 0px;
	margin: 0px 0px 5px;
	border: 1px solid #C8C8C8;
	padding-top: 0px;
}
/*---------------------------*/
/* 7.5  Bottom border colors */
/*---------------------------*/
.line-box {border-bottom: solid 1px #C8C8C8; padding-bottom: 15px; margin: 0px 0px 15px;}
.line-white {border-bottom: solid 1px #FFFFFF; padding-bottom: 2px; margin: 0px 0px 1px 0px;}
.line-black {border-bottom: solid 1px #000000; padding-bottom: 2px; margin: 0px 0px 1px 0px;}
.line-grey{border-bottom: 1px solid #F2F2F2; padding-bottom: 2px; margin-bottom: 1px;}
.line-yellow {border-bottom: 1px solid #FEFCE8; padding-bottom: 2px; margin-bottom: 1px;}
.line-blue {border-bottom: 1px solid #EDF4FA; padding-bottom: 2px; margin-bottom: 1px;}
.line-green {border-bottom: 1px solid #EDF6E5; padding-bottom: 2px; margin-bottom: 1px;}
.line-red {border-bottom: 1px solid #FCEBE9; padding-bottom: 2px; margin-bottom: 1px;}

/*****************************/
/* SECTION 8 - MISCELLANEOUS */
/*****************************/
.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}

.extreme{
	color: #FFFFFF;
	background: #000000;
}
.high{
	background: #FF0000;
	color: #FFFFFF;
}
.hazardous{
	background: #FF6600;color: #FFFFFF;
}
.caution{
	background: #FFFF00;
}
#matrix td{
	font-size: 105%;
	text-align: center;
	vertical-align: middle;	
}
#matrix{width: 510px;}



/*******************************/
/* MAIN PAGE TAB NAVIGATION    */
/*******************************/
/*islandnav*/

#islandnav {
	position:relative;
	float:left;
	width:100%;
	padding:0 0 1.75em 1em;
	margin:0;
	list-style:none;
	line-height:1em;
}

#islandnav LI {
	float:left;
	margin:0;
	padding:0;
}

#islandnav A {
	display:block;
	color:#006666;
	text-decoration:none;
	font-weight:bold;
	background:#CCCCCC;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

#islandnav A:hover,
#islandnav A:active,
#islandnav A.here:link,
#islandnav A.here:visited {
	background:#009999;
	color: #000000;
}

#islandnav A.here:link,
#islandnav A.here:visited {
	position:relative;
	z-index:102;
}

/*subislandnav*/

#islandnav UL {
	position:absolute;
	left:0;
	top:1.5em;
	float:left;
	background:#000099;
	width:580px;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid #fff;
}

#islandnav UL LI {
	float:left;
	display:block;
	margin-top:1px;
}

#islandnav UL A {
	background:#0099FF;
	color:#000099;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

#islandnav UL A:hover,
#islandnav UL A:active,
#islandnav UL A.here:link,
#islandnav UL A.here:visited {
	color:#000000;
}

/*******************************/
/* END MAIN PAGE TAB NAVIGATION    */
/*******************************/

.content-container-1col a:link, .content-container-1col a:visited{color: #458CCC; text-decoration: underline;}
td{
	text-align: left;

}
.uptext{
	text-transform: capitalize;
}
.section-title {	background-color: #458CCC;	color: #FFFFFF;	text-transform: uppercase;	font-weight: bold;	font-size: 120%;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 5px;	margin-left: 0px;	padding-top: 3px;	padding-right: 10px;	padding-bottom: 2px;	padding-left: 10px;}
.aligntop td{
	vertical-align: top;}
.maintitle {
	background-color: #CC0000;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 150%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	
}

#feliciawarning{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #750000;
	background-color: #FFFFCA;
	border: medium double #930000;
}
#feliciawarning a{
	color: #750000;
}