/* 	
	SBM Malaysia, 20-09-2006
*/

body{
	background: #fff url(../images/bg_grad.gif) left top repeat-x;
	text-align:center; line-height:20px;
	margin:20px; font-family:Arial, Helvetica, sans-serif;
}

a{ color:#E0141C; text-decoration:underline; }
a:hover{ text-decoration:none; }

h1{ font:normal 24px Georgia, Serif; color:#333; border-bottom: 1px solid #ccc; }
h2{ font:normal 20px Georgia, Serif; color:#666; margin-left: 10px; }
h3{ font:normal 18px Georgia, Serif; color:#666; margin-left: 10px; }
li{ list-style-type:square; }
legend{ font:normal 15px Arial; margin:20px; padding:5px; background-color:#FFFFCC; border:1px outset #ccc; }
caption{ font:normal 13px Arial; color:#333; text-align:left; margin:10px 5px 5px 5px; font-style:italic; }
table{ font-size:12px; }
th{ font-style:italic; }
select{ font-size:13px; border:1px solid #666; } 
input{ 
	font-size:13px; border:1px solid #666; 
	background: url(../images/bg_input.jpg) left top no-repeat;
	padding:2px 2px 2px 5px; margin:1px;
}
/*-------------------------------------------------------------
	Ids
-------------------------------------------------------------*/
#container{
	margin-left:auto; margin-right:auto;
	width:780px; text-align:left; font-size:12px;
}

#banner{
	background: url(../images/banner.png) left top repeat-x;
	height:60px;
}

#content{
	position:absolute; width:773px;
	border-left:1px solid #960e14;
	background: url(../images/repeat_cont.png) right top repeat-y;
}

#contbox{ padding:15px; text-align:justify; height:100%; }

#tools{ text-align:right; margin:5px 15px -10px 2px; }

#left_col{
	position:inherit; float:left;
	width:65%; /*height:inherit;*/	
	border-right: 1px dotted #ccc;
	margin:0 10px 10px 0; 
	padding-right:10px;
}

#right_col{
	position:inherit; float:right;
	text-align:center; margin:10px;
}

#card{
	position:relative; float:right;
	border:1px solid #ccc;
	background-color:#f4f4f4;
	width:215px; height:165px;
	font: normal 12px Georgia, Serif;
	line-height:20px;
	padding:5px; margin:0;
}
#card h3{ 
	font:bold 13px Georgia, Serif; color:#333;  
	margin:0; padding:0 0 5px 0;
	text-transform:uppercase;
	text-decoration:underline;
}

#photos{
	position:relative; float:right;
	text-align:left;
	/*border:1px solid #ccc;
	background-color:#f4f4f4;*/
	width:218px; padding:0 0 10px 5px;
	margin:15px 0 0 -15px;
}
#photos a{ border-bottom:2px solid #fff; padding:0px; margin:0; }
#photos a:hover{ border-bottom:2px solid red; }
#photos a img{
	margin:2px 0 0 0; padding:5px;
	border:1px outset #ccc;
	background-color:#f4f4f4;
}


#footer{
	clear:both;
	position:relative;
	background: #fff url(../images/footer.png) left bottom repeat-x;
	height:40px; text-align:center; 
	color:#FFFFFF; font-size:10px;
	margin-left:-1px;
}

#formBottom{
	margin:10px;
}
#formBottom input{ 
	font: normal 14px Tahoma; 
	background:#f4f4f4 url(../images/bg_Button.gif) left bottom repeat-x; 
	height:28px; padding:2px;
}


/*-------------------------------------------------------------
	Classes
-------------------------------------------------------------*/
.label{ color:#333; font-style:italic; font-size:12px; }
.date{ color:#666666; /*font-style:italic;*/ font-size:11px; padding:0 0 0 15px; }
div.divLinks{ text-align:center; }
div.divLeft{ position:relative; width:auto; float:left; }
div.divRight{ position:relative; width:auto; float:right; }
.margin20{ margin-left:20px; margin-right:20px; }
.bold{ font-weight:bold; }