/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 :: www.sodesires.com                          :::: www.kimberley.com.sg
 :: GLOBAL CSS                                     11 Dec 2004 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@import url("../global/typography.css");
@import url("../global/menu.css");
@import url("../global/styling.css");


/*~~~~ GENERAL
===============================================================================================*/
body	{
padding: 0; margin: 12px 0 0;
font: 76% Helvetica, Arial, sans-serif, Geneva, "Trebuchet MS";	color: #5B4222;	text-align: center;
background: #E8BA42 url(../../../images/global/page/bg-tiler.gif) repeat-x;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Headings ===*/

h1, h2, h3, h4 {font-family: "Trebuchet MS", Helvetica, arial, sans-serif, Geneva; margin: 0 0 0.5em;}

h1 {margin: 0; font-size: 16px; font-weight: normal;} /* h1 for Logo Only */

h2 {font-size: 1.4em;	color: #856C47;	text-transform: uppercase;	letter-spacing: 3px;}

h3 {font-size: 1.3em;	color: #A6884A;	margin-top: 2em;}

h4 {font-size: 1.1em;	margin-top: 1.5em;	color: #8B733F;} 

#column-side h4 {color: #AE923C;	text-transform: uppercase; margin-top: 0;}

h5 {font-size: 1em; margin-bottom: 0.3em;}

h6 {font-size: 0.9em; margin: 0;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Paragraph ===*/
	
p {font-size: 1em; line-height: 1.6em; margin: 0 0 1em;}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 * html dl p {height: 1%;}
/* End hide from IE5/mac */

#column-side p {font-size: 0.9em; line-height: 1.5em;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Links ===*/

a {color: #669900; text-decoration: none;}

a:hover {text-decoration: underline;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Image ===*/

img {border: 0 none;}

.imgAlign-middle {vertical-align: middle;}

.imgTN img {margin-left: 6px; height: 50px; width: 50px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Lists ===*/

dt {margin: 1.5em 0 0.5em;	font-weight: bold; line-height: 1.4em;}

dd {padding: 0;	margin: 0 0 0.5em;	line-height: 1.4em;}

#column-side dt, #column-side dd {line-height: 1.3em;}		#column-side dd {font-size: 0.9em;}

/*=====================*/

ol, ul {margin: 0 0 1.5em;	padding: 0;	list-style-type: none;}

ol ol, ul ul {margin: 0;}

ol li {padding-left: 0.5em; margin-left: 2em; list-style-type: decimal;}

li {margin: 0 0 0.3em;	padding: 0;	list-style-type: none;	line-height: 1.5em;}

#column-side li {font-size: 0.9em; line-height: 1.4em;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Miscellaneous ===*/

acronym {cursor: help; border-bottom: 1px dotted #B1B78E; font-style: normal; text-decoration: none;}

address {font-style: normal;}

sub, sup {line-height: 0em;}

/*~~~~ LAYOUT
===============================================================================================*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Wrapper ===*/

#page-container {width: 690px;	margin-right: auto;	margin-left: auto;	text-align: left;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Header ===*/

#header	{
height: 106px;	
padding-right: 30px;	padding-left: 45px;
background: url(../../../images/global/page/header.gif) no-repeat;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Logo ===*/

#header-logo {
height: 61px;	width: 136px; position: relative;
padding: 0;	margin-left: 470px;
/*	overflow: hidden; this makes header-logo invisible in Firefox */
}
	
#header-logo span {
height: 61px;	width: 136px; position: absolute; left: 0; top: 0; z-index: 1;
margin: 0; padding: 0;
display: block;
background: url(../../../images/global/page/logo.gif) no-repeat;
}
		
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Contents ===*/

#content-container {background: url(../../../images/global/page/page-tiler.gif) repeat-y;}

#content {width: 590px; padding: 1.5em 0; margin-right: 53px; margin-left: 47px;}

#column-single {padding-right: 20px; padding-left: 20px; clear: both;}

/*== Main Column ======*/
#column-main {width: 340px;	float: left;	padding-right: 10px;	padding-left: 20px;}

/*== Right Column ======*/
#column-side {width: 190px;	float: left;	padding-left: 15px;	padding-right: 15px; color: #7D5B2F;}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #column-side {padding-right: 0; padd\ing-right: 15px;}
* html #column-main {width: 370px; w\idth: 340px;}
/* End hide from IE5/mac */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Footer ===*/

#footer {
height: 59px;
padding: 25px 52px 0 45px;
font: bold 0.8em Verdana, Helvetica, Arial, sans-serif, Geneva;	color: #BFBF9D;
background: url(../../../images/global/page/footer.gif) no-repeat;
}

#footer a {color: #917933; text-decoration: none;}

#footer a:hover, #footer a:active {color: #C2C2A0;}