html
{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  height:100%;
  border:none;     
}
body
{
    height:100%;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	text-align:center;
	background:white url('../images/backgrounds/outer_background.gif') top center repeat-y; 
    background-attachment:fixed;   
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;	
}

/* 1. STYLES APPLIED TO THE TEMPLATE PAGE: 
(In order of use on the template page) */

/* Outer Table: 
The purpose of this table is to be a container for the inner table so it can vertically
align to middle, by having 100% height */
#outer_table
{
    height:100%;
    margin:0px auto 0px auto;
    padding:0px 0px 0px 0px;
    text-align:center;
    vertical-align:top;         
    background-image:url('../images/backgrounds/main_background.gif');      
}
/* Spacer Cell:
B/c the navigation buttons are actually inside the inner table, but 'appear' to overhang it, this makes the table
'look' off centre.  To correct this we put in a spacer cell to push the appearance back to middle */
#spacer_cell
{
    width:65px;
}
/* Inner Table:
This is the central content table */
#inner_table
{
    /*width:863px;*/
    text-align:center;
    vertical-align:top;  
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;                          
}
/* Top Image Table:
This is the top (first) table inside the Inner Table.  It displays the top image, navigation buttons and the top 
border of the red door border */
#top_image_table
{
    text-align:left;     
    width:863px;
    height:300px;  /*This height is the height of the top image (300px) plus how much the nav buttons are going to overhang */
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-repeat:no-repeat;
    background-position:top left;
}
/* Top Image Row1:
This first row of the top image table is used to take up all the space from the top of the top image to the navigation
buttons. */
#top_image_row1
{
     height:181px;
}
#top_image_row2
{
    vertical-align:bottom;
}
#logo_cell
{
    border:solid 0px black;
    /*width:690px;*/
}
#img_logo
{
    vertical-align:middle;
}
#centre_name
{
    text-align:left; 
    vertical-align:middle; 
    font-family:Tahoma; 
    color:White; 
    font-size:48px; 
    font-weight:bold;
}
#centre_name_spacer
{
    height:5px;
    overflow:hidden;
}
#top_content_outer_table_container
{
    vertical-align:top; 
    background: url('../images/template/side_borders.jpg') top left repeat-y;
    /*background-color:White;*/
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    /*width:690px;*/
}
#top_content_outer_table
{
    height:100%; 
    /*width:690px;*/
    background: url('../images/template/top_border.jpg') top left no-repeat;
    height:88px; 
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
#top_content_inner_table_container
{      
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    vertical-align:top;  
    text-align:left;
    /*width:690px;*/
}
#top_content_inner_table
{
    border:solid 0px black; 
    /*width: 692 fixes left border*/
    width:688px;
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 0px;     
}
#top_content_top_margin
{
    height:30px;
}
#top_content_left_margin
{
    width:40px;
}
#top_content_right_margin
{
    width:10px;
}
#bottom_navigation_buttons
{
    vertical-align:top;
    text-align:center; 
    /*background: url('../images/template/right_side_border.jpg') top left repeat-y;*/
}
#middle_content_container
{
    text-align:left; 
    vertical-align:top; 
}
#middle_content_table
{
    background: url('../images/template/side_borders.jpg') top left repeat-y;
    /*background-color:White;*/
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;     
    width:800px;
    /*height:145px;*/
}
#middle_content_left_margin
{
    width:40px;
}
#middle_content_cell
{
    vertical-align:top;
}
#middle_content_right_margin
{
    width:40px;
}
#email_content_outer_table_container
{
    vertical-align:top; 
    background: url('../images/template/side_borders.jpg') top left repeat-y;
    /*background-color:White;*/
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    /*width:690px;*/
}
#email_content_inner_table_container
{      
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    vertical-align:top;  
    text-align:left;
    /*width:690px;*/
}
#email_content_inner_table
{
    border:solid 0px black; 
    /*width: 692 fixes left border*/
    width:688px;
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 0px;     
}
#email_content_left_margin
{
    width:40px;
}
#email_content_right_margin
{
    width:10px;
}

#bottom_content_container
{
    text-align:left; 
    vertical-align:top; 
}
#bottom_content_table
{
    background: url('../images/template/side_borders.jpg') top left repeat-y;
    /*background-color:White;*/
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;     
    width:800px;
    /*height:78px;*/
     
}
#bottom_content_row
{ 
    height:88px;     
    background: url('../images/template/bottom_border.jpg') bottom left no-repeat;   
}
#bottom_content_left_margin
{
    width:40px;
}
#bottom_content_cell
{
    vertical-align:top;
}
#bottom_content_right_margin
{
    width:40px;
}
#footer_content
{
    width:800px;
}

/* include/footer.htm page styles: */
#footer_table
{
    font-family:Arial;
    font-size:11px;    
    font-weight:normal;
    color:#545454;
    margin:0 0 0 0;
    width:800px; 
    padding:0 0 0 0;   
}
.footer_link
{
    color:#545454;
    text-decoration:none;
}

/* Welcome Table Styles (welcome.htm) */
#welcome_body
{
    height:100%;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	text-align:center;
	vertical-align:middle;
	background:white url('../images/backgrounds/welcome_background.gif') top center repeat-y;
    background-attachment:fixed;   
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;	
}
#welcome_table
{
    height:100%;
    text-align:center;
    vertical-align:middle;             
}

/* Common Page Styles:
N.B. Standard text is defined in 'body' above.*/

.small_text
{
    font-family:Arial;
    font-size:13px;    
    font-weight:normal;
    color:Black;
}
.caption_text
{
    font-family:Arial;
    font-size:11px;    
    font-weight:normal;
    color:Black;
}
.heading01
{
    font-family:Arial;
    font-size:14px;    
    font-weight:bold;
    color:Black;
}
.heading1
{
    font-family:Arial;
    font-size:16px;    
    font-weight:bold;
    color:Black;
}
.heading2
{
    font-family:Arial;
    font-size:18px;    
    font-weight:bold;
    color:Black;
}
.heading21
{
    font-family:Arial;
    font-size:22px;    
    font-weight:bold;
    color:Black;
}
.heading3
{
    font-family:Tahoma;
    font-size:32px;    
    font-weight:bold;
    color:Black;
}
.page_heading
{
    font-family:Tahoma;
    font-size:32px;    
    font-weight:bold;
    color:Black;
}
.heading4
{
    font-family:Arial;
    font-size:20px;    
    font-weight:bold;
    color:Black;
}

li
{
    margin-bottom:8px;     
}
img
{
    border:solid 0px black;
}

/* Donation Pages Styles */
.donation_heading
{
    font-family:Arial;
    font-size:18px;
    font-weight:normal;
    color:Black;
}
.donation_form_text
{
    font-family:Arial;
    font-size:12px;    
    font-weight:normal;
    color:Black;
} 
.form_text
{
    font-family:Arial;
    font-size:12px;    
    font-weight:normal;
    color:Black;
}
    
/* General Styles */
.text_field
{
    font-family:Arial; 
    font-size:12px;
    font-weight:normal;
}