/* ------------------------------------------------------------
	RESET 										
   ------------------------------------------------------------
	Remove margin and padding from elements
   ------------------------------------------------------------ */

html, body, div, h1, h2, h3, h4, h5, h6, hr, ul, ol, dl, li, dt, dd, a, p, blockquote,  
pre, form, fieldset, table, tr, th, td { margin:0px; padding:0px; }


/* ------------------------------------------------------------
	BASIC ELEMENTS 										
   ------------------------------------------------------------
	Define styles for basic elements: 
	body, h1-h6, ul, li, a, p, etc ...
   ------------------------------------------------------------ */

body
{
	background:url(../images/bgMain.gif) center repeat-y #0071c4;
	/*background:#d3ceb0 url(../images/bground.gif) 0 0 repeat-x;*/
	color:#010101; 
	font:75% Verdana, Arial, Helvetica, sans-serif;
}

h1
{
	color:#8E6AA0 ;
	font-size:180%;
	font-weight:normal;
	padding:15px 0px 0px 35px;
}

h2 { color:#8E6AA0; font-size:150%; }

h3
{
	color:#3C1194;
	font-size:150%;
	font-weight:normal;
	margin:0px 0px 10px 0px;
}

h4
{
    color:#3C1194;
	font-size:120%;
	font-weight:normal;
	margin: 0px 0px 10px 0px;
}

h5 { font-size:100%; }

p { margin:0px 0px 10px 0px; }

a { color:#8E6AA0; text-decoration:none; }

a:hover{ text-decoration:underline; }

a:active{ color:#FF6C6C; text-decoration:none; }

a img{ border:0px; }

ul
{
	list-style-type:none;
/*	margin:0px 0px 10px 20px;*/
	margin:0px 20px;
	padding:0px;
}

ol li{ /*padding:8px 0px 0px 0px; */ margin: 10px 40px;}

.pinResource
{
	list-style-type: circle;
	text-align: justify;
	margin: 30px 20px 30px 20px;
	padding: 0px;
}

.pinResource li
{
	margin: 10px 0px 10px 10px;
}
hr
{
	border:none;
	border-top:#000000 dashed 1px;
	height:1px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}

blockquote { margin:20px 40px; }


/*  /// STANDARD BLOCKQUOTE FOR QUOTES			
   ------------------------------------------------------------ */

#bq10
{
	background: #f5f5f5;
	border: 7px double #272B4F;
	border-width: 0 5px;
	font: italic 130% "Times New Roman", Times, serif;
	margin:20px;
/*	padding: .6em .8em .2em .8em;*/
}

#bq10 p{ padding: .6em .8em .2em .8em; }

#bq10 .quoter
{
	color: #333;
	font: bold 70% Arial, Helvetica, sans-serif;
	line-height: 150%;
	text-align: right;
	padding: 0em 1em 1em 0em;
}

#bq10 span{ border-top: 1px solid #272B4F; padding: .4em 0 0 0em; }


/* 	/// STANDARD TABLE				
   ------------------------------------------------------------ */

.standardTable
{
	border-collapse: collapse;
	margin: 10px auto;
	padding: 0px;
	text-align: left;
}

.standardTable th
{
	background-color: #6666CC;
	border: solid #666 1px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
}

.standardTable td
{
	border: solid #666 1px;
	margin: 0px;
	padding: 5px;
}

.standardTable .rowOdd{ background-color: #FFFFFF; }

.standardTable .rowEven{ background-color: #E6E6FF; }

.standardTable .alignCentre{ text-align: center; }


/* ------------------------------------------------------------
	GENERIC CLASSES 										
   ------------------------------------------------------------
	Define styles for simple things like floating to the sides, 
	removing a bottombottom margin on elements, etc ...
   ------------------------------------------------------------ */

.clearPath{	clear:both; }

.downloadPdf{ background:url(../images/icon_pdf.gif) no-repeat left; padding:5px 0px 5px 25px; }

.right{ float:right; margin:0px 10px 10px 10px; }

.shift { margin:0px 0px 0px 20px; }


/* ------------------------------------------------------------
	NAVIGATION 										
   ------------------------------------------------------------
	Define all elements in the navigation
   ------------------------------------------------------------ */

#navMain
{
	background-image:url(../images/navMain.png);
	background-repeat:repeat-x;
	height:42px;
	margin:0 auto;
	width:100%;
}

#navigationTop
{
	background-image:url(../images/navBg.gif);
	background-repeat:repeat-x;
	height:100%;
	margin:0 auto;
	width:960px;
}

/* #navMainCenter{ margin:0 auto; width:840px; } */

/* all lists */
#navigationTop ul
{
	line-height: 42px;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* For IE7 Only */
*:first-child+html #navigationTop ul
{
	left: inherit;
	position: relative;
	top: 0;
}

/* all list items */
#navigationTop li
{ 
	color:#FFF;
	float: left;
	position: relative;
	text-align:center;
	width: 9.9em;
}

/* second-level lists */
li ul
{ 
	border:#000 1px solid; 
	display: none;
	left: 0;
	position: absolute;
	top: 3.5em;
	width:19em;
}

#navigationTop li ul li
{
	border-bottom:#CCCCCC 1px solid;
	display:block;
	line-height:32px;
	width:19em;
}

/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
#navigationTop li>ul{ top:auto; left:auto; }

/* lists nested under hovered list items */
#navigationTop li:hover ul, li.over ul{ display: block;	background-color: #4615A9; }

#navigationTop ul li a
{
	color:#FFF;
	text-decoration: none;
	display: block;
}

#navigationTop ul li a:hover,.active
{
    background-image:url(../images/navBg-hover.gif);
	background-repeat:repeat-x;
	/* width: 100px; */
	/*color: #fff;*/
}


/* ------------------------------------------------------------
	HEADER 										
   ------------------------------------------------------------
	Define all elements in the header
   ------------------------------------------------------------ */

#headerMain
{
	background-image:url(../images/headerMain.png);
	background-repeat:repeat-x;
	height:152px;
	margin:0 auto;
	width:100%;
}

#headerTop
{	
	background:url(../images/topBanner.jpg) no-repeat;
	height:152px;
	margin:0 auto;
	width:960px;
}


/* ------------------------------------------------------------
	CONTENT 										
   ------------------------------------------------------------
	Define all elements in the content
   ------------------------------------------------------------ */

#contentMain
{
	background-color:#e3dce6;
	margin:0 auto;
	width:100%;
}

#content
{
	background-color: #f6eff9;
	height:100%;
	margin:0 auto;
	width:960px;
}

.headerTitle{ height: 54px;	padding: 0px 5px; }

#subContent
{
	background-image:url(../images/mainCurveTop.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;
	width: 894px;
	height: 13px;
}

#subInnerContent
{
	background-image:url(../images/mainbgCenter.png);
	background-repeat:repeat-y;
	margin: 0 auto;
	width: 894px;
	height: auto;
}

.subPages{ padding: 0px 15px 0px 15px; height: auto; }

.subPages ul.ministriesList,subPages ul.resourcesList{ margin: 0px 0px 10px 35px;	padding: 0px; }

.subPages ul.ministriesList li,.subPages ul.resourcesList li{	list-style-type: disc; }

#subInnerContent p{ text-align: justify; }

#subInnerContent ul .ministries{ list-style: circle; }

#subInnerContent .subLeftContent
{
	float: left;
	height: auto;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 15px;
	width: 420px;
}

#subInnerContent .subLeftContentMap
{
	float: left;
	height: auto;
	margin: 0px 20px 0px 0px;
	padding: 100px 0px 0px 90px;
	width: 320px;
}

#subInnerContent .subRightContent
{
	height: auto;
	margin: 0px 20px 0px 0px;
	width: 420px;
}



/*  /// HOME								
   ------------------------------------------------------------ */

.titleName
{
	color: #8c0ac8;
	display: block;
	float: left;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;	
	width: 410px;
}

.rightColumn
{	
	display: block;
	float: left;
	width: 110px;
}

.leftColumn
{
	display: block;
	float: left;
	margin: 0px 60px 5px 0px;
	width: 235px;
}


/*  /// SIDE COLUMN 										
   ------------------------------------------------------------ */

#sideCol
{
	width:100px;
	float:left;
	margin: 0px 5px 0px 5px;
	text-align: center;
	/*	border:1px solid #000;*/
}

#sideCol ul{ margin: 0px 0px 5px 0px; width:90px; }

#sideCol ul li
{
	display: block;
	background-color: #F6EFF9;
	margin: 2px 0px;
	height: 20px;
}

#sideCol ul li a 
{
    display: block;
	background-color: #F6EFF9;
	text-decoration: none;
	margin: 0px 0px;
	height: 20px;
}

#sideCol ul li a:hover
{
	display: block;
	width:90px;
	background-color: #A8A8FF;
	color: #FFFFFF;
	height: 20px;
}


/*  /// MISSION TRIP 										
   ------------------------------------------------------------ */

#MissionTripPhotos
{
 	margin: 10px;
 /* padding: 0px 0px;
	width: 630px;*/
}

#MissionTripPhotos ul li
{
	margin: 10px;
	padding: 0px 0px 0px 0px;
	width: 220px;
	float: left;
/*	border:1px solid #000000;*/
}

.listRight
{
	display: block;
	float: right;
	width: 400px;
}

.missionsList{ padding:10px 0px 5px 15px; }


/*  /// MINISTRIES
   ------------------------------------------------------------ */

#hokkienMinistryPhotos
{
	margin: 10px 150px;
	padding: 0px 10px;
	width: 569px;
}

#royalRangerPhotos
{
    margin: 0px 0px 0px 40px;
	padding: 5px 5px;
    width: 760px;
}

/* Photo Caption */
.titleText
{
    /*width: 560px;*/
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 5px 5px;
	color: #3C1194;
	font-weight: bold;
	background-color: #F6EFF9;
	font-style:italic;
	font-size: 80%;
}


/*  /// EVENTS
   ------------------------------------------------------------ */

.content{ width:750px; float:left; }


/*  /// CONTACT US
   ------------------------------------------------------------ */
   
.map
{
	border: solid 1px #000000;
	margin: 18px 10px 40px 40px;
	float: left;
}
   

/*  /// BOTTOM 										
   ------------------------------------------------------------ */

#subBtmContent{
	background-image: url(../images/mainCurveBtm.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	width: 894px;
	height: 13px;
	padding:0px 0px 10px 0px;	
}


/* ------------------------------------------------------------
	PANELS 										
   ------------------------------------------------------------
	Define all elements in the panels
   ------------------------------------------------------------ */

#panelTabsMain
{
	background-color:#ececec;
	margin:0 auto;
	width:100%;
	height: auto;
}

#panelsArea
{
	background-color:#ffffff;
	height:auto;
	margin:0 auto;
	padding:10px 0px 20px 0px;	
	width:960px;
}

#panels
{
	height:570px;
	margin:0 auto;
	padding:0px;
	width:908px;
}

.whatOnPanel
{
	float: left;
	width: 580px;
	height:565px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 5px 0px;
	background: #f7eff9;
}

.whatOnTitle
{
	color:#3C1194;
	font-size:120%;
	font-weight:normal;

}

.whatOnPanel ul
{
	list-style: disc;
	margin: 0px 0px 0px 30px;
}
.reflectTestiPanel
{
	background: #f7eff9;
	float: left;
	height:560px;
	margin: 0px 0px 0px 12px;
	padding: 0px 5px 10px 0px;
	width: 286px;
	text-align: justify;
}

.reflectTestiPanel p, .whatOnPanel p
{ 
    padding: 5px 0px 0px 5px; 
}

.subHeader1
{
	background-image: url(../images/whatOnTab.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 81px;
	padding: 2px 0px 0px 10px;
}

/*.subHeader2
{
	background-image: url(../images/EventsTabs.png);
	background-repeat: no-repeat;
	display: block;
	height: 81px;
	padding: 2px 0px 0px 10px;
}

.subHeader2 ul{ list-style: none; }
*/
.subHeader2
{
	background-image: url(../images/LatestTabs.png);
	background-repeat: no-repeat;
	display: block;
	height: 81px;
	padding: 2px 0px 0px 10px;
}

.subHeader1 p, .subHeader2 p
{ font-size: 120%; padding: 5px 5px 0px 10px; }

.left{ padding: 0px 20px 0px 0px; }

.date
{
	width:180px;
	display:block;
	margin:0px 0px 10px 0px;
	padding:5px 0px 0px 5px;
	float:left;
/*	border:1px solid #000;*/
	
}

.link
{
	width:90px;
	display:block;
	margin:5px 0px 10px 0px;
	float:left;
	text-align:right;
/*	border:1px solid #000;*/
}


/* ------------------------------------------------------------
	TABLE 										
   ------------------------------------------------------------
	Define all table styles different from standard tables
   ------------------------------------------------------------ */

#Summary, #Caption { /*width: 28em;*/ }

.tableStyle
{
	border: solid #666;
	border-collapse: collapse;
	border-width: 1px 0 0 1px;
	margin: 1em 0 1em 2%;
	width: 80%;
}

.tableStyle th, .tableStyle td
{
	border: solid 1px #666;
	border-width: 0 1px 1px 0;
	padding: 0.2em;
}

.firstColumn{ padding: 0px 5px; text-align: center; }

#header1{ background-color: #B50100; color: #ffffff; }

.odd { background-color: #FFFFDD; }


/* ------------------------------------------------------------
	FOOTER 										
   ------------------------------------------------------------
	Define all elements in the footer
   ------------------------------------------------------------ */


/*  /// DIVIDER
   ------------------------------------------------------------ */

#footerDividerMain
{	
    background-color:#2c0069; 
	height:5px;
	 margin:0 auto;
	width:100%;	
}

/*#footerDivider
{
	background-color: #2c0069;
	height:7px;
	margin:0 auto;
	width:960px;
}*/

#logomainPan img{ margin:0 auto; }


/*  /// PANEL
   ------------------------------------------------------------ */

#footermainPan
{
	background-color:#0071c4;
	clear:both;
	color:#fff; 
	font-family:Arial, Helvetica, sans-serif;
	height:114px; 
	margin:0 auto; 
	width:100%;	
}

#footer
{
	background-color:#0084d7;
	color:#fff;
	font-size:0.9em;
	height:98px;
	line-height:25px;
	margin:0 auto;
	padding:8px 0;
	text-align:center;
	width:960px;
}

#footer p{ margin-top:20px; padding:0; }

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

#footer a:hover{ color:#fff; text-decoration:underline; }

#footerPan
{
	font:12px/15px Arial, Helvetica, sans-serif;
	font-weight:normal;	 
	margin:0 auto;
	position:relative;
	width:960px; 
}

#footer p.copyright
{
	background:#0084d7; 
	color:#F3F1DF; 
	margin:0px 0 0 0;
	text-align:center;
	width:960px; 
}

#footer p.design
{
	background:#0084d7; 
	color:#d1d0d0;
	margin:0px 0 0 0; 
	text-align:center;
	width:960px;
}

#footer p.design
{ 
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size:80%;
	font-style:italic; 
}

#footer p.design a{ color:#d1d0d0; text-decoration:none; }

#footer p.design a:hover{ text-decoration:underline; }


/* ------------------------------------------------------------
	HACKS 										
   ------------------------------------------------------------
	Define hacks
   ------------------------------------------------------------ */
   
/* Hides from IE-mac */

* html .clearfix{ height: 1%; }
.clearfix{ display: block; }

/* End hide from IE-mac */  

/* html>body #wrap{ background:url(../images/wrapBG.gif) repeat-y; } */