BODY
{
    BACKGROUND-IMAGE: url(../images/BG.jpg);
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BACKGROUND-REPEAT: repeat-x;
    PADDING-TOP: 0px
    BACKGROUND-COLOR: #E9E9E9;
} 
TABLE.body_centered
{
    TEXT-ALIGN: left;
    MARGIN: 0px auto;
    WIDTH: 900px;
    HEIGHT: 769px;
    BACKGROUND-IMAGE: url(../images/index_background.jpg);
    v-align: top
}
 .row
{
    VERTICAL-ALIGN: top
}
.row_bottom
{
    VERTICAL-ALIGN: bottom
}


.alignLeft { float:left; margin-right: 1.2em; border: none}
.alignRight { float:right; margin-left: 1.2em; border: none}
.alignCenter { float:center; margin-left: 1.2em; border: none}

p.bold
{
	FONT-WEIGHT: bold;
}
p.bigger
{
	FONT-WEIGHT: bold;
	color : #2A2A2A;
}
 p.bigger:first-letter
{
    	FONT-SIZE: 130%
} 


 #wrapper
 {
    POSITION: relative;
    TOP: 0px;
    LEFT: 0px
}
 #main_logo
{
     POSITION: absolute;
     TOP: -3px;
     LEFT: 32px
 }
 #church_picture
 {
     Z-INDEX: 2;
     POSITION: absolute;
     TOP: 142px;
     LEFT: 204px
 }
 #body_text_area
{
    Z-INDEX: 1;
    POSITION: absolute;
    TOP: 278px;
    LEFT: 249px
} 

#main_body_text
{
    Z-INDEX: 2;
    POSITION: absolute;
    TOP: 10px;
    LEFT: 18px;
    height: 329px;
    width: 360px;
}
TABLE.main_body_text_content
{
    WIDTH: 100%;
    HEIGHT: 100%;
    TOP: 0px;
    v-align: top;
    FONT-FAMILY: Georgia;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
}

TABLE.main_body_text_content td
{
    padding: 5px;
    vertical-align: top;
}
TABLE.main_body_subtable_content
{
    WIDTH: 100%;
    HEIGHT: 100%;
    TOP: 0px;
    v-align: top;
    FONT-FAMILY: Georgia;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
}

TABLE.main_body_subtable_content td
{
    padding: 1px;
    vertical-align: top;
}
TABLE.main_body_subtable_content td.heading
{
    text-align: left;
    COLOR: #8C8C8C;
}




 #top_menu_area
{
    Z-INDEX: 3;
    POSITION: absolute;
    WIDTH: 377px;
    HEIGHT: 40px;
    COLOR: red;
    TOP: 109px;
    LEFT: 256px;
}
 #ribben
 {
     Z-INDEX: 2;
     POSITION: absolute;
     TOP: 100px;
     LEFT: 625px;
 }
 #riben_content_1
 {
     Z-INDEX: 4;
     POSITION: absolute;
     WIDTH: 210px;
     HEIGHT: 300px;
     TOP: 8px;
     LEFT: 12px
 }
 TABLE.riben_content
{
    WIDTH: 100%;
    HEIGHT: 100%;
    TOP: 0px;
    v-align: top;
    FONT-FAMILY: Georgia;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    COLOR: #2A2A2A;
}
 
 .bible
{
    	TEXT-ALIGN: left;
    	v-align: top
	font-size: 50%;
	color : #696969;
}
 .calendar_text_center
{
    TEXT-ALIGN: center;
    v-ALIGN: top;
}
.calendar_text_right
{
    TEXT-ALIGN: right;
    v-ALIGN: top;
    padding: 0px;
}
.calendar_text_center_left
{
    TEXT-ALIGN: left;
    v-ALIGN: top;
    padding: 0px;
}

.calendar_view
{
    PADDING-LEFT: 0.5em;
    PADDING-TOP: 0.5em;
    PADDING-BOTTOM: 0.5em;
    PADDING-RIGHT: 0.5em;
    background: white;
}
 
 .space
 {
     TEXT-ALIGN: center;
     PADDING-BOTTOM: 1px;
     PADDING-LEFT: 1px;
     PADDING-RIGHT: 1px;
     PADDING-TOP: 1px
 }
 
 #riben_top_triangle
 {
     Z-INDEX: 5;
     POSITION: absolute;
     TOP: 0px;
     LEFT: -20px
 }
 #riben_down_triangle
{
    Z-INDEX: 5;
    POSITION: absolute;
    TOP: 506px;
    LEFT: -20px
}
 #contact
{
    Z-INDEX: 2;
    POSITION: absolute;
    TOP: 460px;
    LEFT: 40px
}
 #contact_youtube
{
    Z-INDEX: 3;
    POSITION: absolute;
    TOP: 15px;
    LEFT: 40px
}
 #contact_facebook
{
    Z-INDEX: 3;
    POSITION: absolute;
    FLOAT: none;
    TOP: 15px;
    LEFT: 80px
}
 #contact_twitter
{
    Z-INDEX: 3;
    POSITION: absolute;
    TOP: 15px;
    LEFT: 120px
}
 
#left_menu_bk
{
    Z-INDEX: 2;
    POSITION: absolute;
    TOP: 180px;
    LEFT: 30px
}
 #left_menu_area
 {
     Z-INDEX: 3;
     POSITION: absolute;
     WIDTH: 180px;
     HEIGHT: 260px;
     COLOR: red;
     TOP: 20px;
     LEFT: 12px
 }
 TABLE.left_menus
 {
     WIDTH: 100%;
     HEIGHT: 80%;
     TOP: 0px;
     CURSOR: hand;
     v-align: center
 }
 
 



/*contact area table*/
.contact
{
    Z-INDEX: 5;		/*make it high*/
    BORDER-BOTTOM: blue;
    POSITION: absolute;
    TEXT-ALIGN: center;
    BORDER-LEFT: blue;
    WIDTH: 100%;
    FONT-FAMILY: Georgia;
    COLOR: #3E3E3E;
    HEIGHT: 100%;
    FONT-SIZE: 11px;
    BORDER-TOP: blue;
    TOP: 50px;
    FONT-WEIGHT: normal;
    BORDER-RIGHT: blue;
    LEFT: 0px
}
  A
{
    CURSOR: hand;
    text-decoration: none;
}
 a:hover {
	color : #E09E01;
} a:visited {
 	text-decoration: none;
}

 
/*Any page content header and text class*/
.content_header
{	
	color:#E09E01;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:8px;
	padding-left:2px;
}

.content_detail
{	
	width: 90%;
	font-size:0.9em;
	margin-top:5px;
	position:relative;
}
.content_header a {
	CURSOR: hand;
    	text-decoration: none;
    	color:#E09E01;
  }
.content_header a:hover {color:#E09E01;}
.content_header a:visited {color:#E09E01;}

.content_detail li {
	list-style: square;
 	FONT-FAMILY: Georgia;
   
    	FONT-SIZE: 11px;
  
    	FONT-WEIGHT: normal;
}

.content_detail a {
	CURSOR: hand;
    	text-decoration: none;
    	color:#E09E01;
  }
.content_detail a:hover {color:#E09E01;}
.content_detail a:visited {color:#E09E01;}







/******************************
/*Page site map on the bottom*/
/*****************************/
/* Sitemap tables from main page, not sub pages.*/
/* sub pages need some change to allow it float*/
#float
{
    Z-INDEX: 1;
    POSITION: absolute;
    TOP: 592px;
    LEFT: -3px
}
#page_index
{
    Z-INDEX: 3;
    POSITION: absolute;
    WIDTH: 600px;
    TOP: 50px;
    LEFT: 180px
}
#copyright
{
    POSITION: relative;
    WIDTH: 400px;
    TOP: 22px;
    LEFT:200px;
       	FONT-FAMILY: Georgia;
       	COLOR: #ffffff;
       	FONT-SIZE: 11px;
    	FONT-WEIGHT: normal;
    	
}

TABLE.page_index_content
{
    	TEXT-ALIGN: left;
    	WIDTH: 100%;
    	FONT-FAMILY: Georgia;
    	HEIGHT: 100%;
    	COLOR: #ffffff;
    	FONT-SIZE: 10px;
    	TOP: 0px;
    	FONT-WEIGHT: bold;
    	v-align: top
}
TABLE.page_index_content td
{
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    COLOR: #FFFACD;
}
TABLE.page_index_content td.subitem
{
    COLOR: #ffffff;
    FONT-WEIGHT: normal;
}

TABLE.page_index_content  a 
{
	color : #FFFFFF;
	text-decoration: none;
} 
TABLE.page_index_content a:link {color:#FFFFFF;}
TABLE.page_index_content a:visited {color:#FFFFFF;} 
TABLE.page_index_content  a:hover {color : #CD853F;;} 
 
 
 
 
 
 
 
 
 
 
 
 /*These are the sub pages*/
/*I will detect this div's height, and then grow the site map*/
#subpage_body_text_area
{
    Z-INDEX: 4;
    POSITION: absolute;
    TOP: 140px;
    LEFT: 254px;
    display: block;
    background: white;
}
TABLE.subpage_body_text
{
    WIDTH: 452;
    height: 450px;
    FONT-FAMILY: Georgia;
    FONT-SIZE: 12px;
    TOP: 0px;
    v-align: top;
}
TABLE.subpage_body_text td
{
    padding: 10px;
    vertical-align: top;
} 
#map_canvas 
{ 
	
    	WIDTH: 430px;
	height: 430px;
	z-index: 10;
}



/*special for searmon search, wider*/
TABLE.subpage_sermon
{
    WIDTH: 552;
    height: 450px;
    FONT-FAMILY: Georgia;
    FONT-SIZE: 12px;
    TOP: 0px;
    v-align: top;
}
TABLE.subpage_sermon td
{
    padding: 10px;
    vertical-align: top;
} 





/* we can have multiple contant table in the body text area */
TABLE.grid_table
{
    WIDTH: 100%;
    FONT-FAMILY: Georgia;
    FONT-SIZE: 11px;
    TOP: 0px;
    v-align: top;
    text-align: left;
    border-spacing: 0px;
    border-collapse:collapse;

}
TABLE.grid_table th
{
    FONT-WEIGHT: bold;
    color: #E09E01;
    v-align: center;
    text-align: center;
    padding-top: 5px;
}
TABLE.grid_table th.align_left
{
    FONT-WEIGHT: bold;
    color: #E09E01;
    v-align: center;
    text-align: left;
    padding-top: 5px;
}
TABLE.grid_table th.align_right
{
    FONT-WEIGHT: bold;
    color: #E09E01;
    v-align: center;
    text-align: right;
    padding-top: 5px;
}
TABLE.grid_table td
{
    padding: 3px;
    vertical-align: center;
    text-align: left;
    border: solid 1px #E0E0E0;
}

TABLE.grid_table td.no_border
{
    padding-top: 2px;
    vertical-align: middle;
    text-align: left;
    border: none;
}
TABLE.grid_table td.no_border_top
{
    padding-top: 2px;
    vertical-align: top;
    text-align: left;
    border: none;
}
TABLE.grid_table td.no_border_center
{
    padding-top: 3px;
    vertical-align: middle;
    text-align: center;
    border: none;
}
TABLE.grid_table  a 
{
	color : #CD853F;
	text-decoration: none;
	FONT-SIZE: 12px;
}
TABLE.grid_table a:link {color:#3F3729;}
TABLE.grid_table a:visited {color:#3F3729;} 
TABLE.grid_table  a:hover {color : #E09E01;}




#subpage_header_photo
{
    POSITION: absolute;
    TOP: -4px;
    LEFT:-3px
}
 







/* Sitemap tables*/


#subpage_page_index
{
    Z-INDEX: 3;
    POSITION: absolute;
    WIDTH: 600px;
    TOP: 640px;
    LEFT: 250px
}



/* sub page picture positions and menus*/
#subpage_right_picture
{
    Z-INDEX: 5;
    POSITION: absolute;
    TOP: 100px;
    LEFT: 683px;
}
 #subpage_right_menu
{
    Z-INDEX: 6;
    POSITION: absolute;
    WIDTH: 180px;
    HEIGHT: 300px;
    TOP: 260px;
    LEFT: 22px;
}
 TABLE.subpage_right_menu_content
{
    WIDTH: 98%;
    FONT-FAMILY: Georgia;
    FONT-SIZE: 11px;
    TOP: 0px;
    FONT-WEIGHT: bold;
    v-align: top
}
 TABLE.subpage_right_menu_content td
{
	text-align: left;
	padding:4px 4px 4px 4px;
} 
TABLE.subpage_right_menu_content.sub_menu  a 
{
	color : #3F3729;
	text-decoration: none;
}
TABLE.subpage_right_menu_content a:link {color:#3F3729;}
TABLE.subpage_right_menu_content a:visited {color:#3F3729;} 
TABLE.subpage_right_menu_content  a:hover {color : #E09E01;}
 /*sub page background, this table's height will be changed dynamically*/
TABLE.subpage_body_centered
{
    TEXT-ALIGN: left;
    MARGIN: 0px auto;
    WIDTH: 900px;
    HEIGHT: 769px;		/*this heigh will be dynamically changed*/
    BACKGROUND-IMAGE: url(../images/interior/content_grow.png);
    BACKGROUND-REPEAT: repeat-y;
    v-align: top
}








/*for big calendar or some other wide pages */
TABLE.widepage_body_centered
{
    TEXT-ALIGN: left;
    MARGIN: 0px auto;
    WIDTH: 900px;
    HEIGHT: 769px;		/*this heigh will be dynamically changed*/
    BACKGROUND-IMAGE: url(../images/interior/wide_bg.jpg);
    BACKGROUND-REPEAT: none;
    v-align: top
}
#widepage_body_area
{
    Z-INDEX: 2;
    POSITION: absolute;
    TOP: 142px;
    LEFT: 100px;
    WIDTH: 719px;
    HEIGHT: 495px;
    display: block;
    background: #F2F2F2;
}
#widepage_calendar_area
{
    Z-INDEX: 4;
    POSITION: absolute;
    TOP: 7px;
    LEFT: 7px;
}



/* we can have multiple contant table in the body text area */
TABLE.elibrary
{
    WIDTH: 90%;
    FONT-FAMILY: Georgia;
    FONT-SIZE: 11px;
    TOP: 0px;
    v-align: top;
    text-align: left;
    border-spacing: 0px;

}
TABLE.elibrary th
{
    FONT-WEIGHT: bold;
    color: #E09E01;
    v-align: center;
    text-align: center;
    padding-top: 5px;
}

}
TABLE.elibrary td
{
    padding: 10px;
    vertical-align: middle;
    text-align: center;
    border: solid 1px #3F3729;
}

TABLE.elibrary  a 
{
	color : #3F3729;
	text-decoration: none;
	FONT-SIZE: 11px;
}
TABLE.elibrary a:link {color:#3F3729;}
TABLE.elibrary a:visited {color:#3F3729;} 
TABLE.elibrary  a:hover {color : #E09E01;}













#searchStr_
{
     POSITION: relative;
     TOP: -2px;
     LEFT: 2px
}
#searchYear_
{
     POSITION: relative;
     TOP: -24px;
     LEFT: 2px
 }