/******************
HTML Tags 	background: url('images/Background.strip.gif') center repeat-y;
			font-family:Geneva, Arial, Helvetica, sans-serif;
******************/
body {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color:#666666;
	margin:5px 5px;
	background: #CBCBCB url(Images/bg-main.gif) repeat-x;
	font-size: 15px;
}

#content p, #content-right p, table { margin:0px 0px 5px 0px; }


/******************
LINKS
******************/
/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link { color:#282065; text-decoration:none; }
a:visited { color:#282065; text-decoration:none; }
a:hover { color:#FF6633; }
a:active { color:#282065; }

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#mainnav-container a:link { color:#FF0000; text-decoration:none;}
#mainnav-container a:visited { color:#FF0000; text-decoration:none;}
#mainnav-container a:hover { color:#FF6633; }
#mainnav-container a:active { color:#669966; }

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#content-right a:link { color:#282065; text-decoration:none; }
#content-right a:visited { color:#282065; text-decoration:none; }
#content-right a:hover { color:#FF6633; }
#content-right a:active { color:#282065; }

#content-bottom a:link { color:#282065; font-weight:normal; text-decoration:none; padding:0; }
#content-bottom a:visited { color:#282065; font-weight:normal; text-decoration:none; padding:0; }
#content-bottom a:hover { color:#FF6633; font-weight:normal; padding:0; }
#content-bottom a:active { color:#282065; font-weight:normal; padding:0; }

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#main-content a:link { color:Green; text-decoration:none; font-size:0.8em;}
#main-content a:visited { color:Green; text-decoration:none; font-size:0.8em;}
#main-content a:hover { color:#FF6633; font-size:0.8em;}
#main-content a:active { color:Green; font-size:0.8em;}

/******************
HEADINGS
******************/
h1 { font-size:1.6em; padding:0; margin:0 0 10 0;	}
h2 { font-size:1.1em; }
h3 { font-size:1.4em; }
h4 { font-family:Verdana; font-size:8pt; height:5px; }
h5 { font-size:.9em; }
h6 { font-size:.8em; }

/******************
LAYOUT STYLES
******************/
#mainnav-container {
	font-size:0.8em;
	width:100%;
	padding-top:2px;
	padding-left:10px;
	margin-bottom:0px;
	background: #FFFFFF;
	table-layout:fixed;
	}

#mainnav-side {
	text-align:right;
	padding-right:8px;
	}

#header {
	width:100%;
	padding-left:15px;
	padding-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	background: #FFFFFF;
	vertical-align:top;
	}

#content-container {
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	table-layout:fixed;
	}

#content-left {
	background-color:White;
	width:200px;
	padding: 0px 0px 0px 2px;
	vertical-align:top;
	}

#content-right {
	background-color:White;
	width:220px;
	padding: 0px 0px 0px 0px;
	vertical-align:top;
	}

#content {
	background-color:#FFFFFF;
	padding: 0px 0px 0px 10px;
	vertical-align:top;
	}

#content-bottom {
	width:100%;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 10px;
	vertical-align:top;
}

#footer {
	width:100%;
	height:20px;
	padding:5px;
	text-align:center;
	background: #FFFFFF;
	}

/******************
MENU ITEMS
******************/
#mainnav-container ul {
	margin:0px;
	padding:0px;
	padding-left:8px;
	}

#mainnav-container li {
	padding:0px;
	list-style:none;
	display:inline;
	margin:5px 10px 5px 0px;
	}

#mainnav-side li {
	padding:0px;
	margin:5px 0px 5px 10px;
	}

/******************
Classes
******************/
.clear { clear:both; }

.none { display:none; }
	
.dropDownlist {
	border: 1px solid #2080e0;
	font-size:1em;
	background-color: #FFFFFF;
	}

.imageIcon { height:20px; width:20px; padding-left:1px; }
.imageIcon_hid { display:none; }

.txtBox {
    border: 1px solid #964327;
    font-size:1em;
    background-color:#FFFFFF;
}
	
.button-normal {
	border:#2263a5 1px solid;
	font-weight:bold;
	background:url(Images/search.gif) #cf0 repeat-x 0 0;
	color:#fff
}


/******************
 Flyout styles
******************/
.flyoutPanel {
	border: solid 1px #275473;
	border-collapse: collapse;
	background-color: White;
	font-size: 0.8em;
}

.grid_category_row {
	background-color:Maroon;
}

/******************
 Curve table styles
******************/
.tbl_top {border:0px; padding:0px; margin:0px; vertical-align:top;}
.tbl_top td {border:0px; padding: 0px; vertical-align: top;}
.tbl_top tr {border:0px; padding: 0px; vertical-align: top;}

.t  {background: url(Images/tbl_top_stride.PNG) 0 0 repeat-x; background-color:#FFFDF2;}
.b  {background: url(Images/tbl_bot_stride.PNG) 0 100% repeat-x;}
.l  {background: url(Images/tbl_left_stride.png) 0 0 repeat-y;}
.r  {background: url(Images/tbl_right_stride.png) 100% 0 repeat-y;}
.bl {background: url(Images/tbl_botleft.PNG) 0 100% no-repeat;}
.br {background: url(Images/tbl_botright.PNG) 100% 100% no-repeat;}
.tl {background: url(Images/tbl_topleft.PNG) 0 0 no-repeat;}
.tr {background: url(Images/tbl_topright.PNG) 100% 0 no-repeat; padding:5px;} 

.text_red  {font-size:0.9em;font-weight:bold;color:#ff6666;}
.text_green{font-size:0.9em;font-weight:bold;color:#669966;}
.text_blue {font-size:1.0em;font-weight:bold;color:#6666ff;float:left;}
.text_bold {font-size:0.8em;font-weight:bold;color:#282065;margin-left:1px;}
.text_norm {font-size:0.8em;color:#282065;margin-left:10px;}

.p_bold {font-size: 0.9em;color:#282065;font-weight:bold;padding-left:5px;}
.p_text {font-size: 0.9em;color:#282065;text-align:justify;padding-left:5px;padding-right:5px;}
.p_text2 {font-size: 0.8em;color:#282065;text-align:justify;padding-left:5px;padding-right:5px;background-color:#a1bfde;border:0px;}

.arrow_red   {width:12px;height:12px;padding-left:5px;float:left; vertical-align:middle;}
.arrow_green {width:12px;height:12px;padding-left:5px;float:left;}
.arrow_blue  {width:12px;height:12px;padding-left:5px;float:left;}

.divide {width:98%;height:4px;margin:1px 1px 5px 5px;background:url(Images/divider.gif);}

.tbl_right {border:0px; padding:0px; margin:0px;}
.tbl_right td {border:0px; padding: 0px; vertical-align: top;}
.tbl_right tr {border:0px; padding: 0px; vertical-align: top;}

.blue_t  {background: url(Images/blue_tbl_top_stride.PNG) 0 0 repeat-x; background-color:#F3FAFF;}
.blue_b  {background: url(Images/blue_tbl_bot_stride.PNG) 0 100% repeat-x;}
.blue_l  {background: url(Images/blue_tbl_left_stride.png) 0 0 repeat-y;}
.blue_r  {background: url(Images/blue_tbl_right_stride.png) 100% 0 repeat-y;}
.blue_bl {background: url(Images/blue_tbl_botleft.PNG) 0 100% no-repeat;}
.blue_br {background: url(Images/blue_tbl_botright.PNG) 100% 100% no-repeat;}
.blue_tl {background: url(Images/blue_tbl_topleft.PNG) 0 0 no-repeat;}
.blue_tr {background: url(Images/blue_tbl_topright.PNG) 100% 0 no-repeat; padding:5px;} 


/******************
 Announcement styles
******************/
#container_announcement { width:721px; height:20px;}
#title_announcement { text-align:left;	font-size:1em; color:#282065; }
/* enter any styles for the ticker below */
#ticker { font-size:0.85em; padding:0px; }
/* this will hide all children tags */
#ticker * { font-size: 1em; margin:0px; padding:0px; display:none; }
/* add more tags to this list if you wish to display them inside the children */
#ticker a { display:inline; }

.BlueText {	color: #6633FF;	text-decoration: none; font-weight: bold; margin-left: 3px; }
.NormText01 { color: #282065; text-decoration: none; font-size:0.8em;}
.NormText01_cn { color: #282065; text-decoration: none; font-size:0.9em;}
.NormText01u { color: #282065; text-decoration: underline; font-size:0.8em;}
.NormText02 { color: #666666; text-decoration: none; font-size: small; padding-left: 5px; padding-right: 5px; text-align: justify; }
.NewsText { font-size:0.8em;color:#282065;}
.NewsTextGap { margin-bottom:5px !important; padding-bottom: 5px !important;}
.FooterText { color: #282065; text-decoration: none; font-size: small; text-align:center; }
.ErrorText  { font-size:0.8em;font-weight:bold;color:Red;}

.TagText_en { color: Green; text-decoration: none; font-size:0.9em;}
.TagText_cn { color: Green; text-decoration: none; font-size:1.0em;}
.TagText_hl_en { color: Red; text-decoration: none; font-size:0.9em;}
.TagText_hl_cn { color: Red; text-decoration: none; font-size:1.0em;}

.green_link_en { color: Green; text-decoration: none; font-size:0.9em;}
.green_link_cn { color: Green; text-decoration: none; font-size:1.0em;}

/******************
Gridview styles
******************/
.grid_heading    {font-size:1.1em;border-top: solid 1px #2080e0;border-bottom: solid 1px #2080e0;}
.grid_subheading {font-size:0.9em;background:url(Images/grid_subheading.gif);}
.grid_td { border-bottom: #2080e0 1px solid; }
.grid_td_link { border-bottom: #2080e0 1px solid; color:Green !important;}

.grid_heading2 {height:18px; font-size:0.9em;font-weight: bold;border-top: solid 1px #2080e0;border-bottom: solid 1px #2080e0;background:url(Images/grid_subheading.gif);color: #282065;}

.date_box {	background-color: #FFFFFF; background-image: url(Images/date.jpg); height: 51px; width: 52px; float: left;}
.date_box_month { padding-top: 6px;	font-size: 10px; font-family: Arial, Helvetica, sans-serif;	padding-left: 3px; text-align: center;color: #75a006;}
.date_box_day {	font-size: 22px; font-weight: bold;	padding-left: 3px; text-align: center; font-style: italic; color: #654040;}

/******************
Announcement/ Church Themes styles
******************/
.tbl_hd { height:18px; font-size:0.9em;font-weight: bold;border-top: solid 1px #2080e0;border-bottom: solid 1px #2080e0;background:url(Images/grid_subheading.gif);color: #282065; }
.tbl_tr { }
.tbl_td { border-bottom: #2080e0 1px solid; color: #282065; text-decoration: none; font-size:0.9em;}
.tbl_td_odd { border-bottom: #2080e0 1px solid; color: #282065; text-decoration: none; font-size:0.9em; background-color:#f5f5f5;}

/******************
Comments styles
******************/
.comment_date {	color: Gray; font-size:0.6em; }
.comment_text {	color: Black; font-size:0.9em; }

.text_justify {font-size:1.0em;color:#282065;text-align:justify;}
.text_justify_cn {font-size:1.1em;color:#282065;text-align:justify;}

/******************
MyBible styles
******************/
.text_center {color:#282065;text-align:center;font-size:0.9em;}

/******************
 ChatBox styles
******************/
.chat_table {border:1px solid #964327; padding:1px;}
.cbox_date  {color: Gray; font-size:0.6em;}
.cbox_name  {color: #0067a9; font-size:0.7em; font-weight:bold;}
.cbox_name2 {color: #0067a9; font-size:1.0em; font-weight:bold;}
.cbox_content {color: #282065; border:0px; padding:0px; margin:0px; font-size:0.7em;}
.cbox_content2{color: #282065; border:0px; padding:0px; margin:0px; font-size:1.0em;}
.cbox_tr    {background-color:White; border:0px; padding:0px; margin:0px; }
.cbox_tr2   {background-color:#f5f5f5; border:0px; padding:0px; margin:0px; }
.cbox_text  {border: 1px solid #964327; font-size:0.7em; background-color:#FFFFFF;}
.cbox_wmark  {border: 1px solid #964327; font-size:0.7em; background-color:#FFFFFF; color:Gray;}


