@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;
}

#home_container {
    width: 960px;
    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.
	*/   
    #home_page_header {
        height: 300px;
        background: url(../graphics/imagery/cc_imagery_default.jpg) right top no-repeat;
    }
    
        #home_body_adcontainer 
        {
            margin: 10px 0px 10px 0px;
            padding: 0px 0px 10px 0px;
            width: 960px;
	        height: 318px;
            float:left;
            border-bottom: 1px solid #eaeaea;
        }
        
        #home_body_imagery {
	        width: 480px;
	        height: 298px;
	        float: left;
	        overflow: hidden;
            border-bottom: 1px solid #eaeaea;
            border-top: 1px solid #eaeaea;
	    }
	    
	    #home_body_welcome {
	        width: 438px;
	        height: 112px;
	        float: left;
	        text-align: left;
	        margin:140px 0px 0px 30px;
	    }
	    
    	    #home_body_welcome h1 {
    	        color: #175592;
    	        font-size: 2.5em;
    	        margin: 0px 0px 15px 0px;
    	        font-family: Arial, Verdana, Arial, Sans-Serif;
    	        font-weight: bold;
    	    }
	    
    	    #home_body_welcome p {
    	        font-size: 1.4em;
    	        margin: 5px 0px 15px 0px;
    	        line-height: 1.9em;
    	        color: #000000;
    	    }


	    #home_body_adtabs {
	        width: 960px;
	        height: 20px;
	        float: left;
	        margin: 0px 0px 0px 10px;
	    }
	    
    	    #home_body_adtabs ul li 
    	    {
    	        width: 105px;
    	        height: 20px;
    	        float: left;
    	        padding: 2px 5px 3px 6px;
    	        list-style-type:none;
                background: url(../graphics/imagery/ad_tab.jpg) center top no-repeat;
                color: #000000;
    	    }

        	    #home_body_adtabs ul li a, #home_body_adtabs ul li a:link, #home_body_adtabs ul li a:visited, #home_body_adtabs ul li a:active
        	    {
                    color: #000000;
                    font-size: 1.0em;
        	    }

        	    #home_body_adtabs ul li a:hover
        	    {
        	        text-decoration:underline;
        	    }

    	#home_page_column_a {  
		    width: 340px;
		    float: left;		
		    text-align: left;				 
		    padding-right: 20px;
        }
        
    #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: 150px;		
		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: 960px;
		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;
	display: none;
}

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

	#body_links li {
		width: 150px;
		padding: 2px;
		padding-bottom:10px;
		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: 18px;
			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;
}					 

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

 /* body_imagery is the main page image DIV.
  This is usually added to by the page specific style sheet.
 */
 #body_imagery {
  background: url(../graphics/imagery/cc_imagery_0.jpg) #ffffff ;
 }
      
 #body_links p 
 {
     display: none;
 }
 
 #home_column_4 
 {
     width: 160px;
     float: left;
     margin-left: 35px;
     text-align: left;
 }
 
         #home_column_4 .link_extra_image {        
             width: 160px;
             margin-bottom: 25px;
            }

         #home_column_4 h1 {
             color: #175592;
             font-size: 2.5em;
             margin: 10px 0px 25px 0px;
             font-family: Arial, Verdana, Arial, Sans-Serif;
             font-weight: normal;
         }
      
    #city_church_extra_central h1 {
        color: #175592;
        font-size: 2.5em;
        margin: 10px 0px 25px 0px;
        font-family: Arial, Verdana, Arial, Sans-Serif;
        font-weight: normal;
        text-align: left;
    }

 #body_page_note_1 {
  display: block;
  width: 332px; 
  height:89px;   
  float: left;       
  margin-bottom: 10px;    
  padding-left: 8px;
  overflow: hidden;
  background: url(../graphics/imagery/central_item_bg.jpg);
  text-align: left; 
  color: #ffffff;
 }       

 #city_church_extra_central {
  width: 340px;
  float: left;       
 }
 

 /* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
 */
 #body_page_events {
  width: 199px;  
  padding: 10px;   
  text-align: left; 
  color: #000000;     
 }
 
 /* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
 */
 #body_page_news {     
  width: 199px;  
  padding: 10px;   
  text-align: left; 
  color: #000000;     
 }
 
 /* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
 */
 #body_page_blog {
  width: 199px;  
  padding: 10px;   
  text-align: left; 
  color: #000000;     
 }
 
 /* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
 */
 #body_page_services {
  width: 332px; 
  height:89px;   
  float: left;       
  margin-bottom: 10px;    
  padding-left: 8px;
  overflow: hidden;
  background: url(../graphics/imagery/central_item_bg.jpg);
  text-align: left; 
  color: #ffffff;
 }
 
 /* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
 */
 #body_page_weekly {
  width: 332px; 
  height:89px;   
  float: left;       
  margin-bottom: 10px;    
  padding-left: 8px;
  overflow: hidden;
  background: url(../graphics/imagery/central_item_bg.jpg);
  text-align: left; 
  color: #ffffff;
 }
 
 /* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
 */
 #body_page_podcasts {
  width: 332px; 
  height:89px;   
  float: left;       
  margin-bottom: 10px;    
  padding-left: 8px;
  overflow: hidden;
  background: url(../graphics/imagery/central_item_bg.jpg);
  text-align: left; 
  color: #ffffff;
 }
 
 /* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
 */
 #body_page_staff {
  width: 199px;  
  padding: 10px;   
  text-align: left; 
  color: #000000;     
 }
 
 /* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
 */
 #body_page_documents {
  width: 199px;  
  padding: 10px;   
  text-align: left; 
  color: #000000;     
 }
 
 
 /* body_page_**** is one of the sidebar items that contains previews of data on he rest of the site.
 */
 #body_page_extra {
  width: 332px; 
  height:89px;   
  float: left;       
  margin-bottom: 10px;    
  padding-left: 8px;
  overflow: hidden;
  background: url(../graphics/imagery/central_item_bg.jpg);
  text-align: left; 
  color: #ffffff;
 }
 
/************************************/
/************  news styles **********/

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

#body_page_news h2 { 
    color: #175592;
    font-size: 2.5em;
    margin: 0px 0px 25px 0px;
    font-family: Arial, Verdana, Arial, Sans-Serif;
    font-weight: normal;
}     
 

#body_page_news #shadow { 
 width: 60px;
 background: #b36724;  
 position: relative;
 top: 3px;
 float: left;
}

#body_page_news #shadow_a { 
 width: 60px;
 position: relative;
 top: -1px;
 left: -1px; 
 background: #555555;
}

#body_page_news #shadow_b { 
}

#body_page_news #image_container {  
 position: relative;
 top: -1px;
 left: -1px;    
}

#body_page_news p {  
 padding-left: 67px;
 width: 120px;
}

#body_page_news p.sidebar_link {
 display: none;        
}

#body_page_news p.sidebar_item_title { 
 width: 115px;
 font-weight: bold;
 font-size: 12px;
 padding-bottom: 3px;
 padding-left: 67px;
}

#body_page_news p.sidebar_item { 
 width: 115px;
 padding-bottom: 12px;
}

#body_page_news p.sidebar_date {       
 padding-top: 5px;
 padding-bottom: 5px;
 width: 115px;
}

#body_page_news a, #body_page_news a:link, #body_page_news a:active, #body_page_news a:visited {
 font-size: 12px;
 padding-bottom: 3px;
 color: #000000;
 font-weight: bold;
}

#body_page_news a:hover {
 color: #265E99;
}             

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

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

#body_page_blog h2 { 
 padding-bottom: 18px;
 font-size: 18px;
}     
 

#body_page_blog #shadow { 
 width: 60px;
 background: #b36724;  
 position: relative;
 top: 3px;
 float: left;
}

#body_page_blog #shadow_a { 
 width: 60px;
 position: relative;
 top: -1px;
 left: -1px; 
 background: #555555;
}

#body_page_blog #shadow_b { 
}

#body_page_blog #image_container {  
 position: relative;
 top: -1px;
 left: -1px;    
}

#body_page_blog p {  
 padding-left: 67px;
 width: 120px;
}

#body_page_blog p.sidebar_link { 
 display: none;            
}

#body_page_blog p.sidebar_item_title { 
 width: 115px;
 font-weight: bold;
 font-size: 12px;
 padding-bottom: 3px;
 padding-left: 67px;
}

#body_page_blog p.sidebar_item { 
 width: 115px;
 padding-bottom: 12px;
}

#body_page_blog p.sidebar_date {       
 padding-top: 5px;
 padding-bottom: 5px;
 width: 115px;
}

#body_page_blog a, #body_page_blog a:link, #body_page_blog a:active, #body_page_blog a:visited {
 font-size: 12px;
 padding-bottom: 3px;
 color: #000000;
 font-weight: bold;
}

#body_page_blog a:hover {
 color: #265E99;
}             

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

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

#body_page_events h2 { 
 padding-top: 15px;
 padding-bottom: 18px;
 font-size: 18px;
}     
 

#body_page_events #shadow { 
 width: 60px;
 background: #b36724;  
 position: relative;
 top: 3px;
 float: left;
}

#body_page_events #shadow_a { 
 width: 60px;
 position: relative;
 top: -1px;
 left: -1px; 
 background: #555555;
}

#body_page_events #shadow_b { 
}

#body_page_events #image_container {  
 position: relative;
 top: -1px;
 left: -1px;    
}

#body_page_events p {  
 padding-left: 67px;
 width: 120px;
}

#body_page_events p.sidebar_link {     
 display: none;        
}

#body_page_events p.sidebar_item_title { 
 width: 115px;
 font-weight: bold;
 font-size: 12px;
 padding-bottom: 3px;
 padding-left: 67px;
}

#body_page_events p.sidebar_item { 
 width: 115px;
 padding-bottom: 12px;
}

#body_page_events p.sidebar_date {       
 padding-top: 5px;
 padding-bottom: 5px;
 width: 115px;
}

#body_page_events a, #body_page_events a:link, #body_page_events a:active, #body_page_events a:visited {
 font-size: 12px;
 padding-bottom: 3px;
 color: #000000;
 font-weight: bold;
}

#body_page_events a:hover {
 color: #265E99;
}             

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

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

#body_page_services h2 { 
 padding-left: 75px;  
 padding-top: 5px;
 font-size: 18px;
}     
 

#body_page_services #shadow { 
 width: 60px;
 position: relative;
 top: -12px;
 left: 10px; 
 background: #b36724; 
 float: left;      
}

#body_page_services #shadow_a { 
 width: 60px;
 position: relative;
 top: -1px;
 left: -1px; 
 background: #555555;
}

#body_page_services #shadow_b { 
}

#body_page_services #image_container {  
 position: relative;
 top: -1px;
 left: -1px;    
}


#body_page_services #service_container {  
 width: 332px;
 height: 79px;
}

#body_page_services p {  
 padding-left: 75px;     
}

#body_page_services p.sidebar_link {     
 text-align: right;
 width: 247px;  
}

#body_page_services p.sidebar_item_title { 
 font-weight: bold;
 font-size: 12px;
 padding: 3px;
 padding-left: 75px;
 width: 225px;
}
            
#body_page_services p.sidebar_item_title a, #body_page_services p.sidebar_item_title a:link, #body_page_services p.sidebar_item_title a:active, #body_page_services p.sidebar_item_title a:visited { 
 color: #ffffff;
 font-weight: bold;
 font-size: 12px;
 padding: 3px;
 width: 225px;
}

#body_page_services p.sidebar_item_title a:hover { 
 color: #265E99;
}

#body_page_services p.sidebar_date {       
 width: 194px;
}        
    
#body_page_services p.sidebar_item {       
 width: 194px;
}        

#body_page_services a, #body_page_services a:link, #body_page_services a:active, #body_page_services a:visited {
 color: #F89134;
 font-weight: bold;
}

#body_page_services a:hover {
 color: #000000;
}             

/****************************************/
/************  weekly styles **********/

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

#body_page_weekly h2 { 
 padding-left: 75px;  
 padding-top: 5px;
 font-size: 18px;
}     
 

#body_page_weekly #shadow { 
 width: 60px;
 position: relative;
 top: -12px;
 left: 10px; 
 background: #b36724; 
 float: left;
}

#body_page_weekly #shadow_a { 
 width: 60px;
 position: relative;
 top: -1px;
 left: -1px; 
 background: #555555; 
}

#body_page_weekly #shadow_b { 
}

#body_page_weekly #image_container {  
 position: relative;
 top: -1px;
 left: -1px;    
}

#body_page_weekly p {  
 padding-left: 75px;
}

#body_page_weekly p.sidebar_link {     
 text-align: right;
 width: 247px;
}

#body_page_weekly p.sidebar_item_title { 
 font-weight: bold;
 font-size: 12px;
 padding: 3px;
 padding-left: 75px;
 width: 225px;       
}

#body_page_weekly p.sidebar_item_title a, #body_page_weekly p.sidebar_item_title a:link, #body_page_weekly p.sidebar_item_title a:active, #body_page_weekly p.sidebar_item_title a:visited { 
 color: #ffffff;
 font-weight: bold;
 font-size: 12px;
 padding: 3px;
 width: 225px;
}

#body_page_weekly p.sidebar_item_title a:hover { 
 color: #265E99;
}

#body_page_weekly p.sidebar_date {       
 width: 194px;
}

#body_page_weekly a, #body_page_weekly a:link, #body_page_weekly a:active, #body_page_weekly a:visited {
 color: #F89134;
 font-weight: bold;
}

#body_page_weekly a:hover {
 color: #000000;
}             

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

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

#body_page_podcasts h2 { 
 padding-left: 75px;  
 padding-top: 5px;
 font-size: 18px;
}     
 

#body_page_podcasts #shadow { 
 width: 60px;
 position: relative;
 top: -12px;
 left: 10px; 
 background: #b36724; 
 float: left;
}

#body_page_podcasts #shadow_a { 
 width: 60px;
 position: relative;
 top: -1px;
 left: -1px; 
 background: #555555; 
}

#body_page_podcasts #shadow_b { 
}

#body_page_podcasts #image_container {  
 position: relative;
 top: -1px;
 left: -1px;    
}

#body_page_podcasts p {  
 padding-left: 75px;
}

#body_page_podcasts p.sidebar_link {     
 text-align: right;
 width: 248px;
}

#body_page_podcasts p.sidebar_item_title { 
 font-weight: bold;
 font-size: 12px;
 padding: 3px;
 padding-left: 75px;
 width: 225px;
}           

#body_page_podcasts p.sidebar_item_title a, #body_page_podcasts p.sidebar_item_title a:link, #body_page_podcasts p.sidebar_item_title a:active, #body_page_podcasts p.sidebar_item_title a:visited { 
 color: #ffffff;
 font-weight: bold;
 font-size: 12px;
 padding: 3px;
 width: 225px;
}

#body_page_podcasts p.sidebar_item_title a:hover { 
 color: #265E99;
}

#body_page_podcasts p.sidebar_date {       
 width: 194px;
}

#body_page_podcasts a, a:link, a:active, a:visited {
 color: #F89134;
 font-weight: bold;
}

#body_page_podcasts a:hover {
 color: #000000;
}             

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

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

#body_page_staff h2 { 
 padding-bottom: 18px;
 font-size: 18px;
}     
 

#body_page_staff #shadow { 
 width: 60px;
 background: #b36724;  
 position: relative;
 top: 3px;
 float: left;
}

#body_page_staff #shadow_a { 
 width: 60px;
 position: relative;
 top: -1px;
 left: -1px; 
 background: #555555;
}

#body_page_staff #shadow_b { 
}

#body_page_staff #image_container {  
 position: relative;
 top: -1px;
 left: -1px;    
}

#body_page_staff p {  
 padding-left: 67px;
 width: 120px;
}

#body_page_staff p.sidebar_link { 
 display: none;        
}

#body_page_staff p.sidebar_item_title { 
 width: 115px;
 font-weight: bold;
 font-size: 12px;
 padding-bottom: 3px;
 padding-left: 67px;
}

#body_page_staff p.sidebar_item { 
 width: 115px;
 padding-bottom: 12px;
}

#body_page_staff p.sidebar_date {       
 padding-top: 5px;
 padding-bottom: 5px;
 width: 115px;
}

#body_page_staff a, a:link, a:active, a:visited {
 font-size: 12px;
 padding-bottom: 3px;
 color: #000000;
 font-weight: bold;
}

#body_page_staff a:hover {
 color: #265E99;
}             

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

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

#body_page_documents h2 { 
 padding-bottom: 18px;
 font-size: 18px;
}     
 

#body_page_documents #shadow { 
 width: 60px;
 background: #b36724;  
 position: relative;
 top: 3px;
 float: left;
}

#body_page_documents #shadow_a { 
 width: 60px;
 position: relative;
 top: -1px;
 left: -1px; 
 background: #555555;
}

#body_page_documents #shadow_b { 
}

#body_page_documents #image_container {  
 position: relative;
 top: -1px;
 left: -1px;    
}

#body_page_documents p {  
 padding-left: 67px;
 width: 120px;
}

#body_page_documents p.sidebar_link { 
 display: none;    
}

#body_page_documents p.sidebar_item_title { 
 width: 115px;
 font-weight: bold;
 font-size: 12px;
 padding-bottom: 3px;
 padding-left: 67px;
}

#body_page_documents p.sidebar_item { 
 width: 115px;
 padding-bottom: 12px;
}

#body_page_documents p.sidebar_date {       
 padding-top: 5px;
 padding-bottom: 5px;
 width: 115px;
}

#body_page_documents a, #body_page_documents a:link, #body_page_documents a:active, #body_page_documents a:visited {
 font-size: 12px;
 padding-bottom: 3px;
 color: #000000;
 font-weight: bold;
}

#body_page_documents a:hover {
 color: #265E99;
}             

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

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

#body_page_extra h2 { 
 padding-left: 75px;  
 padding-top: 5px;
 font-size: 18px;
}     
 

#body_page_extra #shadow { 
 width: 60px;
 position: relative;
 top: -12px;
 left: 10px; 
 background: #b36724; 
 float: left;
}

#body_page_extra #shadow_a { 
 width: 60px;
 position: relative;
 top: -1px;
 left: -1px; 
 background: #555555; 
}

#body_page_extra #shadow_b { 
}

#body_page_extra #image_container {  
 position: relative;
 top: -1px;
 left: -1px;    
}

#body_page_extra p {  
 padding-left: 75px;
 width: 194px;
}

#body_page_extra p.sidebar_link {     
 text-align: right;
 width: 247px;
}

#body_page_extra p.sidebar_item_title { 
}

#body_page_extra p.sidebar_date {       
}

#body_page_extra a, a:link, a:active, a:visited {
 color: #F89134;
 font-weight: bold;
}

#body_page_extra a:hover {
 color: #000000;
}             

#body_page_note_1 h2 { 
 padding-left: 75px;  
 padding-top: 5px;
 font-size: 18px;
}     
 

#body_page_note_1 #shadow { 
 width: 60px;
 position: relative;
 top: -12px;
 left: 10px; 
 background: #b36724; 
 float: left;
}

#body_page_note_1 #shadow_a { 
 width: 60px;
 position: relative;
 top: -1px;
 left: -1px; 
 background: #555555; 
}

#body_page_note_1 #shadow_b { 
}

#body_page_note_1 #image_container {  
 position: relative;
 top: -1px;
 left: -1px;    
}

#body_page_note_1 p {  
 padding-left: 75px;
 width: 194px;
}

#body_page_note_1 p.sidebar_link {     
 text-align: right;
 width: 247px;
}

#body_page_note_1 p.sidebar_item_title { 
}

#body_page_note_1 p.sidebar_date {       
}

#body_page_note_1 a, a:link, a:active, a:visited {
 color: #F89134;
 font-weight: bold;
}

#body_page_note_1 a:hover {
 color: #000000;
}