@charset "windows-1252";

/*
<!-- citychurch.css file  -->
<!-- Version: 1.0 	  		-->
<!-- Created on: 17/05/2007 -->
<!-- Created by: Ben Drury  -->

<!-- Released: 31/11/2007	 -->

<!------------------------------------------------------------------------------------>
<!-- 						Post Release Amendment History                          -->
<!------------------------------------------------------------------------------------>
<!--  Amend Date --   Amend Author   --  Amendment Details      					-->
<!------------------------------------------------------------------------------------>
<!--             --    				 --												-->
<!--             --    				 --												-->
<!--             --    				 --												-->
<!--             --    				 --												-->
<!------------------------------------------------------------------------------------>			  

*/

/****************************************************************************************
'**  Copyright Notice
'**
'**  Ben Drury - Table Matrix Systems
'**
'**  Copyright 2007. Ben Drury. All Rights Reserved.
'**
'**  This program is software that you purchase and can modify (at your own risk) 
'**  any part of it under the terms of the license that accompanies this software.
'**
'**  All copyright notices must remain in tacked in the scripts and the
'**  outputted HTML.
'**
'**  You may use parts of this program in your own private work, but you may NOT
'**  redistribute, repackage, or sell the whole or any part of this program even
'**  if it is modified or reverse engineered in whole or in part without express
'**  permission from the author.
'**
'**  You may not pass the whole or any part of this application off as your own work.
'**
'**  All links to Table Matix Systems and powered by logo's must remain unchanged and in place
'**  and must remain visible when the pages are viewed unless permission is first granted
'**  by the copyright holder.
'**
'**  This program is distributed in the hope that it will be useful,
'**  but WITHOUT ANY WARRANTY; without even the implied warranty of
'**  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE OR ANY OTHER
'**  WARRANTIES WHETHER EXPRESSED OR IMPLIED.
'**
'**  You should have received a copy of the License along with this program;
'**  if not tablematrix@dreambigdreams.co.uk
'**
'**  No official support is available for this program but you may post support questions at: -
'**  http://www.phoenixcreative.co.uk/forum
'**
'**  For correspondence or non support questions contact: -
'**  info@phoenixcreative.co.uk
'**
'****************************************************************************************/

/**************  General Doc Styles ***************/
													
/* remove all default formatting to create a blank canvas on which to build our style 
*/
html, body, ul, ol, li, p, blockquote, q,
h1, h2, h3, h4, h5, h6, fieldset, legend,
form, label, a, div, img, dd, dt, dl, input, span, img {
	margin				: 0px;
	padding				: 0px;
	border				: 0px;
}

/* This will declaration will define the body section of the document.
*/
body {
	font-family: verdana, sans-serif;
	font-size:	10px;
	color:	#555555;   
	background: url(../graphics/imagery/citychurch_bg.gif) repeat-x #ffffff;
	text-align: center;
	padding: 0px;
	margin: 0px;		
	margin-top:15px;
	margin-bottom:20px;
}

/*****************************************************/
/**************  General Input Styles ****************/

/* The following items define how inputs will behave on web forms
*/															 

form {
   margin-top: 20px;
}

input {			   			  
	font-size: 10px;
	width: 200px;
	border: 1px #aaaaaa solid;
}

input.checkbox, input.radio {			 
	width: 10px;		  
	height: 10px;
	padding: 12px;
}

/* This declaration defines how wide an input designed for two digits will be
*/
input.digit {
}

textarea {
	width: 200px;
	font-size: 10px;
	font-family: verdana;
	border: 1px #aaaaaa solid;
}									

td {
	font-size: 10px;
}

td.td_underlined {
	padding-top: 8px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #aaaaaa;
	vertical-align: center;
}

select {
}

ol {
	list-style-type: decimal;
}

ul, li {
}  		
												   
/*****************************************************/
/**************  general style format ****************/						 

/* this defines how labels for input forms will appear
*/
.table_label {		 			
	font-weight: bold;
	font-size: 10px; 					  
}

/* this defines the h alignment for buttons for input forms.
*/
.table_button {	 
	text-align: center;
}

/* this defines how buttons generally will appear
*/
.button {  
	font-size: 10px;
	width: 100px;
	border: 1px #aaaaaa solid;
}

/* this defines the colour of any error text output
*/
.error {
}
		
/* this defines the how the browser handles lowercase class
*/
.lowercase
{
	text-transform: lowercase;
}

/* this defines how item marked as class="bold" will appear
*/
.bold {
	font-weight: bold;
}

/* this defines how item marked as class="italics" will appear
*/
.italics {												   
	font-style: italic;
}						
		
/* this defines how class 'centered' is managed
*/
.centered 
{
	margin: auto;
	text-align: center;
}


/* this defines how images on the sidebar will appear
*/
img.thumbnail
{
	max-width: 60px;
	width:expression(this.offsetWidth>59?60:'');
	max-width: 60px;
	width:expression(this.offsetWidth>59?60:'');
	max-height: 60px;
	height:expression(this.offsetHeight>59?60:'');
}

/* this defines how general image items on the main page will appear
*/
.content_image {			   		 
	max-width: 100px;
	width:expression(this.offsetWidth>99?100:'');
	float: left;	
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px #175592 solid;
}
														 
/* this defines how any icons that highlighting click through optiosn will behave
*/
img.link_icon {	   
	vertical-align: middle;
}

/*********************************************/
/**************  Page Layout ****************/

/* container is the main holding DIV for the page all other DIVs reside within this item
*/
#container {   
	width: 780px;
	margin: auto; 
	background: #ffffff; 
	overflow: hidden;
}

	/* body_header is a mocked_up DIV with mo content that has a relevant background E.G. if you require rounded corners.
	*/
	#body_header {	
	}
	
	/* body_logo is the DIV on the page that holds the logo.
	*/
	#body_logo { 	  
		width: 300px;
		float: left;
		padding: 10px; 
		text-align: left;	
	}				
	
	/* body_poweredby is the DIV that holds the PHOENIX CREATIVE poweredby logo. 
	   This can usually be set to display: none;
	*/
	#body_poweredby {	
		display: none;
	}
	
	/* body_imagery is the main page image DIV.
		This is usually added to by the page specific style sheet.
	*/
	#body_imagery {		 
		z-index: 0;
		top: auto;
		left: auto;
		width: 449px;	
		height: 272px; 
		float: right;	
		overflow: hidden;
	}
	
	/* body_links contains the unordered list of page links.
	*/
	#body_links	{	  
	 	width: 180px;		
		padding: 8px;
		padding-left: 20px;
		float: left;
		background: #ffffff;
		text-align: left;
	}
													  
	/* body_page_column_a is the main content on the page.
	*/
	#body_page_column_a {  
		width: 340px;
		float: left;		
		text-align: left;				 
		position: relative;
		padding-right: 20px;
		top: -60px;				
	}
		   
		#body_page_note_1 {
		display: none;
	}
	
	#body_page_note_2 {
		display: none;
	}

	#body_page_note_3 {
		display: none;
	}

	#body_page_diary {
		display: none;
	}

	#city_church_extra_central {
	}
	
	#city_church_sidebar {						   
		width: 206px;		
		padding-bottom: 10px;			 								   
		background: url(../graphics/imagery/sidebar_fp_bg.jpg) no-repeat #f89134;
		float: right;     
	}

	/* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
	*/
	#body_page_events {
	}
	
	/* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
	*/
	#body_page_news {					
	}
	
	/* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
	*/
	#body_page_blog {
	}
	
	/* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
	*/
	#body_page_services {
	}
	
	/* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
	*/
	#body_page_weekly {
	}
	
	/* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
	*/
	#body_page_podcasts {
	}
	
	/* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
	*/
	#body_page_staff {
	}
	
	/* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
	*/
	#body_page_documents {
	}
	
	
	/* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
	*/
	#body_page_extra {
	}
	
	/* body_footer contains the end of page information (copyright, admin links, style off links).
	*/
	#body_footer { 
		width: 780px;
		float: left;	
	}

/***************************************************/
/**************  links style format ****************/  

/* This section contains the formating for the main site links.  These are defined in an unordered link.
*/

#body_links .link_extra_image {							 
	width: 140px;
}

#body_links p {							 
	padding-top:15px;
}

#body_links ul {							 
	width: 180px;
	padding: 0px;	 
	margin: 0px;
	padding-right: 10px;
	text-align: left;
}

	#body_links li {
		width: 180px;
		padding: 2px;
		margin: 0px;
		list-style: none;
		background: #ffffff;
	}

		#body_links li a, #body_links li a:link, #body_links li a:active, #body_links li a:visited {
			height: 22px;
			padding: 3px;
			margin: 0px;
			font-family: Arial, Verdana, sans-serif;
			font-size: 15px;
			color: #F89134;							
			text-decoration: none;
			font-weight: bold;
			background: #ffffff;
		}
		
		#body_links li a:hover {
			height: 22px;
			color: #175592;
			text-decoration: none;	   	 									
			padding-right: 12px;
			background: url(../graphics/icons/rollover.gif) no-repeat right;
		}							   

/*****************************************************/
/**************  sublinks style format ***************/

/* This section contains the formating for the sublinks that are built as an unordered list within an LI tag.
*/
		#body_links li ul {
			width: 135px;
			display: none;
			position: absolute; 
			margin-left: 80px;
			margin-top: -30px;
			padding: 8px;				   
			z-index: 99;   
		}
		
		#body_links li:hover ul {
			width: 135px;
			display: block;
		}
		
		#body_links li ul li {
			width: 135px;  
			height: 15px;
			padding-top: 5px;
			margin: 0px;
			background: #e2eaf2;
			border-bottom: 2px solid #ffffff;
		}
		
		#body_links li ul li a, #body_links li ul li a:link, #body_links li ul li a:active, #body_links li ul li a:visited {
			margin: 0px;
			font-family: Arial, Verdana, sans-serif;
			font-size: 12px;
			color: #F89134;							
			text-decoration: none;
			font-weight: bold;
			background: #e2eaf2;
		}
		
		#body_links li ul li a:hover {
			color: #175592;
		}							   

		
/****************************************/
/************  column_a styles **********/

/* This section contains all the content formatting for the main section of the page
*/																										

#body_page_column_a h1 {	  
   font-family: Arial, Verdana, sans-serif;
   font-size: 28px;
   font-weight: bold;
   padding-bottom: 12px;
   color: #175592;
}										  

#body_page_column_a h2 {  					
	font-size: 14px;	   
	padding-top: 12px;
	color: #175592;
}										  

#body_page_column_a h3 {  					
	font-size: 12px;	   
	padding-top: 10px;
	font-weight: bold;
}										  

#body_page_column_a a, a:link, a:active, a:visited {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #f89134;
	padding: 0px;
	margin: 0px;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
}

#body_page_column_a a:hover {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #175592;
	padding: 0px;
	margin: 0px;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
}					

#body_page_column_a p {
	padding-top: 8px;
	padding-bottom: 8px;
}
									
	#body_page_column_a p.section_top 
	{								  
		margin-top: 20px;
		border-top: 1px dotted #555555
	}
	
	#body_page_column_a p.section_top_level_2 
	{								  
		margin-top: 10px;
		border-top: 1px dotted #dedede
	}
		
	#body_page_column_a p.admin_links {
	}
		
		#body_page_column_a p.admin_links a:link, #body_page_column_a p.admin_links a:active, #body_page_column_a p.admin_links a:visited, #body_page_column_a p.admin_links a:link {
			font-size: 18px;
		}
		
		#body_page_column_a p.admin_links a:hover {
		}

#body_page_column_a .content_image_right {
	max-width: 170px;
	width:expression(this.offsetWidth>169?170:'');
	float: right;	
	overflow: hidden;
	margin-left: 8px;
	margin-top: 8px;				 
	margin-bottom: 8px;				 
	border: 1px #175592 solid;
}

#body_page_column_a .content_image_left {
	max-width: 170px;
	width:expression(this.offsetWidth>169?170:'');
	float: left;	
	overflow: hidden;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	border: 1px #175592 solid;
}											   

.expanding_div 
{
	width: 325px;
	display: none;
}

.expanded_div 
{
	width: 325px;
	display: block;
}

.expand_contract_links
{
	width: 30px;	  
	position: relative;
	top: -15px;
	float: right;	  
}							 

img.smaller_expand
{
	width: 18px;	  
}							 

/************************************/
/************  news styles **********/

/* This section contains the formating for one of the sidebar sections
*/

#body_page_news h2 {	
}					
	

#body_page_news #shadow {	
}

#body_page_news #shadow_a {	
}

#body_page_news #shadow_b {	
}

#body_page_news #image_container {		
}

#body_page_news p {		
}

#body_page_news p.sidebar_link {
}

#body_page_news p.sidebar_item_title {	
}

#body_page_news p.sidebar_item {	
}

#body_page_news p.sidebar_date {						 
}

#body_page_news a, a:link, a:active, a:visited {
}

#body_page_news a:hover {
}					 					  

/************************************/
/************  blog styles **********/

/* This section contains the formating for one of the sidebar sections
*/

#body_page_blog h2 {	
}					
	

#body_page_blog #shadow {	
}

#body_page_blog #shadow_a {	
}

#body_page_blog #shadow_b {	
}

#body_page_blog #image_container {		
}

#body_page_blog p {		
}

#body_page_blog p.sidebar_link {	
}

#body_page_blog p.sidebar_item_title {	
}

#body_page_blog p.sidebar_item {	
}

#body_page_blog p.sidebar_date {						 
}

#body_page_blog a, a:link, a:active, a:visited {
}

#body_page_blog a:hover {
}					 					  

/**************************************/
/************  events styles **********/

/* This section contains the formating for one of the sidebar sections
*/

#body_page_events h2 {	
}					
	

#body_page_events #shadow {	
}

#body_page_events #shadow_a {	
}

#body_page_events #shadow_b {	
}

#body_page_events #image_container {		
}

#body_page_events p {		
}

#body_page_events p.sidebar_link {					
}

#body_page_events p.sidebar_item_title {	
}

#body_page_events p.sidebar_item {	
}

#body_page_events p.sidebar_date {						 
}

#body_page_events a, a:link, a:active, a:visited {
}

#body_page_events a:hover {
}					 					  

/****************************************/
/************  services styles **********/

/* This section contains the formating for one of the sidebar sections
*/

#body_page_services h2 {	
}					
	

#body_page_services #shadow {	
}

#body_page_services #shadow_a {	
}

#body_page_services #shadow_b {	
}

#body_page_services #image_container {		
}

#body_page_services p {		
}

#body_page_services p.sidebar_link {					
}

#body_page_services p.sidebar_item_title {	
}
									   
#body_page_services p.sidebar_item_title a, a:link, a:active, a:visited {	
}

#body_page_services p.sidebar_item_title a:hover {	
}

#body_page_services p.sidebar_date {						 
}

#body_page_services a, a:link, a:active, a:visited {
}

#body_page_services a:hover {
}					 					  

/****************************************/
/************  Weekly styles **********/

/* This section contains the formating for one of the sidebar sections
*/

#body_page_weekly h2 {	
}					
	

#body_page_weekly #shadow {	
}

#body_page_weekly #shadow_a {	
}

#body_page_weekly #shadow_b {	
}

#body_page_weekly #image_container {		
}

#body_page_weekly p {		
}

#body_page_weekly p.sidebar_link {					
}

#body_page_weekly p.sidebar_item_title {	
}

#body_page_weekly p.sidebar_item_title a, a:link, a:active, a:visited {	
}

#body_page_weekly p.sidebar_item_title a:hover {	
}

#body_page_weekly p.sidebar_date {						 
}

#body_page_weekly a, a:link, a:active, a:visited {
}

#body_page_weekly a:hover {
}					 					  

/****************************************/
/************  podcasts styles **********/

/* This section contains the formating for one of the sidebar sections
*/

#body_page_podcasts h2 {	
}					
	

#body_page_podcasts #shadow {	
}

#body_page_podcasts #shadow_a {	
}

#body_page_podcasts #shadow_b {	
}

#body_page_podcasts #image_container {		
}

#body_page_podcasts p {		
}

#body_page_podcasts p.sidebar_link {					
}

#body_page_podcasts p.sidebar_item_title {	
}									  

#body_page_podcasts p.sidebar_item_title a, a:link, a:active, a:visited {	
}

#body_page_podcasts p.sidebar_item_title a:hover {	
}

#body_page_podcasts p.sidebar_date {						 
}

#body_page_podcasts a, a:link, a:active, a:visited {
}

#body_page_podcasts a:hover {
}					 					  

/*************************************/
/************  staff styles **********/

/* This section contains the formating for one of the sidebar sections
*/

#body_page_staff h2 {	
}					
	

#body_page_staff #shadow {	
}

#body_page_staff #shadow_a {	
}

#body_page_staff #shadow_b {	
}

#body_page_staff #image_container {		
}

#body_page_staff p {		
}

#body_page_staff p.sidebar_link {	
}

#body_page_staff p.sidebar_item_title {	
}

#body_page_staff p.sidebar_item {	
}

#body_page_staff p.sidebar_date {						 
}

#body_page_staff a, a:link, a:active, a:visited {
}

#body_page_staff a:hover {
}					 					  

/*****************************************/
/************  documents styles **********/

/* This section contains the formating for one of the sidebar sections
*/

#body_page_documents h2 {	
}					
	

#body_page_documents #shadow {	
}

#body_page_documents #shadow_a {	
}

#body_page_documents #shadow_b {	
}

#body_page_documents #image_container {		
}

#body_page_documents p {		
}

#body_page_documents p.sidebar_link {	
}

#body_page_documents p.sidebar_item_title {	
}

#body_page_documents p.sidebar_item {	
}

#body_page_documents p.sidebar_date {						 
}

#body_page_documents a, a:link, a:active, a:visited {
}

#body_page_documents a:hover {
}					 					  

/****************************************/
/************  extra styles **********/

/* This section contains the formating for one of the sidebar sections
*/

#body_page_extra h2 {	
}					
	
#body_page_extra #shadow {	
}

#body_page_extra #shadow_a {	
}

#body_page_extra #shadow_b {	
}

#body_page_extra #image_container {		
}

#body_page_extra p {		
}

#body_page_extra p.sidebar_link {					
}

#body_page_extra p.sidebar_item_title {	
}

#body_page_extra p.sidebar_date {						 
}

#body_page_extra a, a:link, a:active, a:visited {
}

#body_page_extra a:hover {
}					 					  

/**************************************/
/************  footer styles **********/

/* This section contains the formating for all items within the footer section of the page
*/

#company_notice {
	width: 780px;
	height: 26px;
	padding: 0px;  
	padding-bottom: 5px;
	margin: 0px;
	float: left;
	text-align: left;
}				  

#company_notice img {
	vertical-align: middle;
}

#copyright {
	width: 780px;
	padding: 0px;  
	padding-top: 5px;
	margin: 0px;
	float: left;
	text-align: left;
	border-top: 1px dotted #555555;
}

#copyright a, a:link, a:active, a:visited {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #175592;
	padding: 0px;
	margin: 0px;
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
}

#copyright a:hover {
	padding: 0px;
	margin: 0px;
	color: #f89134;
	text-decoration: underline;
}