/* default attributes for various tags */

html { height: 101%; }  /* fixes firefox problem with lack of vertical scroll bar causing contents to jump left when scroll bar appears */

body, div, span, img, ul, li, p, strong, em, blockquote, h1, h2, h3, h4, h5, h6, dl, dt, dd, input, form   
{
padding: 0;
margin: 0;
line-height: 100%;
}

body
{
font: normal 12px "Trebuchet MS","Lucida Sans",Verdana,Arial,Helvetica,sans-serif; 
}


/*  Allocations for general text and link tags

p  standard content text
h2 heading for headline welcome, etc
h3 heading for content text

*/
 

p {
font: normal 13px  "Trebuchet MS",Arial,Helvetica,sans-serif; 
  line-height: 125%;
  margin-top: 15px;
  }
 
h2 {
font: bold 18px "Trebuchet MS","Lucida Sans", Verdana,Arial,Helvetica,sans-serif;
}
 
h3 {
font: bold 15px "Trebuchet MS","Lucida Sans", Verdana,Arial,Helvetica,sans-serif;
}
 
blockquote {
font: normal 13px  "Trebuchet MS",Arial,Helvetica,sans-serif;
line-height: 125%;
margin-left: 20px;
margin-top: 15px;
}


a {
	color: #C00;
	text-decoration: none;
	border-bottom: 0px solid #999;
}

a:hover {
	/*border-bottom: 1px solid #E00;*/
	text-decoration: underline;
 	background: #FFF; 
}




/* main structure is wrapped in a div to set max width and specify centering, plus set other positioning relative to the wrapper */

#wrapper {position: relative; width: 770px; margin: 0 auto; background-color: #EEE;}

/* incorporates the IE bug fix to allow this to work in older IE browsers */

body {text-align: center; background-color: #FFF;}
#wrapper {text-align: left; }


/* div positions, borders, etc */

#banner {float: left; }
#banner {width: 100%; height: 135px; background-color: #FFF; padding: 0px; }

#nav_top {float: left; }
#nav_top {width: 100%; height: 45px; background-color: #FFF; padding: 0px; }

#page_image {float: left; }
#page_image {width: 100%;  height: 145px; background-color: #FFF; padding: 0px; }

#main_block {float: left; }
#main_block {width: 100%; min-height: 450px; background-color: #FFF; padding: 0px; }

/* following code is a bug fix for IE browsers which ignore min-height 
this is required because on most pages, the min height is forced by the height 
of nav_left, so the min-height in the main block div is not being used, though firefox
uses it as it should.  */

#main_block {min-height: 450px; height: auto !important; height: 450px;}


#footer {float: left; }
#footer {width: 100%; height: 45px; background-color: #FFF; padding: 0px; }



/*__________________BANNER__________________*/

#banner img {
display: block;
margin-top: 4px;
margin-bottom: 0px;
}


/*__________________TOP NAV__________________*/

#nav_top ul li a.home { background-color: #FFF; }
#nav_top ul li a.about { background-color: #FFF; }
#nav_top ul li a.sundays { background-color: #FFF; }
#nav_top ul li a.activities { background-color: #FFF; }
#nav_top ul li a.students { background-color: #FFF; }
#nav_top ul li a.why_believe { background-color: #FFF; }
#nav_top ul li a.contact { background-color: #FFF; }

#nav_top ul li a.home:hover { background: #FFF; color: #F00; border: 1px solid #555; padding: 7px 9px 7px 9px;}
#nav_top ul li a.about:hover { background: #FFF; color: #609; border: 1px solid #555; padding: 7px 9px 7px 9px;}
#nav_top ul li a.sundays:hover { background: #FFF; color: #F60; border: 1px solid #555; padding: 7px 9px 7px 9px; }
#nav_top ul li a.activities:hover { background: #FFF; color: #090; border: 1px solid #555; padding: 7px 9px 7px 9px;}
#nav_top ul li a.students:hover { background: #FFF; color: #F00; border: 1px solid #555; padding: 7px 9px 7px 9px; }
#nav_top ul li a.why_believe:hover { background: #FFF; color: #03C; border: 1px solid #555; padding: 7px 9px 7px 9px;}
#nav_top ul li a.contact:hover { background: #FFF; color: #609; border: 1px solid #555; padding: 7px 9px 7px 9px;}

#nav_top ul li a.home_select { background-color: #FFF; border-bottom: none; color: #F00;}
#nav_top ul li a.about_select { background-color: #FFF; border-bottom: none; color: #609;}
#nav_top ul li a.sundays_select { background-color: #FFF; color: #F60;}
#nav_top ul li a.activities_select { background-color: #FFF; border-bottom: none; color: #090; }
#nav_top ul li a.students_select { background-color: #FFF; border-bottom: none; color: #F00; }
#nav_top ul li a.why_believe_select { background-color: #FFF; border-bottom: none; color: #03C;}
#nav_top ul li a.contact_select { background-color: #FFF; border-bottom: none; color: #609; }

#nav_top ul li a.home_select:hover { background: #FFF; color: #F33; border: 1px solid #555; padding: 7px 9px 7px 9px;}
#nav_top ul li a.about_select:hover { background: #FFF; color: #93C; border: 1px solid #555; padding: 7px 9px 7px 9px;}
#nav_top ul li a.sundays_select:hover { background: #FFF; color: #F93; border: 1px solid #555; padding: 7px 9px 7px 9px;}
#nav_top ul li a.activities_select:hover { background: #FFF; color: #393; border: 1px solid #555; padding: 7px 9px 7px 9px;}
#nav_top ul li a.students_select:hover { background: #FFF; color: #F33; border: 1px solid #555; padding: 7px 9px 7px 9px;}
#nav_top ul li a.why_believe_select:hover { background: #FFF; color: #36F; border: 1px solid #555; padding: 7px 9px 7px 9px;}
#nav_top ul li a.contact_select:hover { background: #FFF; color: #93C; border: 1px solid #555; padding: 7px 9px 7px 9px;}

#nav_top ul { 

margin-left: 20px;
margin-top: 15px;
padding: 0px;
list-style: none;
 
}

#nav_top ul li {

margin-left: 0px;
display: inline;
list-style-type: none;
	
}

#nav_top ul li a {

margin-left: 0px;
padding: 7px 10px 7px 10px;
text-decoration: none;
font: bold 14px  Arial,"Trebuchet MS","Lucida Sans",Verdana,Helvetica,sans-serif;
color: #555;
			
}

/* colour bar under main nav  */

.nav_top_about {border-bottom: 2px solid #609; }
.nav_top_home {border-bottom: 2px solid #F00 }
.nav_top_sundays {border-bottom: 2px solid #F60; }
.nav_top_activities {border-bottom: 2px solid #090; }
.nav_top_students {border-bottom: 2px solid #F00; }
.nav_top_why_believe {border-bottom: 2px solid #00C; }
.nav_top_contact {border-bottom: 2px solid #609; }



/*__________________PAGE_IMAGE__________________*/

/* actual image block is set within the page_image div */

#page_image img {
  margin-left: 38px;
  margin-top: 15px;
  }
  
  
/* sub divs */


/*__________________NAV_LEFT__________________*/


#nav_left {float: left; width: 195px; height: 450px; background-color: #FFF; padding: 0px; }

#nav_left ul { 

margin-left: 13px;
margin-top: 25px;
padding: 0px;
list-style: none;
width: 180px;
 
}


#nav_left ul li a {
display: block;
padding: 1px 0px 1px 5px; 
list-style-type: none;
text-decoration: none;
font: bold 12px  Arial, "Trebuchet MS","Lucida Sans",Verdana,Helvetica,sans-serif; color: #555;
height: 100%;
line-height: 225%;
border-bottom: none;
}


#nav_left ul li a.home_select { color: #F00; }
#nav_left ul li a.about_select { color: #609; }
#nav_left ul li a.sundays_select { color: #F60; }
#nav_left ul li a.activities_select { color: #090; }
#nav_left ul li a.students_select { color: #F00; }
#nav_left ul li a.why_believe_select { color: #03C; }
#nav_left ul li a.contact_select { color: #609; }

#nav_left ul li a.home:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left ul li a.about:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left ul li a.sundays:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left ul li a.activities:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px;  }
#nav_left ul li a.students:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left ul li a.why_believe:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left ul li a.contact:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }

#nav_left ul li a.home_select:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left ul li a.about_select:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left ul li a.sundays_select:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left ul li a.activities_select:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px;  }
#nav_left ul li a.students_select:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left ul li a.why_believe_select:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left ul li a.contact_select:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }


/*__________________NAV_LEFT_RETURN__________________*/


#nav_left_return {float: left; width: 195px; height: 100px; background-color: #FFF; padding: 0px; }

#nav_left_return ul { 

margin-left: 13px;
margin-top: 25px;
padding: 0px;
list-style: none;
width: 180px;
 
}


#nav_left_return ul li a {
display: block;
padding: 1px 0px 1px 5px; 
list-style-type: none;
text-decoration: none;
font: bold 12px  Arial, "Trebuchet MS","Lucida Sans",Verdana,Helvetica,sans-serif; color: #555;
height: 100%;
line-height: 225%;
border-bottom: none;
}


#nav_left_return ul li a.home_select { color: #F00; }
#nav_left_return ul li a.about_select { color: #609; }
#nav_left_return ul li a.sundays_select { color: #F60; }
#nav_left_return ul li a.activities_select { color: #090; }
#nav_left_return ul li a.students_select { color: #F00; }
#nav_left_return ul li a.why_believe_select { color: #03C; }
#nav_left_return ul li a.contact_select { color: #609; }

#nav_left_return ul li a.home:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left_return ul li a.about:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left_return ul li a.sundays:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left_return ul li a.activities:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px;  }
#nav_left_return ul li a.students:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left_return ul li a.why_believe:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left_return ul li a.contact:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }

#nav_left_return ul li a.home_select:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left_return ul li a.about_select:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left_return ul li a.sundays_select:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left_return ul li a.activities_select:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px;  }
#nav_left_return ul li a.students_select:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left_return ul li a.why_believe_select:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }
#nav_left_return ul li a.contact_select:hover { background: #FFF; border: 1px solid #555; padding: 0px 0px 0px 4px; }


/*__________________SIDE_BOX_LEFT__________________*/


#side_box_left {float: left; position: relative; width: 195px; height: 170px; background-color: #FFF; padding: 0px; }

#side_box_left img {margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; border: 0px none; }

#side_box_text {margin-top: 26px; margin-left: 15px;}

#side_box_text span.side_box_h{font: bold 13px  Arial, "Trebuchet MS","Lucida Sans",Verdana,Helvetica,sans-serif; color: #000;}
#side_box_text span.side_box{font: bold 12px  Arial, "Trebuchet MS","Lucida Sans",Verdana,Helvetica,sans-serif; color: #000; line-height: 180%;}

#sermon_link {position: absolute; left: 10px; top:156px; width: 170px; height: 40px; background-color: #FFF; padding: 0px;}
#sermon_link_text {position: absolute; left: 27px; top:5px; width: 150px; height:40px; background-color: #FFF; padding: 0px; }
#sermon_link_text {font: normal 11px  Arial,"Trebuchet MS",Helvetica,sans-serif; line-height: 135%;}


/*__________________CONTENT__________________*/


#content {float: left; width: 480px; background-color: #FFF; padding: 0px;
margin-left: 10px;
margin-top: 10px;
}

/* margin-bottom does not appear to work in IE?  */
/* Don't use padding unless incorporating the IE bug fix */



/*__________________CONTENT_SPECIAL_________________*/


#content_special {float: left; position: relative; width: 480px; background-color: #FFF; padding: 0px;
margin-left: 10px;
margin-top: 10px;
}


/*__________________CONTENT_FULL_________________*/


#content_full {float: left; position: relative; width: 750px; background-color: #FFF; padding: 0px;
margin-left: 10px;
margin-top: 10px;
display: inline;
}

/* beware the IE double-margin bug ! display: inline is only required to get around this bug! */

#content_full img {margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; border: 0px none; }


#advert_main{position: absolute; left: 190px; top: 30px; width: 300px; height: 240px; background-color: #FFF; padding: 0px; }

#news_1 {position: absolute; left: 485px; top: 30px; width: 200px; height: 64px; background-color: #FFF; padding: 0px; }
#news_2 {position: absolute; left: 485px; top: 100px; width: 200px; height: 64px; background-color: #FFF; padding: 0px; }
#news_3 {position: absolute; left: 485px; top: 170px; width: 200px; height: 64px; background-color: #FFF; padding: 0px; }

#advert_text{position: absolute; left: 5px; top: 190px; width: 280px; height: 35px; background-color: #FFF; padding: 0px; }
#advert_text{font: normal 11px  Arial,"Trebuchet MS",Helvetica,sans-serif; line-height: 135%;}

.news_text {position: absolute; left: 102px; top: 2px; width: 130px; height: 95px; background-color: #FFF; padding: 0px; }
.news_text {font: normal 11px  Arial,"Trebuchet MS",Helvetica,sans-serif; line-height: 135%;}

/*
#content_full a.advert_image {
	border: 0px none;
	
}

#content_full a.advert_image:hover {
	border: 0px none;
 	
	}
*/

/*__________________FOOTER__________________*/



#footer_main_bar {float: left; margin-top: 10px; width: 100%; height: 35px; background-color: #EEE; padding: 0px; }

#footer_main_bar p {
margin-left: 15px; 
margin-top: 10px;
font: normal 10px  Arial, Verdana, Helvetica, sans-serif; color: #666
}


/*   styles for sermon download tables   */


div#main_table {background: #FFF; margin-left: 0px; padding: 0px; }


.catalogue {border: 1px solid #C0C0C0; border-collapse: collapse; width: 100%;}

.cat_table_heading_cells {background-color:#FED; border: 1px solid #C0C0C0; padding: 4px; }
.cat_table_heading_cells {font: bold 13px Arial, Helvetica, sans-serif; text-align: center; }

.cat_table_link_col_cells {background-color:#FED; border: 1px solid #C0C0C0; padding: 4px; }
.cat_table_link_col_cells {font: bold 12px Arial, Helvetica, sans-serif; text-align: center; }

.cat_table_entry_cells {background-color:#FED; border: 1px solid #C0C0C0; padding: 4px; }
.cat_table_entry_cells {font: normal 12px Arial, Helvetica, sans-serif; text-align: center; }

/* special hover style for tables */ 

.cat_table_link_col_cells a:hover {
	text-decoration: none;
	border-bottom: 1px solid #E00;
 	background: #FED; 
}