/*************************************************************/
/*   Author:  Siang-Chyn Lim                                 */
/*   Date:   Sept 7, 2006                                   */
/*-----------------------------------------------------------*/

/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/
.page-container {
	width: 770px;
	margin: 0px auto;
	padding: 0px;
	border: solid 1px #646464;
	background-color: #FFFFFF;
}

/*************************************/
/* SECTION 2 - HEADER AND NAVIGATION */
/*************************************/

/*----------------------------*/
/* 2.3 - Navigation - Level 1 */
/*----------------------------*/

.buffer {clear: both; width: 770px; height: 10px; margin: 0px; padding: 0px; background-color: #FFFFFF;}



/******************************************************/
/* SECTION 4 - SPECIFIC CLASSES FOR LAYOUTS #2 and #3 */
/******************************************************/

.content {	float: left;	width: 590px;	min-height: 500px;	margin: 0px;	color: #666666;	font-size: 1em;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 20px;	background-color: #FFFFFF;}
.content-home {	float: left;	width: 570px;	min-height: 200px;	margin: 0px;	color: #666666;	font-size: 1em;	background-color: #FFFFFF;	padding: 0px;} 
.homeopening{clear: both; float: left; width: 569px; margin: 0px 0px 15px 0px; padding: 0px;}
.homeopening-left{	overflow: hidden; float: left; width: 400px; margin: 0px 25px 0px 0px; padding: 0px;}
.disclaimer{	background-color: #FFFFCC;	overflow: hidden; float: right; width: 130px; margin: 0px; padding: 0px;	border: 1px solid #CC9900;}
.content-home-3col {	clear: both;	float: left;	width: 730px;	padding: 10px;	margin-top: 0px;	margin-right: 10px;	margin-bottom: 15px;	margin-left: 10px;}
.content-home-3col-left {overflow: hidden; float: left; width: 270px; margin: 0px 25px 0px 0px; padding: 0px;}
.content-home-3col-middle {overflow: hidden; float: left; width: 220px; margin: 0px; padding: 0px;}
.content-home-3col-right {overflow: hidden; float: right; width: 190px; margin: 0px; padding: 0px;}
.content-container {clear: both; float: left; width: 569px; margin: 0px 0px 15px 0px; padding: 0px;}
.content-container-2col-main {overflow: hidden; float: left; width: 424px; margin: 0px; padding: 0px;}
.content-container-2col-sidebar {overflow: hidden; float: right; width: 120px; margin: 0px; padding: 0px;}
.content-container-1col {overflow: hidden; float: left; clear: both; width: 569px; margin: 0px; padding: 0px;}
.content-container-1col-txtright-200px {float: right; width: 357px; margin: 0px; padding: 0px;}
.content-container-1col-txtright-160px {float: right; width: 397px; margin: 0px; padding: 0px;}
.content-container-1col-txtright-120px {float: right; width: 437px; margin: 0px; padding: 0px;}
.content-container-1col-txtright-100px {float: right; width: 457px; margin: 0px; padding: 0px;}
.content-container-1col-txtright-80px {float: right; width: 477px; margin: 0px; padding: 0px;}
 content-container-1col-txtright-60px {float: right; width: 497px; margin: 0px; padding: 0px;}
.content-container-1col-txtright-40px {float: right; width: 517px; margin: 0px; padding: 0px;}
.content-container-2col-left {overflow: hidden; float: left; width: 272px; margin: 0px; padding: 0px;}
.content-container-2col-right {overflow: hidden; float: right; width: 272px; margin: 0px; padding: 0px;}
.content-container-2col-txtright-100px {float: right; width: 160px; margin: 0px; padding: 0px;}
.content-container-2col-txtright-80px {float: right; width: 180px; margin: 0px; padding: 0px;}
.content-container-2col-txtright-60px {float: right; width: 200px; margin: 0px; padding: 0px;}
.content-container-2col-txtright-40px {float: right; width: 220px; margin: 0px; padding: 0px;}
.content-container-2col-txtright-20px {float: right; width: 240px; margin: 0px; padding: 0px;}
.content-container-3col-left {overflow: hidden; float: left; width: 173px; margin: 0px 25px 0px 0px; padding: 0px;}
.content-container-3col-middle {overflow: hidden; float: left; width: 173px; margin: 0px; padding: 0px;}

.content-container-3col-middleALT {overflow: hidden; float: left; width: 265px; margin: 0px; padding: 0px;}
.content-container-3col-right {overflow: hidden; float: right; width: 173px; margin: 0px; padding: 0px;}
.content-container-3col-rightALT {overflow: hidden; float: right; width: 265px; margin: 0px; padding: 0px;}
.content-container-3col-txtright-60px {overflow: hidden; float: right; width: 101px; margin: 0px; padding: 0px;}
.content-container-3col-txtright-40px {overflow: hidden; float: right; width: 121px; margin: 0px; padding: 0px;}
.content-container-3col-txtright-20px {overflow: hidden; float: right; width: 141px; margin: 0px; padding: 0px;}
.content-container-3col-txtright-10px {overflow: hidden; float: right; width: 151px; margin: 0px; padding: 0px;}

.content-pagetitle {	overflow: hidden;	width: 569px;	margin: 0px 0px 10px 0px;	padding: 0px 0px 2px 0px;	border-bottom: 3px solid #458CCC;	color: #458CCC;	font-size: 170%;	font-weight: bold;}
.content-container-2col-left2{overflow: hidden; float: left; width: 300px; margin: 0px; padding: 0px;}
.content-container-2col-right2 {	overflow: hidden;	float: right;	width: 242px;}
.content-container-2col-right2 .box{margin: 0px 0px 20px;	padding: 10px 10px 0px;	border: 1px solid #666666;	background: url(../images/bg-red.png) repeat-x;}

.print-container-3col-left {	overflow: hidden;	float: left;	width: 220px;	margin: 0px 25px 0px 0px;	padding: 0px;}
.print-container-3col-middle {overflow: hidden; float: left; width: 220px; margin: 0px; padding: 0px;	}
.print-container-3col-right {overflow: hidden; float: right; width: 220px; margin: 0px; padding: 0px;	}
/**************************************************************************************/
/* ONE COLUMN LAYOUT FOR pages with no left or right sidebar       */
/**************************************************************************************/
.content4 {float: left; width: 750px; min-height: 500px; margin: 0px; padding: 0px 0px 0px 20px; color: #666666; font-size: 1.0em;}
.content4-pagetitle {overflow: hidden; width: 729px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px #458CCC; color: #458CCC; font-weight: bold; font-size: 160%;}
.content4-container {clear: both; float: left; width: 729px; margin: 0px 0px 15px 0px; padding: 0px;}
.content4-container-1col {overflow: hidden; width: 729px; margin: 10px 0px 0px; padding: 0px;}
.content4-container-2col-left {overflow: hidden; float: left; width: 292px; margin: 0px; padding: 0px;}
.content4-container-2col-right{overflow: hidden; float: right; width: 232px; margin: 0px; padding: 0px;}

/*-------------------*/
/* 6.4 - Hyperlinks  */
/*-------------------*/
.content4 a{color: #458CCC; text-decoration: underline;}
.content4 a:hover {color: #666666; text-decoration: none;}
.content4 a:visited {color: #666666;}
