BODY {
	scrollbar-3dlight-color: #6a6a6a;
	scrollbar-arrow-color: #9999AA;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #444444;
	scrollbar-highlight-color: #444444;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #2e2e2e;	
	PADDING: 0px; FONT-SIZE: 12px; MARGIN: 0px; COLOR: #777777; BACKGROUND-COLOR: #0B0B0B; TEXT-ALIGN: center; FONT-FAMILY: VERDANA;
}

IMG { BORDER:0px }

.clear {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

UL {
	PADDING: 0px; LIST-STYLE-POSITION: outside; MARGIN: 0px;  LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}

LI {
	PADDING: 0px; LIST-STYLE-POSITION: outside; MARGIN: 0px;  LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}

A {
	FONT-WEIGHT: normal; COLOR: #444444; TEXT-DECORATION: none
}
A:hover {
	COLOR: #444444; TEXT-DECORATION: underline
}

.footer {
	PADDING: 0px; MARGIN: 0px auto; WIDTH: 960px; TEXT-ALIGN: center;
}

td#footer {
	PADDING: 0px; WIDTH: 960px; TEXT-ALIGN: center; COLOR: #aaaaaa; VERTICAL-ALIGN:top; FONT-SIZE: 12px; PADDING: 10px 12px 10px 12px; line-height:120%; 
}

.footer p {
	color: #4a4f52; font-family: Verdana; font-size: 11px;
}

.footer_imgtxt {
	
}



.headlogo {
	PADDING: 20px 0px 0px 0px; TEXT-ALIGN: center; MARGIN: 0px auto;
}

.headlogo img {
	WIDTH: 966px;

}


.homecol {
	BACKGROUND-IMAGE: url('images/bg_homecol.gif'); BACKGROUND-REPEAT: repeat-y; BACKGROUND-COLOR: #5A5A5A;
	PADDING: 0px; MARGIN: 0px; BORDER-TOP: #585858 4px solid; WIDTH: 960px; COLOR:#A2A2A2;
}

.leftcol {
	FLOAT: left; WIDTH: 180px; TEXT-ALIGN: left; BORDER: 0px;
}


.l_heading {
	PADDING: 5px 0px 3px 12px; TEXT-ALIGN: left; MARGIN: 0px; 
	BACKGROUND-IMAGE: url(../images/bg_l_heading.gif); BACKGROUND-POSITION: right 50%; BACKGROUND-REPEAT: no-repeat
}

.l_heading IMG {
	VERTICAL-ALIGN: top; MARGIN-RIGHT: 5px
}
.l_heading A {
	FONT-WEIGHT: bold; COLOR: #ffffff
}
.l_heading A:hover {
	FONT-WEIGHT: bold; COLOR: #ffffff
}

.heading {
	PADDING: 0px; MARGIN: 0px;
}

.bottom_line {
}
/*	DISPLAY: block; BACKGROUND-IMAGE: url(images/bg_bottom_line.gif); MARGIN-LEFT: auto; WIDTH: 960px; MARGIN-RIGHT: auto; BACKGROUND-REPEAT: repeat-x; TEXT-ALIGN: center   */


.navbar {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 966px; PADDING-TOP: 0px; TEXT-ALIGN: left
}

.nav_box {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 50% top; PADDING: 0px; BACKGROUND-REPEAT: repeat-x; TEXT-ALIGN: center
}

.nav01 {
	BACKGROUND-POSITION: 50% bottom; MARGIN-TOP: 3px; FLOAT: left; BACKGROUND-IMAGE: url('images/bg_nav01.gif'); WIDTH: 100%; LINE-HEIGHT: normal; BACKGROUND-REPEAT: repeat-x
}
.nav01 IMG {
	FLOAT: left; MARGIN: 4px 0px 0px 12px
}
.nav01 UL {
	PADDING-RIGHT: 10px; PADDING-LEFT: 30px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.nav01 LI {
	padding:0px; BACKGROUND-POSITION: left top; FLOAT: left; BACKGROUND-IMAGE: url('images/home_nav_left.gif'); MARGIN: 0px; BACKGROUND-REPEAT: no-repeat
}
.nav01 LI A {
	PADDING-RIGHT: 15px; BACKGROUND-POSITION: right top; DISPLAY: block; PADDING-LEFT: 13px; FLOAT: left; BACKGROUND-IMAGE: url('images/home_nav_right.gif'); PADDING-BOTTOM: 3px; MARGIN: 0px; COLOR: #333333; PADDING-TOP: 4px; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none
}
.nav01 LI A {
	FLOAT: none
}
.nav01 LI A:hover {
	BACKGROUND-POSITION: left -25px; COLOR: #000000; TEXT-DECORATION: none
}
.nav01 .current {
	BACKGROUND-POSITION: 0px -25px
}
.nav01 .current A {
	BACKGROUND-POSITION: 100% -25px
}


.nav02 {
	FONT: 12px tahoma; PADDING: 12px 10px 5px 10px; BACKGROUND-IMAGE: url(images/bg_nav_box.gif); BACKGROUND-REPEAT: repeat-x;
}
.nav02 A {
	PADDING-RIGHT: 4px; MARGIN-TOP: 3px; MARGIN-BOTTOM: 3px; COLOR: #ffffff; TEXT-DECORATION: underline;
}
.nav02 A:hover {
	COLOR: #cccccc;
}
.nav02 IMG {
	MARGIN-BOTTOM: -2px; VERTICAL-ALIGN: 5%
}


.nav04 {
	padding:0px;
}





/*        head title
=================================== */


.nav04 {
	MARGIN: 4px; COLOR: #ffffff; BACKGROUND-COLOR: #da191a; WIDTH: 100%; padding: 0px;
}
.nav04 A {
	FONT-SIZE: 12px; COLOR: #ffffff
}
.nav04 A:hover {
	FONT-SIZE: 12px; COLOR: #ffffff
}


.menu {
	FONT: 13px tahoma;
	COLOR: #dedede;
}

.newtopstory {
	FLOAT: left; VERTICAL-ALIGN: super; WIDTH:540; HEIGHT: 200px;
}

.marquee_box {
	FLOAT: left;
	VERTICAL-ALIGN: super;
	WIDTH:215; HEIGHT: 190;

	MARGIN-LEFT: 0px;
	MARGIN-TOP: 7px;

	PADDING:7px;
	FONT-SIZE: 12 px;
	COLOR: RED;
	TEXT-ALIGN: left;
}





/*            middle
=================================== */


.middlecol { FLOAT: left; WIDTH: 540px; PADDING-TOP: 12px; }

div.mid_album { PADDING: 7px; MARGIN: 7px auto; BACKGROUND-COLOR: #5A5A5A; TEXT-ALIGN: left; }

.tb_album td { BORDER-BOTTOM: 1px #333333 dotted; PADDING-TOP: 35px}

.album_desc { COLOR: #aaaaaa; VERTICAL-ALIGN:middle; FONT-SIZE: 12px; PADDING: 35px 12px 50px 30px; line-height:190%; text-align: justify;}

.album_desc a { COLOR: #0099FF;}

.album_desc a:hover{ COLOR: #cccccc;}

.album_desc a:visited { COLOR: #0099FF;}

.album_year { HEIGHT: 30px; text-align:left; padding-left:30px; }

.coreTT { FONT-COLOR:RED; }

.tb_about td { PADDING-TOP: 12px; PADDING-BOTTOM: 12px; vertical-align:top;}

.tb_about a{ COLOR: #ffffff;}

td.free_about { PADDING-LEFT: 30px; }


td.secHead, div.secHead { BACKGROUND-COLOR: #171a1a; padding: 10px 10px 10px 40px; font-size: 17px; color: #666666; border: 1px solid #333333;}
/*BACKGROUND-IMAGE: url(images/bg_nav_box.gif)
BACKGROUND-IMAGE: url(images/bg-sub-title.jpg); BACKGROUND-REPEAT: repeat-x; 
 */




/*        middle split
=================================== */


.middlecol_split {
	FLOAT: left; TEXT-ALIGN: left; COLOR: #979797; WIDTH: 47%; MARGIN-LEFT: 7px; BACKGROUND-COLOR: #979797
}

hr.gap {
	COLOR:#535353;
}

hr.gapB {
	BORDER: 1px dashed #343536;
}





/*       special
=================================== */


.on {color:#3366ff}			/* highlight word */

.whte { color:#ffffff }

.maq_vision { width:97%; }

TD.maq_txt { font-size: 10px; font-family: verdana; text-align: center;}

.blck { color:#000000 }

td.outreachList {
	background-image: url('images/outreach_content.jpg'); background-repeat: no-repeat;
}

p.outreachList {
	padding-left: 20px;
	line-height:30px;

}

p.outreachList a:hover {
	border-bottom: 1px dashed #3366ff;

}


p.outreachList a:visited {
	color: #777777;
}




/*        table outer
=================================== */


table#tbOuter { 
	border-collapse: collapse;
	BACKGROUND: #202123;
	align: center;
}

table#tbOuter td { vertical-align: top; }

.homecol1 {
	BACKGROUND-COLOR: #000000;
	PADDING: 0px; MARGIN: 0px; BORDER-TOP: #585858 4px solid; WIDTH: 960px; COLOR:#A2A2A2;
}


td#leftcol { BACKGROUND-COLOR:#171a1a; WIDTH: 180px; TEXT-ALIGN: left; BORDER: 0px; }

td#middlecol { WIDTH: 540px; PADDING-TOP: 12px; }

td#rightcol { WIDTH: 240px; PADDING-TOP: 12px; height: 1050px;}


#frameRight { WIDTH:240PX; height: 1150px; }

#frameLeft  { width:167px; height: 1050px; }



/*        middle column
=================================== */


.msg { COLOR: #aaaaaa; VERTICAL-ALIGN:top; FONT-SIZE: 12px; PADDING-LEFT: 12px; line-height:170%; 
	PADDING-TOP: 10px; PADDING-BOTTOM: 12px; TEXT-ALIGN:justify; }

.msg a{ COLOR: #ffffff;}

.msg a:hover{ COLOR: #cccccc; border-bottom: 1px dashed #cccccc; text-decoration: none;}


.hlg { color: #0099ff }


.tb_msg th { BACKGROUND-IMAGE : URL('images/bg_nav_box.gif'); BACKGROUND-REPEAT: NO-REPEAT; PADDING-TOP:3px; PADDING-LEFT:16px; TEXT-ALIGN:left;}


.tb_msg a{ COLOR: #ffffff;}


.tb_msg2 th { PADDING-TOP:3px; PADDING-LEFT:16px; TEXT-ALIGN:left; PADDING:10px;}

.tb_msg2 td { PADDING-TOP: 10px; PADDING-BOTTOM: 12px; vertical-align:top; COLOR:#ffffff; TEXT-ALIGN:justify; LINE-HEIGHT:160%; FONT-SIZE:12px}

.tb_msg2 a{ COLOR: #0099ff;}



.tb_cg { BORDER:0px; BORDER-COLLAPSE: collapse;}

.tb_cg td { PADDING-TOP: 12px; PADDING-BOTTOM: 12px; vertical-align:top; BORDER-BOTTOM: 1px #777777 dotted; FONT-SIZE:12px}

.tb_cg a{ COLOR: #0099ff;}

.tb_cg a:hover { COLOR: #66ccff; text-decoration: none; border-bottom: 1px dashed #66ccff;}



.tb_event { WIDTH:100%}

.tb_event td { BACKGROUND-COLOR: #eeeeee}

td.tt_week { TEXT-ALIGN:center; WIDTH:20px; HEIGHT:120px; COLOR: #0099ff; BACKGROUND-COLOR: #ffffff; FONT-SIZE:12px; }

td.tt_weekNo { TEXT-ALIGN:center; HEIGHT:40px; COLOR: #0099ff; BACKGROUND-COLOR: #ffffff; FONT-SIZE:12px; }


td.headBrown { BACKGROUND-IMAGE: URL('images/head_brown_wide.gif'); BACKGROUND-REPEAT: NO-REPEAT; PADDING-LEFT: 21px }



div.middleOut { PADDING: 7px; MARGIN: 7px auto; TEXT-ALIGN: left; }

div.midMsg { PADDING: 7px 7px 7px 20px; MARGIN: 7px auto; TEXT-ALIGN: left; LINE-HEIGHT: 160% }



img.pic { border:2px #777777 solid;}

img.picMinistry { margin-left: 15px; margin-right: 15px; }



/* - - - - - - - BACKGROUND-IMAGE : URL('images/bg-big-title.jpg'); BACKGROUND-REPEAT: repeat-x;  - - - - - - - */


div.navTop { height: 24px; PADDING: 12px; FONT-SIZE: 17px; FONT-WEIGHT: BOLD; LETTER-SPACING: 1px; COLOR:#ffffff; FONT-FAMILY: Verdana; BORDER: 1px solid #333333;}


td.ministry_hd { height: 14px; PADDING: 12px; FONT-SIZE: 14px; LETTER-SPACING: 1px; COLOR:#eee; FONT-FAMILY: Arial; BORDER: 1px solid #eee; BACKGROUND-COLOR: #cc3311; TEXT-ALIGN: right;}






/*   GALLERY - Effect
=================================== */

.newsSlide a:hover img	{
	filter:alpha(opacity=70%);
	opacity:0.7;
}



/*   Expand Click ( Outreach, video)
=================================== */

.handcursor{
	cursor:hand;
	cursor:pointer;
}

.handcursor a:hover{
	color: #3366ff;
}

.switchgroup1 {
	BACKGROUND-REPEAT: repeat-y;
	BACKGROUND-COLOR: #272a2b;
	PADDING: 12px;
}


.sgCG {
	WIDTH: 445px;
}

/*	BACKGROUND-IMAGE: url('images/outreach-bg.jpg');	*/

DIV.videohd {
	font-size: 12px;
	color; #777777;
}




/*   HOME - Announcement
=================================== */


TD.pptHome {
	PADDING: 5px 7px 12px 12px;
	line-height:320%;
	VERTICAL-ALIGN: top;
	VALIGN: TOP;

}

TD.ppt {
	PADDING: 24px 7px 12px 12px;
	line-height:320%;
	VERTICAL-ALIGN: top;
	VALIGN: TOP;

}

TD.ppt img, TD.ppt a img	{
	padding: 0px 0px 40px 5px;
}

.ppt a:hover img	{
	filter:alpha(opacity=70%);
	opacity:0.7;
}


DIV.bannerTitle {
	font-size: 14px;
	color: #777777;
	border-left: 12px solid #777777;
	padding: 10px;
	margin-top: 12px;
	background-color: #111111;
}





/*   HOME - News2
=================================== */

DIV.homeNews {
	background-color: #181b1c;
	margin: 12px 0px 12px 0px;
	padding: 37px 12px 12px 12px;
	border:1px solid #333333;
	font-size: 12px;
	color: #aaaaaa;
	line-height: 150%;
	font-size: 12px;
	text-align: justify;
	font-family: verdana;
}

DIV.homeNewsTitle, SPAN.homeNewsTitle {
	color: #ffffff;
	font-size: 17px;
	font-weight: bold;
	line-height: 150%;
}


DIV.weekDate {
	font-size: 8px;
	text-align: right;
}

TABLE.homeNewsSchedule {
	width: 90%;
	margin-left: 10%;
}

TABLE.homeNewsSchedule TD {
	font-size: 12px;
	color: #aaaaaa;
	line-height: 150%;
	width: 50%;
}



/*   HISTORY
=================================== */

DIV.historyYear {
	font-size: 12px;
	font-family: Verdana;
	margin: 0px 0px 15px 30px;
	width: 99%;
	text-align: left;
}

DIV.historyYear a {
	color: #aaaaaa;
}

DIV.historyYear a:hover {
	border-bottom: 1px dashed #aaaaaa;
	text-decoration: none;
}



/*   ROLL-NEWS 
/ only copy same setting part, this is not for ROLL-NEWS section setting 
/ is to make the ease of announcement archieve updating process
=================================== */

.newsSlide a:hover img	{
	filter:alpha(opacity=70%);
	opacity:0.7;
}

div.linkerA { 
	BACKGROUND-COLOR: #171a1a;
	padding: 10px 5px 10px 10px;
	font-size: 12px;
	color: #666666;
	border: 1px solid #333333;
	font-family:Verdana;
	margin: 15px 30px 0px 0px;
	line-height: 200%;
}

.linkerA a, .linkerA a:visited {
	color: #666666;
	text-decoration: none;
}

.linkerA a:hover {
	border-bottom: 1px dashed #666666;
}



/* - - - - - - -  - - - - - - - */