*
{
	margin: 0;
	padding: 0;
}

.listInner {
    padding-left: 10px;
}

body
{
        behavior: url(fileadmin/template/css/csshover3.htc); 
	background: #e7e8ed url('../decoration/bg.png') repeat-x;
	color: #828387;
	font-family: Arial,MingLiU,PMingLiU,Helvetica,sans-seri;
	font-size: 12px;
	/*overflow-y: scroll*/
}

h1
{
	color: #4A5984;
	border-left: solid 3px #4A5984;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 10px;
}

h2
{
	padding: 3px 0px 3px 5px;
	margin: 30px 0px 10px 0px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	background-position: top left;
	background-repeat: repeat-y;
}

h2 a
{
	color: #fff !important;
}

h3
{
	font-size: 14px;
	margin: 0px 0px 10px 0px;
}

.banner
{
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

#patronsMarquee, #patronsMarquee a
{
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

/*---- RTE ----*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left {
text-align:left;
}
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center {
text-align:center;
}
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right {
text-align:right;
}
p.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify {
text-align:justify;
}
p.csc-frame-frame1, table.csc-frame-frame1 {
background-color:#EDEBF1;
border:1px solid #333333;
padding:2px 4px;
}
p.csc-frame-frame2, table.csc-frame-frame2 {
background-color:#F5FFAA;
border:1px solid #333333;
padding:2px 4px;
}
ul.component-items {
color:#186900;
list-style-type:circle;
}
ul.action-items {
color:#8A0020;
list-style-image:url('img/red_arrow_bullet.gif');
}
ol.component-items-ordered {
color:#10007B;
list-style-type:lower-roman;
}
ol.action-items-ordered {
color:#8A0020;
list-style-type:lower-greek;
}
span.important {
color:#8A0020;
}
span.name-of-person {
color:#10007B;
}
span.detail {
color:#186900;
}
a.external-link {
}
a.external-link-new-window {
}
a.internal-link {
}
a.internal-link-new-window {
}
a.download {
}
a.mail {
}
div.indent {
margin-left:2em;
}
.calendar-table 
{
    color: white;
    font-size: 12px;
}

.top-right div {
    float: right;
    font-size: 12px;
}

/*------------------------------------------------------------------------------------*/
.shwrapper
{
	background: url('../decoration/bg-body.png') repeat-y left top;
	margin: 0 auto;
	width: 992px
}


/*------------------------------------------------------------------------------------*/
.wrapper
{
	margin: 0 auto;
	width: 972px;
	background-color: #424F75;
}

/*------------------------------------------------------------------------------------*/
.top
{
	height: 36px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #364160;
	line-height: 36px;
	position: relative;
}

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

a:hover
{
	text-decoration: underline;
}

.top-left
{
	float: left;
}

.top-right
{
	float: right;
	position: relative;
}

.tx-macinasearchbox-pi1
{
        position: relative;
}

.top-right-links
{
	float: right;
	margin-right: 10px;
}

.tx-macinasearchbox-pi1 fieldset
{
	border: none;
}

div#searchglass
{
	float: right;
	width: 25px;
}

div#searchbox
{
	/*padding-top: 3px;*/
	width: 100px;
	height: 20px;
}

input#search
{
	float: left;
	width: 90px;
	height: 20px;
	padding-top: 2px;
	padding-left: 10px;
	background: transparent url(../decoration/search.png) no-repeat scroll left top;
	border: 0 none;
	/*-moz-background-clip: border;*/
	/*-moz-background-inline-policy: continuous;*/
	/*-moz-background-origin: padding;*/
}

input#buttonsearch
{

	float: left;
}

/*------------------------------------------------------------------------------------*/
.banner
{
	height: 76px;
	position: relative;
	background: url('../decoration/stringsContentTop.png') no-repeat top right;
}

.banner .logoSmall
{
	position: absolute;
	top: 7px;
	left: 15px;
	margin-top: 10px;
	color: #eee;
	font-size: 15px;
	font-weight: bold;
	width: 550px;
	/*height: 49px;*/
}

.banner .logoSmall img
{
	margin-right: 10px;
	float: left;
	border: none;
}

.banner .logoSmall div
{
	float: right;
	margin-top: 27px;
	width: 392px;
	height: 18px;
}

.bg-top-gr
{
	height: 10px;
	width: 100%;
	background: url('../decoration/bg-top-gr.png') repeat-x left top;

	position: absolute;
	top: 0px;
	left: 0px
}

.bg-top-2-gr
{
	height: 10px;
	width: 100%;
	background: url('../decoration/bg-top-2-gr.png') repeat-x left bottom;

	position: absolute;
	bottom: 0px;
	left: 0px
}

.bg-top-gr-content
{
	position: absolute;
	height: 10px;
	background-color: #000;
	z-index: 2;
	width: 100%;
	background: url('../decoration/bg-top-gr.png') repeat-x left top;
}

.bg-top-gr-content-bottom
{
	position: absolute;
	height: 10px;
	background-color: #000;
	z-index: 2;
	width: 100%;
	bottom: 0px;
	border: 0px none;
	background: url('../decoration/bg-bottom-gr.png') repeat-x left top;
}

/*------------------------------------------------------------------------------------*/
#menuHor
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background-color: #424F75;
	height: 33px;
}

#menuHor ul
{
	margin: 0;
	padding: 0;
}

#menuHor ul li
{
	display: inline;
	height: 33px;
	width: 108px;
	line-height: 28px;
	vertical-align: top;
	float: left;
	list-style-image: url('none');
	list-style-position: outside;
	list-style-type: none;
	text-align: center;
	position: relative;
	z-index: 30
}

#menuHor li a
{
	color: #fff;
	text-decoration: none;
}

#menuHor li li:hover
{
	color: #fff;
	background: #57658d none repeat scroll 0 0;
}

#menuHor li ul
{
	display: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 33px;
}

#menuHor li:hover ul
{
	display: block;
	width: 123px;
}

#menuHor li li
{
	display: list-item;
	background-image: url('../decoration/bgalpha.png');
	width: 200px;
	height: 25px;
	line-height: 25px;
	list-style-image: url('none');
	list-style-position: outside;
	list-style-type: none;
	text-align: left;
	position: relative
}

#menuHor li li:hover
{
	display: list-item;
	list-style-image: url('none');
	list-style-position: outside;
	list-style-type: none;
	text-align: left
}

#menuHor li li a
{
	color: #fff;
	padding-left: 5px;
	text-decoration: none;
}


/*--- Custom Menus ---*/
/*li#menu1:hover, li#menu1Act
{
	height: 30px !important;
	border-bottom: solid 3px #4c9cc3;
}

li#menu1 li:hover, li#menu1Act li:hover
{
	border-right: solid 3px #4c9cc3;
	width: 130px;
}

li#menu1 li, li#menu1Act li
{
	width: 133px;
}



li#menu6:hover, li#menu6Act
{
	height: 30px !important;
	border-bottom: solid 3px #b95874;
}

li#menu6 li:hover, li#menu6Act li:hover
{
	border-right: solid 3px #b95874;
	width: 145px;
}

li#menu6 li, li#menu6Act li
{
	width: 148px;
}



li#menu15:hover, li#menu15Act
{
	height: 30px !important;
	border-bottom: solid 3px #579aa7;
}

li#menu15 li:hover, li#menu15Act li:hover
{
	border-right: solid 3px #579aa7;
	width: 115px;
}

li#menu15 li, li#menu15Act li
{
	width: 118px;
}



li#menu22:hover, li#menu22Act
{
	height: 30px !important;
	border-bottom: solid 3px #aa3851;
}

li#menu22 li:hover, li#menu22Act li:hover
{
	border-right: solid 3px #aa3851;
	width: 155px;
}

li#menu22 li, li#menu22Act li
{
	width: 158px;
}



li#menu28:hover, li#menu28Act
{
	height: 30px !important;
	border-bottom: solid 3px #91bf91;
}

li#menu28 li:hover, li#menu28Act li:hover
{
	border-right: solid 3px #91bf91;
	width: 177px;
}

li#menu28 li, li#menu28Act li
{
	width: 180px;
}



li#menu42:hover, li#menu42Act
{
	height: 30px !important;
	border-bottom: solid 3px #e79476;
}

li#menu42 li:hover, li#menu42Act li:hover
{
	border-right: solid 3px #e79476;
	width: 165px;
}

li#menu42 li, li#menu42Act li
{
	width: 168px;
}



li#menu52:hover, li#menu52Act
{
	height: 30px !important;
	border-bottom: solid 3px #91af3a;
}

li#menu52 li:hover, li#menu52Act li:hover
{
	border-right: solid 3px #91af3a;
	width: 145px;
}

li#menu52 li, li#menu52Act li
{
	width: 148px;
}



li#menu58:hover, li#menu58Act
{
	height: 30px !important;
	border-bottom: solid 3px #e7b376;
}

li#menu58 li:hover, li#menu58Act li:hover
{
	border-right: solid 3px #e7b376;
	width: 145px;
}

li#menu58 li, li#menu58Act li
{
	width: 148px;
}



li#menu66:hover, li#menu66Act
{
	height: 30px !important;
	border-bottom: solid 3px #8c60b0;
}

li#menu66 li:hover, li#menu66Act li:hover
{
	border-right: solid 3px #8c60b0;
	width: 105px;
}

li#menu66 li, li#menu66Act li
{
	width: 108px;
}
*/
/*--- Custom Menus ---*/
/* menu About FCCS */
li#menu10:hover, li#menu10Act
{
	height: 30px !important;
	border-bottom: solid 3px #4c9cc3;
}

li#menu10 li:hover, li#menu10Act li:hover
{
	border-right: solid 3px #4c9cc3;
	width: 130px;
}

li#menu10 li, li#menu10Act li
{
	width: 133px;
}


/* Menu members */
li#menu9:hover, li#menu9Act
{
	height: 30px !important;
	border-bottom: solid 3px #b95874;
}

li#menu9 li:hover, li#menu9Act li:hover
{
	border-right: solid 3px #b95874;
	width: 145px;
}

li#menu9 li, li#menu9Act li
{
	width: 148px;
}


/* Menu News*/
li#menu8:hover, li#menu8Act
{
	height: 30px !important;
	border-bottom: solid 3px #579aa7;
}

li#menu8 li:hover, li#menu8Act li:hover
{
	border-right: solid 3px #579aa7;
	width: 115px;
}

li#menu8 li, li#menu8Act li
{
	width: 118px;
}


/* menu  Event*/
li#menu7:hover, li#menu7Act
{
	height: 30px !important;
	border-bottom: solid 3px #aa3851;
}

li#menu7 li:hover, li#menu7Act li:hover
{
	border-right: solid 3px #aa3851;
	width: 155px;
}

li#menu7 li, li#menu7Act li
{
	width: 158px;
}


/* Menu Committee */
li#menu6:hover, li#menu6Act
{
	height: 30px !important;
	border-bottom: solid 3px #91bf91;
}

li#menu6 li:hover, li#menu6Act li:hover
{
	border-right: solid 3px #91bf91;
	width: 177px;
}

li#menu6 li, li#menu6Act li
{
	width: 180px;
}

/* menu Business Service*/
li#menu5Act, li#menu5:hover
{
	height: 30px !important;
	border-bottom: solid 3px #e79476;
}

li#menu5 li:hover, li#menu5Act li:hover
{
	border-right: solid 3px #e79476;
	width: 165px;
}

li#menu5 li, li#menu5Act li
{
	width: 168px;
}


/* Menu HR Service*/
li#menu4:hover, li#menu4Act
{
	height: 30px !important;
	border-bottom: solid 3px #91af3a;
}

li#menu4 li:hover, li#menu4Act li:hover
{
	border-right: solid 3px #91af3a;
	width: 145px;
}

li#menu4 li, li#menu4Act li
{
	width: 148px;
}


/* Menu Publications*/
li#menu3:hover, li#menu3Act
{
	height: 30px !important;
	border-bottom: solid 3px #e7b376;
}

li#menu3 li:hover, li#menu3Act li:hover
{
	border-right: solid 3px #e7b376;
	width: 145px;
}

li#menu3 li, li#menu3Act li
{
	width: 148px;
}


/* menu About Singapore */
li#menu2:hover, li#menu2Act
{
	height: 30px !important;
	border-bottom: solid 3px #8c60b0;
}

li#menu2 li:hover, li#menu2Act li:hover
{
	border-right: solid 3px #8c60b0;
	width: 105px;
}

li#menu2 li, li#menu2Act li
{
	width: 108px;
}

/*------------------------------------------------------------------------------------*/
.content
{
	position: relative;
	/*height: 100%;*/
}

.absolute
{
	position: absolute;
}

.content table
{
	border-collapse: collapse;
	/*height: 100%;*/
}

.content table td
{
	vertical-align: top;
	background-color: #fff;
}

.verticalBanner
{
	width: 62px;
	/*height: 100%;*/
	background-repeat:repeat-y;
}

.verticalMenu
{
	width: 191px;
	/*height: 100%;*/
	background-repeat:repeat-y;
}

.bg-col-left
{
	position: absolute;
	width: 10px;
	height: 100%;
	/*left: 52px;*/
	background: url('../decoration/bg-col-left.png') repeat-y left top;
}

.menuUL2, .menuUL2 ul
{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
}

.menuUL2 li
{
	border-bottom: 1px dashed white;
	padding-top: 13px;
	padding-left: 10px;
	height: 23px;
	text-decoration: none;
}

.menuUL2 a
{
	text-decoration: none;
	color: #fff;
	font-size: 12px;
}

/*--------------------------------*/
.content
{
	position: relative;
}

.contentTD
{
	width: 705px;
	background-color: #fff;
	position: relative;
	padding: 7px;
	/*background: url(../decoration/stringsContentDiv.png) top right no-repeat #fff;*/
	background-color: #fff;
}

.contentTD a
{
	color: #828387;
	text-decoration: underline;
}

.contentTD ul, .contentTD ol
{
	margin-left: 30px;
}

.contentDIV
{
	padding: 0px 10px 20px;
        font-size: 12px;
	/*min-height: 619px;*/
}

.breadCrumb
{
	margin-top: 9px;
	margin-bottom: 20px;
}

.breadCrumb a
{
	text-decoration: none;
}

.breadCrumb a:hover
{
	text-decoration: underline;
}

.breadCrumb img
{
	border: none;
}

.breadCrumb span
{
	font-weight:bold;
	color: #828387;
}

.stringsContentDiv
{
	position: absolute;
	right: 0px;
	top: 0px;
}

/*------------------------------------------------------------------------------------*/
.bg-bottom-gr
{
	height: 10px;
	background: url('../decoration/bg-bottom-gr.png') repeat-x left top;
}

.footer
{
	height: 35px;
	line-height: 35px;
	text-align: right;
	padding-right: 10px;
	font-size: 10px;
	background: #364160 url('../decoration/strings-bottom.png') no-repeat top left;
}

/* Popup */
#backgroundPopup
{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:41;  
}  

#popupContact
{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
/*height:325px;  */
width:260px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:42;  
padding:12px;  
font-size:13px;  
}  

#popupContact h1
{  
text-align:left;  
color:#6FA5FD;  
font-size:22px;  
font-weight:700;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;  
}  

#popupContactClose
{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
}  

#popupContact h1, #popupContact h1 b
{
	color: #545454;
	border-left: none;
}

/* Login popup */

#popupLogin
{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
/*height:325px;  */
width:430px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:42;  
padding:12px;  
font-size:13px;  
} 
 
#logLink
{
	cursor: pointer;
}

#popupLogin h1
{  
text-align:left;  
color:#6FA5FD;  
font-size:22px;  
font-weight:700;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;  
}  

#popupLoginClose
{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
}  

#popupLogin h1, #popupLogin h1 b
{
	color: #545454;
	border-left: none;
}

#popupLogin fieldset
{
	padding: 10px;
}

#popupLogin label
{
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 100px;
}

#popupLogin input
{
	margin-bottom: 5px;
	border: 1px solid #828387;
}

#popupLogin span a
{
        color: #828387;
}

/* ADDED BY ERIC ON 27/05/2011 */

.news-list-date {
  float: left;
  text-align: right;
  width: 80px;
  font-size: 12px;
}

.news-list-container, .tx-ttnews-browsebox {
    font-size: 12px;
}

.news-list-item {
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.galleryImage {
    width: 100px;
    text-align: center;
}