/*-------------------------------------------------------------
	COMMON
-------------------------------------------------------------*/
* { padding: 0; margin: 0; }

body {
/*	background-image: url('../../images/bg-hstripes-gray.gif');*/
	background-image: url('../../images/bg-grey.jpg');
	background-repeat: repeat-x repeat-y;
	font-family: Verdana, sans-serif;
	font-size: 84%;
	font-style: normal;
	font-weight: normal;
	color: #65696F; 
}

p, h1, h2, h3, h4, h5, h6, pre, code {	font-size: 1em; }

p { margin-bottom: 1em; line-height: 1.3em; color: #434949; }

h1 {
	margin-top: 0.6em;
	margin-bottom: 0.5em;
	font-size: 1.6em;
	font-weight: normal;
	color: #78B7AF;
}

h2 {
	padding: 0.3em 0.3em;
	margin: 0;
	color: #6F6F6F;
	background-color: #E1FF92;
	font-size: 1em;
}

h3 { font-size: 1.25em; font-weight: 500; color: #84AB39; }
h3.h3-border { margin: 0.5em 0 0.5em 0; font-size: 1.2em; color: #84AB39; border-bottom: 1px solid #84AB39; }

ul { list-style-type: square; }

ul.bulletList {
	margin: 1em 0 3em 2em;
	line-height: 1.3em;
}

ul.noBulletList {
	margin: 1em 0 3em 2em;
	line-height: 1.3em;
	list-style-type: none;
}
ul.noBulletList li { margin-bottom: 0.8em; }

ol.numberedList {
	margin: 1em 0 3em 2em;
	line-height: 1.3em;
}

a img, :link img, :visited img { border: none; }

a, a:link, a:visited { color: #4593ED; text-decoration: none; }
a:hover { text-decoration: underline; }

table { width: 100%; }

.table-info {
	border: none;
	margin-bottom: 1em;
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse; 
	color: #65696F;
}

.table-info th {
	background: #C6D4D1;
	text-align: left;
	padding: 0.3em 0.5em;
	color: #6F6F6F;
	font-size: 1em;
	font-family: Arial;
	font-weight: bold;
}

.table-info tr td {
	padding: 0.3em 0.5em;
	text-align: left;
	font-size: 1em;
	font-family: Arial Narrow;
	background: #E1EFEC;
}

hr#separator {
	width: 90%;
	height: 1px;
	margin: 1em 0 1em 0;
	border-top: 1px solid #B1C6C7;
}

/*.link { font-style: italic; }*/

.bodyChinese.p {
	font: SimSun, sans-serif;
	font-weight: bold;
	font-size: 150%;
}
/*-------------------------------------------------------------
	PAGE LAYOUT
-------------------------------------------------------------*/
#wrapperPage {
	position: relative;
	overflow: hidden;
	width: 792px;
	margin: 5px auto;
	background: #fff;
	border: 5px solid #fff;
}

#wrapperHeader {
	clear: right;
	display: block;
	width: 100%;
}

#wrapperMainContent {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

#wrapperFooter {
	clear: both;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	background-color: #9BB9B8; background: #61AB9C;
}

/*-------------------------------------------------------------
	HEADER
-------------------------------------------------------------*/
#banner { display: block; }

/*-------------------------------------------------------------
	MAIN NAVIGATION
-------------------------------------------------------------*/
#navMain {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #57AB9A;
	list-style: none;
}

#navMain li {
	float: left;
	width: 6em;
}

#navMain li a {
	display: block;
	text-decoration: none;
	text-align: center;
	line-height: 1.6em;
	color: #000;
}

#navMain li a:link, #navMain li a:visited {
	color: #fff;
}

#navMain li:hover a {
	color: #9BB9B8;
	background: #669999;
}

#navLanguage {
	margin: 0;
	padding: 0 0 0 1.7em;
	line-height: 1.8em;
	font-weight: bold;
	font-size: 1em;
	color: #999999;
	background: #C1DE71;
}

#navLanguage a { color: #669999; }
#navLanguage a:hover { text-decoration: underline; }

/*-------------------------------------------------------------
	FOOTER
-------------------------------------------------------------*/
#address {
	float: left;
	width: 200px;
	margin: 0.8em 0 0 1em;
	padding-top: 2px;
	text-align: left;
}

#address p { line-height: 0.25em; color: #FFF; }

#siteNavCopyright {
	overflow: hidden;
	margin: 0.6em 1em 0.6em 0;
	padding: 0;
	margin-left: 250px;
}

#siteNav {
	float: right;
	margin: 1.8em 0 0.5em 0;
	padding: 0;
	list-style-type: none;
	color: #FFF;
}

#siteNav li { display: inline; }
#siteNav li a {
 	padding: 0 0.5em 0 0.5em;
	text-align: center;
	font-size: 1em;
	color: #FFF;
}
#siteNav li a:hover { text-decoration: underline; }

#copyright {
	clear: both;
	margin: 0.5em 0.5em 0.2em 0;
	font-size: 1em;
	color: #267568;
	text-align: right;
}

/*-------------------------------------------------------------
	MAIN CONTENT
-------------------------------------------------------------*/
#mainContent {
	float: left;
	overflow: hidden;
	display:inline;
	width: 500px;
	padding: 20px 15px 0px 15px;
}
#mainContent a { color: #4593ED; }
#mainContent a:hover { text-decoration: underline; }

#specialNotice {
	padding: 0.5em 0.5em;
	background-color: #f1f0e1;
}
#specialNotice p {
	 color: #990000;
}

/*-------------------------------------------------------------
	SIDE BAR - HOME PAGE
-------------------------------------------------------------*/
#sideBarR-home {
	float: right;
	width: 250px;
	margin: 0px;
	padding: 0;
	background: #CBE9CD;
	color: #7e7701;		/* bronze */ 
}
#sideBarR-home p {
	 color: #7e7701;
}

.sideInfoBox { display: block; margin: 20px 15px 0px 15px; }

#sideBarR-home table.service { padding: 0.2em 0 0.2em; }

#sideInfoBox-news {
	overflow:hidden;
	padding: 15px 15px 0px 15px;
	background: #cbe28a; /* light green */
}

#sideBarR-home ul {	list-style-type: none; }
#sideBarR-home ul li { margin-top: 0.4em; }

.boxTitle {
	margin: 0;
	padding: 0;
	color: #669966; color: #57AB9A;
	font-size: 1.2em;
	font-weight: 600;
}

/*-------------------------------------------------------------
	SIDE BAR - SUBMENU
-------------------------------------------------------------*/
div#sideBarR {
	border-top: 8px solid #CBE9CD;
	float: right;
	width: 220px; height: 100%;
	margin: 50px 10px 50px 0;
	padding: 0;
	background-repeat: no-repeat;*/
	font-weight: 400;
	background-color: #C4DE7E;
}

#subNav li {
	line-height: 1.5em;
	background: transparent url(../../images/bg-dotted-line.gif) repeat-x bottom center;
	display: block;
	padding: 3px 0 3px 10px;
	margin-bottom: 5px;
	list-style-type: none;
	color: #999900;color: #00A2E9;
	font-weight: 600;
}

#subNav li a:link {	color: #00A2E9; }  /* bright skyblue */
#subNav li a:visited { 	color: #799EA6; } /* slate blue */
#subNav li a:hover { color: #429C80; } /* turquoise */

/*-------------------------------------------------------------
	NEWS
-------------------------------------------------------------*/
#news-schedule {
	background: #CCDDBB;
	padding: 1em 1em 1em 1em;
	length: 50%;
}

#specialAnn {
	color: #8A0808;
}

/*-------------------------------------------------------------
	CONTACT
-------------------------------------------------------------*/
#contactAddr {
	float: left;
	display: inline;
	margin: 0 3em 0 1em;
}
#contactMap { float: left; clear: right;}
#contactMap p { text-align: center;}
#contactMap img { width: 120px; height: 120px; }

#contactForm { clear: both; }

#contactForm form label {
	float: left;
	margin: 0 0 0.25em 0;
	width: 20%;
}
#contactForm input.txtField {
	width: 300px;
	margin: 0 0 0.25em 0;
}
#contactForm form textarea {
	margin: 0.3em 0 0.3em 0;
	float: left;
	width: 95%;
}
#contactForm form #btn-submit {
	clear: both;
	margin: 0 0 0.5em 0;
}

/*-------------------------------------------------------------
	RESOURCE LINKS
-------------------------------------------------------------*/
.resourceList {
	list-style-type: none;
}
.resourceList li {
	padding-bottom: 0.4em;
}

/*-------------------------------------------------------------
	SERMON ARCHIVE
-------------------------------------------------------------*/
#sermon h2 { color: #8FAE3A; }

#table-sermon {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	color: #65696F;
}

col#date { width: 10%; }
col#speaker { width: 25%; }
col#listen { width: 11%; align: center; }

#table-sermon th {
	background: #C6D4D1;  background: #C1DE71; background: #C4DE7E; background-color: #CBE9CD;
	text-align: left;
	padding: 0.3em 0.5em;
	color: #6F6F6F; color: #919191; color: #8FAE3A; color: #78B7AF;
	font-size: 1em;
	font-family: Arial;
	font-weight: bold;
}

#table-sermon tr td {
	padding: 0.3em 0.5em;
	border-bottom: 1px solid #D0FFCE;
}

#table-sermon tr td.noborder {
	padding: 0.3em 0.5em;
	border: none;
}

#table-sermon tr td.icon-cell { text-align: center; }

.imgicon {
	position: relative;
	float: left;
	border: solid 4px #74ACAD;

}
.imgicon .imgicon-txt {
	font-weight: bold;
	font-size:small;
	color: #354A4A;
	position: absolute;
	top: 5px;
	left: 5px;
	background: transparent;
}
.hr {
border: 0;
color: #CECECE;
background-color: #CECECE;
height: 1px;
} 

/* color scheme: http://colorschemedesigner.com/#2J51ThWs0g0g0 */