/* $Id: zen.css,v 1.14.2.1 2009/02/13 07:46:04 johnalbin Exp $ */

/*
 * ZEN STYLES
 *
 * This is an example stylesheet. Sub-themes should NOT include the zen/zen.css
 * file, but instead copy this CSS to their own stylesheets.
 *
 * In this stylesheet, we have included all of the classes and IDs from this
 * theme's tpl.php files. We have also included many of the useful Drupal core
 * styles to make it easier for theme developers to see them.
 *
 * Many of these styles are over-riding Drupal's core stylesheets, so if you
 * remove a declaration from here, the styles may still not be what you want
 * since Drupal's core stylesheets are still styling the element. See the
 * drupal6-reference.css file for a list of all Drupal 5.x core styles.
 *
 * In addition to the style declarations in this file, other Drupal styles that
 * you might want to override or augment are those for:
 *
 *   Book Navigation  See line 74  of Zen's drupal6-reference.css file
 *   Forum            See line 197 of Zen's drupal6-reference.css file
 *   Menus            See line 667 of Zen's drupal6-reference.css file
 *   News Aggregator  See line 20  of Zen's drupal6-reference.css file
 *   Polls            See line 287 of Zen's drupal6-reference.css file
 *   Search           See line 320 of Zen's drupal6-reference.css file
 *   User Profiles    See line 945 of Zen's drupal6-reference.css file
 */


/** body **/
  body.front, body.not-front
  {
  }

/* page width set to 960pixels  - according to Firebug this has an offset of 8px from the top and 24px from the left */
  #page
  {
  }

/** header **/
  #header
  {
  }

  #header-inner
  {
  }

  #logo-title /* Wrapper for logo, website name, and slogan */
  {
  }

  #logo /* Wrapper for CCNM logo */
  {
	position: absolute;  /* settings here are needed to make sure it appears at the top of the page */
	top: 0px;
    margin: 0;
    padding: 0;
	z-index: 2000;  /* has to overlap with the navigation bar so this will make it stack in front of that */
  }

  #logo-image /* The actual logo image */
  {
  }
  
/* This is where we have the site name heading - we make it invisible to the user but present in the html  */
  h1#site-name, div#site-name /* The name of the website */
  {
    margin: 6px 0px 6px 0px; /*  top, right, bottom, and left */
    font-size: 11px;
	visibility: hidden;
	color: white;
    line-height: 20px;
	text-align: center;
  }

 
/** MAIN (container for everything else) **/
  #main
  {
	height: 100%;
	width: 100%;
  }

/** CONTENT **/
/* Set the default font */
  #content
  {
	padding: 0;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  }
/* Default link display - red, not underlined except when hovering over it */
  #content-area a:link,
  #content-area a:visited
  {
    color: #990000;
	text-decoration: none;
  }
  #content-area a:hover
  {
    text-decoration: underline; /* underline on mouseover */
  }
/* The execption is the tabs on the sermon downloads and preaching programme pages */
  #content-header a:hover
  {
    text-decoration: none; /* don't want this for the tab links */
  }
  
/* Next we deal with margin offsets within content-inner ~ overriding what is set in some other default drupal css */
  .not-logged-in  #content-inner
  {
	margin-top: -16px;  
	*margin-top: 0px;   /* IE fix */
  }
  
/* Zero top margin offset for the nodes of individual sermons or sermon series */ 
  .node-type-audio #content-inner,
  .node-type-sermon-series #content-inner
  {
	margin-top: 0px; 
  }
  
/* These exceptions apply where tabs are displayed above the content whether View/Edit, user profile, or the PP or sermon download view displays */  
  .logged-in #content-inner,
  .section-sermons #content-inner,
  .section-preaching #content-inner,
  .section-user #content-inner,
  .section-search #content-inner
  {
	margin-top: -29px;  /* to allow display of tabs on these pages  - the drupal tabs are 29px high */
  }
  
/* there is an exception to the exception with the series search on sermons as this is not part of the tabbed menu */
  .page-sermons-series #content-inner,
  .page-sermons-top20 #content-inner,
  .page-sermons-top20plays #content-inner
  {
	margin-top: 0px; 
  }
  
/* the following pages do not start with a h2 title or similar, so don't need the offset */
  .section-node-add #content-inner
  {
	margin-top: -14px;
  }
  .page-audio #content-inner,
  .section-audio #content-inner,
  .section-contact #content-inner
  {
	margin-top: 0px;
  }
  

  #content-top /* Wrapper for any blocks placed in the "content top" region */
  {
  }

  /* We want the content header to show when logged in (for View/Edit tabs) and also for the Sermon Downloads page for the various tabs */
  .logged-in #content-header, /* Wrapper for breadcrumb, title, messages, tabs, and help */
  .page-sermons #content-header
  {
	float: left;
  }
  
  /* but for some strange reason the front page view/edit tabs are displayed 10px to the left, which we therfore need to correct */
  .front #content-header
  {
	margin-left: 10px;
  }
  
  /* Similarly the user pages - for login, password change/request etc - these have their own tabs we want to show */
  .page-user-login #content-header,
  .page-user-password #content-header,
  .page-user #content-header
  {
	float: left;
	display: block;
  }
  
  
  
  .breadcrumb /* The path to the current page in the form of a list of links */
  {
	display: none;  /* we don't want the breadcrumb to be shown */
    padding-bottom: 0; /* Undo system.css */
  }
  
  /* by default we don't want the h1 title on each page appear in the content header - we put this in the content itself */
  #content-header h1
  {
	display: none;
  }
  /* here are the exceptions to the default rule (some drupal generated content e.g. audio requires that we display it) */
  .node-type-audio #content-header h1
  {
	display: block;
	font-size: large;
	top: 29px;
  }
  .node-type-sermon-series #content p,
  .node-type-sermon-series #content h2
  {
	padding: 0px 16px 0px 0px;
  }
      
  h1.title, /* The title of the page */
  h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
  h3.title /* Comment title */
  {
    margin: 0;
  }

 
/* Set the default formatting options for #content-area - the wrapper for the actual page content */
  #content-area
  {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	color: #333333;
	clear: left;
	padding-bottom: 1px;
  }
 
 #content-area h2 
  {
	font-size: x-large;
	font-weight: bold;
	padding: 16px 24px 0px 24px; /* TRBL padding */
	*margin-top: 0px;  /* IE fix */
  }

  #content-area h3 
  {
	padding: 8px 24px 0px 24px; /* TRBL padding */
 }
    
 #content-area p
  {
	color: #333333;
	padding: 0px 24px;
  }
 #content-area ul, li
  {
	margin-left: 24px;
  }
	
	
 /* the following are exceptions to the above padding rules */
 .section-contact #content-area h2,
 .section-contact #content-area h3,
 .section-contact #content-area p,
 .section-search #content-area h2,
 .section-search #content-area dt,
 .section-search #content-area p,
 .section-preaching #content-area p
  {
	padding: 0px;
	margin-top: 0px;
  }
  .section-audio #content-area h2
   {
	padding: 0px 0px 16px 0px;
	margin-top: 0px;
  }
  .section-preaching #content-area h2,
  .section-preaching #content-area h3
 {
	padding: 4px 0px 0px 0px;
	margin-top: 0px;
  }
  
  .page-user-login #content-area,
  .page-user-password #content-area,
  .page-user #content-area
  {
	padding: 2px 16px;
  }
  /*.page-christmas #content-area h2*/
  #content-area h2
  {
	color: #990000;
  }
  
  
	/* for all but the front page we want the top bit of the 'rounded cornered rectangle' background to be displayed at the top of the content-area */
	/* with all else not covered by the background image in the same grey colour */
   .not-front #content-area
  {
	background: url(images/bg-content-top.png) #C5C5C5;
	background-attachment: scroll;
	background-position: 0px 0px;  /* 0 Right and 0 Below TLC of box */
	background-repeat: no-repeat;
  }
  
  /* Decided to implement padding for the search page but probably want to extend this to all to save on styles */
  .section-search #content-area,
  .section-contact #content-area
  {
	padding: 16px;
  }
 
  #content-area div.node
 {
	width: 100%;
	height: 100%;
}
  
  /* formatting for the user profile */
  #content-area div.profile
 {
	margin-bottom: 0px;
}
  #content-area dl, div.node-form
 {
	padding: 0px 16px 8px 16px; /* TRBL padding */
	margin-bottom: 0px;
}
#content-area dt
 {
	padding: 16px 16px 8px 16px; /* TRBL padding */
	margin-bottom: 0px;
}

  /* not interested in user audio history */
  #content-area dt.audio, dd.audio
 {
	display: none;
}
   
  .front #content-area
  {
	padding: 0px 10px;  /* TB & RL padding */
	background: url(images/bg-content-area.png) white;
	background-attachment: scroll;
	background-position: 10px 0px;  /* 10 Right and 0 Below TLC of box */
	background-repeat: no-repeat;
	height: 256px;
  }
  
  .front h2.title
  {
	display: none;
  }
  
 /* formatting for audio (i.e. Sermon) & sermon series pages */
 div.node-type-audio,
 div.node-type-sermon-series
 {
	padding: 16px;
 }
 div.submitted
 {
	display: none;  /* not interested in who uploaded the sermons! */
 }
  /* formatting for sermon downloads pages - forms for searching on speaker, bible reference etc */
 div.views-exposed-form
 {
	padding: 0px 8px;
 }
  div.views-exposed-widget  /* this is the wrapper for the Apply button */
 {
	padding-top: 0px;
 }
  
 /* Sermon Series i.e. PREACHING PROGRAMME formatting - these are the fields we DON'T want displayed*/  
  .node-type-sermon-series div.field-label,
  .node-type-sermon-series div.field-label-inline-first,
  .node-type-sermon-series div.field-field-service-time,
  .node-type-sermon-series div.field-field-series-current
 {
	display: none;
 }
  table.tablefield
  {
	width: 708px;
  }
  .tablefield th
  {
	padding: 16px;
  }
  /* These apply to the Views created */
 .section-preaching div.view
 {
	padding: 8px;
 }
  .pager /* A list of page numbers when more than 1 page of content is available */
  {
    clear: both;
    margin: 1em 0;
    text-align: center;
  }
  .pager a, .pager strong.pager-current
  {
    padding: 0.5em;
  }
  
  /* THis is for the sermon downloads pager display - in order to centre it */
ul.pager
{
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 24px;
}
  
  .feed-icons /* The links to the RSS or Atom feeds for the current list of content */
  {
	float: right;
	clear: both;
	position: relative;
	z-index: 1000;
	margin-top: 0px;
	*margin-top: -8px;
	margin-right: 8px;
	*margin-right: 1px;
	*background-color: #C5C5C5;
  }

  #content-bottom /* Wrapper for any blocks placed in the "content bottom" region */
  {
  }
  
  /* formatting for "content-bottom" - this is just for the rounded corner rectangular image */
  /* front page doesn't need this as it is a fixed size */
  /* this is for all other pages that don't have pictures displayed on them */
  .section-node-add  #content-bottom div.block-block,
  .node-type-audio  #content-bottom div.block-block,
  .page-st-johns  #content-bottom div.block-block,
  .page-giving-principles  #content-bottom div.block-block,
  .page-about-us-where  #content-bottom div.block-block,
  .page-notfound  #content-bottom div.block-block,
  .section-preaching  #content-bottom div.block-block,
  .section-sermons  #content-bottom div.block-block,
  .section-search  #content-bottom div.block-block,
  .section-contact  #content-bottom div.block-block,
  .section-user  #content-bottom div.block-block
 {
	margin-top: -16px;
	height: 25px;
	background: url(images/bg-content-bottom.png) #C5C5C5;
	background-attachment: scroll;
	background-position: 0px 0px;  
	background-repeat: no-repeat;
}

  /** The PICTURE BLOCKs - as featured in SIDEBAR-RIGHT**/
  .front #sidebar-right
  {
	background-image: url(images/Stephen-Kuhrt.gif);
	background-position: 10px 0px; /* image moved right by 10px */
	background-attachment: scroll;
	background-repeat: no-repeat;
  }

  /** THIS SECTION DEFINES THE REFORMATTING FOR ALL OTHER PAGES THAT HAVE PICS ON */
  /* The first resizes the content blocklto allow space for the pics */
  .page-weddings  #content,
  .page-safeguarding  #content,
  .page-alpha  #content,
  .page-giving  #content,
  .page-action  #content,
  .page-prayer  #content,
  .page-func  #content,
  .page-interest-groups  #content,
  .page-home-groups  #content,
  .page-childrens-groups  #content,
  .page-our-groups  #content,
  .page-christmas  #content,
  .page-newcomer  #content,
  .page-about-us #content,
  .section-sunday #content,
  .section-whats-on #content,
  .section-our-mission #content,
  .section-whos-who  #content
  {
    width: 520px;
    margin-left: 220px; /* The width of #sidebar-left */
    margin-right: -740px; /* Negative value of #content's width + left margin. */
  }
  
  /* we want the top bit of the 'rounded cornered rectangle' background to be displayed at the top of the content-area */
  /* this is to be displayed for all pages that have pictures and have a page length in excess of the minimum of 376px */
  .page-alpha  #content-area,
  .page-prayer  #content-area,
  .page-giving  #content-area,
  .page-action  #content-area,
  .page-func  #content-area,
  .page-interest-groups  #content-area,
  .page-home-groups  #content-area,
  .page-childrens-groups  #content-area,
  .page-newcomer  #content-area,
  .page-about-us #content-area,
  .page-sunday #content-area,
  .page-sunday-nine30 #content-area,
  .page-sunday-eleven #content-area,
  .section-whats-on #content-area,
  .section-our-mission #content-area,
  .section-whos-who #content-area
  {
	background: url(images/bg-content-top-2.png) #C5C5C5;
	background-attachment: scroll;
	background-position: 0px 0px;  /* 0 Right and 2 Below TLC of box */
	background-repeat: no-repeat;
  }
  
  /* formatting for "content-bottom" - this is just for the rounded corner rectangular image  */
  /* this is to be displayed for all pages that have pictures and have a page length in excess of the minimum of 376px */
  .page-safeguarding  #content-bottom div.block-block,
  .page-prayer  #content-bottom div.block-block,
  .page-alpha  #content-bottom div.block-block,
  .page-giving  #content-bottom div.block-block,
  .page-action  #content-bottom div.block-block,
  .page-func  #content-bottom div.block-block,
  .page-interest-groups  #content-bottom div.block-block,
  .page-home-groups  #content-bottom div.block-block,
  .page-childrens-groups  #content-bottom div.block-block,
  .page-newcomer  #content-bottom div.block-block,
  .page-about-us #content-bottom div.block-block,
  .page-sunday  #content-bottom div.block-block,
  .page-sunday-nine30  #content-bottom div.region-count-1,
  .page-sunday-eleven  #content-bottom div.region-count-1,
  .page-whats-on-for-women  #content-bottom div.block-block,
  .page-whats-on-for-youth  #content-bottom div.block-block,
  .page-whats-on-for-kids  #content-bottom div.block-block,
  .section-our-mission #content-bottom div.block-block,
  .section-whos-who  #content-bottom div.block-block
 {
	margin-top: -16px;
	height: 25px;
	background: url(images/bg-content-bottom-2.png) #C5C5C5;
	background-attachment: scroll;
	background-position: 0px 0px;  
	background-repeat: no-repeat;
}

  /* really not sure why these need offsetting by 2px ~ logo images may be the culprit... */
  .page-sunday-nine30 #content-inner,
  .page-sunday-eleven #content-inner,
  .page-sunday-six30 #content-inner
  {
	margin-top: -14px;
  }

  /* these are the 'exception' pages is for the short page content */
  /* for the two brief pages we just want the standard (small) 256 height */
  .page-weddings #content-area,
  .page-safeguarding #content-area
  {
	padding: 0px 0px;  /* TB & RL padding */
	background: url(images/bg-content-area-wsg.png) white;
	background-attachment: scroll;
	background-position: 0px 0px;  /* 0 Right and 0 Below TLC of containing box */
	background-repeat: no-repeat;
	height: 256px;
	margin-bottom: 14px;
  }
  /* we want a minimum size of 376 pixels in height allowing space for 2 pictures 183px high with 10px gap between them */
  .page-our-groups #content-area,
  .page-christmas  #content-area,
  .page-sunday-eight #content-area,
  .page-sunday-six30 #content-area,
  .page-whats-on-for-men #content-area,
  .page-whats-on-for-tots #content-area,
  .page-whats-on #content-area
  {
	padding: 0px 0px;  /* TB & RL padding */
	background: url(images/bg-content-area-2.png) white;
	background-attachment: scroll;
	background-position: 0px 0px;  /* 0 Right and 0 Below TLC of containing box */
	background-repeat: no-repeat;
	height: 376px;
	margin-bottom: 14px;
  }
  /* these are the 'exception' pages is for the short page content - as the image is fixed we don't want the bottom rounded corner image/background to show */
  .page-safeguarding  #content-bottom div.region-count-1,
  .page-weddings  #content-bottom div.region-count-1,
  .page-our-groups #content-bottom div.region-count-1,
  .page-christmas  #content-bottom div.region-count-1,
  .page-sunday-eight #content-bottom div.region-count-1,
  .page-sunday-six30 #content-bottom div.region-count-1,
  .page-whats-on-for-men #content-bottom div.region-count-1,
  .page-whats-on-for-tots #content-bottom div.region-count-1,
  .page-whats-on #content-bottom div.region-count-1
  {
	display: none;
  }
    
    /* the next sets the size of the sidebar-right area in which the pics will appear */
  /* note that 'section' means that all submenu items are covered by the formatting directive */
  .page-weddings  #sidebar-right,
  .page-safeguarding  #sidebar-right,
  .page-alpha  #sidebar-right,
  .page-giving  #sidebar-right,
  .page-action  #sidebar-right,
  .page-prayer  #sidebar-right,
  .page-func  #sidebar-right,
  .page-interest-groups  #sidebar-right,
  .page-home-groups  #sidebar-right,
  .page-childrens-groups  #sidebar-right,
  .page-our-groups #sidebar-right,
  .page-christmas #sidebar-right,
  .page-newcomer #sidebar-right,
  .page-about-us #sidebar-right,
  .section-sunday #sidebar-right,
  .section-whats-on #sidebar-right,
  .section-our-mission #sidebar-right,
  .section-whos-who #sidebar-right
  {
	float: left;
	width: 200px;
	height: 375px;
	margin-left: 760px; /* Width of content + sidebar-left. */
    margin-right: -960px; /* Negative value of #sidebar-right's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
  }
  
  /* Finally - we also need to ensure  - for the same set of pages - that the automatically inserted para tags don't mess up the spacing and positions */
  .page-weddings  #sidebar-right p,
  .page-safeguarding  #sidebar-right p,
  .page-alpha  #sidebar-right p,
  .page-giving  #sidebar-right p,
  .page-action  #sidebar-right p,
  .page-prayer  #sidebar-right p,
  .page-func  #sidebar-right p,
  .page-interest-groups  #sidebar-right p,
  .page-home-groups  #sidebar-right p,
  .page-childrens-groups  #sidebar-right p,
  .page-our-groups #sidebar-right p,
  .page-christmas #sidebar-right p,
  .page-newcomer #sidebar-right p,
  .page-about-us #sidebar-right p,
  .section-sunday #sidebar-right p,
  .section-whats-on #sidebar-right p,
  .section-our-mission #sidebar-right p,
  .section-whos-who #sidebar-right p
  {
	padding: 0;
	margin: 0;
  }
  
  /* formatting for the static banner block */
  #block-block-5 div.content
  {
	float: right;
	width: 750px;
	height: 102px;
	margin-right: -220px;
	margin-bottom: 14px;
  }
    
  /* We define each of the banners as a background image */
  .page-christmas #block-block-5 div.content
  {
	background-image: url(images/Christmas-Ad.gif);
	background-position: 10px 6px;
	background-attachment: scroll;
	background-repeat: no-repeat;
  }
  .page-sunday-nine30 #block-block-5 div.content
  {
	background-image: url(images/09-30-Ad.gif);
	background-position: 10px 6px;
	background-attachment: scroll;
	background-repeat: no-repeat;
  }
  .page-sunday-eleven #block-block-5 div.content
  {
	background-image: url(images/11banner.gif);
	background-position: 10px 6px;
	background-attachment: scroll;
	background-repeat: no-repeat;
  }
  .page-sunday-six30 #block-block-5 div.content
  {
	background-image: url(images/Six-30-Ad.gif);
	background-position: 10px 6px;
	background-attachment: scroll;
	background-repeat: no-repeat;
  }
  .section-preaching h2
  {
	color: #990000;
  }
  
  #block-block-1 div.block
  {
	/*margin-top: 5em;*/
	position: absolute;
	z-index: -1000;
  }
  
 
  
  /* SEARCH BOX - as customised */
  #navbar-inner div.block-search
  {
	float: right;
	width: 166px;
  }
  
  /* formatting for the grey box that says "SEARCH" */
  #block-search-0 h2.title
  {
	display: block;
	width: 156px;
	float: right;
	margin-top: 5px;
	margin-left: 15px;
	*margin-left: 0px;  /* IE hack, again */
	height: 21px;
	color: white;
	letter-spacing: 2px;  /* increases letter spacing very slightly */
	font-weight: bold;
	font-size: large;
	background: #999999;
	padding: 5px;
  }
  
  /* positions the actual search box and button below the SEARCH title */
  #block-search-0 div.content
  {
	float: right;
	border-top: solid #999999;  /* this is the grey "underline" beneath the SEARCH title */
	text-align: left;
	margin-top: 10px;
	padding-top: 3px;
	width: 166px;
  }
  
 /* The standard "Search this site" label - we don't actually want this to be displayed */ 
 #edit-search-block-form-1-wrapper label
 {
	display: none;
 }
  #edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */
  {
    display: none;
 }

  #primary /* Primary links */
  {
	display: none;
  }

  #secondary /* Secondary links */
  {
	display: none;
  }
  
  /*** PRIMARY MENU FORMATTING ***/
  
 /* position menu block  to ensure it does not overlap with the CCNM logo, and aligns with the content area (the grey rounded corner box) */
 #block-menu_block-1
  {
	margin-left: 220px;
	z-index: 1000;
  }
 
/* The common formatting for the primary menu list items */ 
 div.menu-name-primary-links ul.menu li
 {
	float: left;
	display: block;
	font-size: medium;
	font-weight: 500;  /* normal is 400, bold is 700 */	
	width: 90px;
	height: 25px;
	padding: 10px 10px 10px 10px;
	margin-left: 0px;
	margin-right: 15px;
	text-align: left;
 }

 /* We want the menu links to have no underline */
 div.menu-name-primary-links ul.menu li a
  {
	text-decoration: none;
	padding-right: 15px;
 }
 
 /* This directive overrides the default margin right of 15px - not needed as it is the last item */
 div.menu-name-primary-links ul.menu li.last
 {
  	margin-right: 0px;
 }

 /* This is to hide the subnav menu items by default */
 div.menu-name-primary-links ul.menu li.expanded ul {
  display: none;
}

 /* The next five set the formatting of each of the menu items - mainly the colour of text and border (underline) plus padding right to ensure they are all 2 line displays */
 div.menu-name-primary-links ul.menu li.menu-mlid-208 a    /** About Us **/
 {
	color: #ff0099;
	display: block;
	padding-right: 30px;
	font-weight: 400;
	letter-spacing: 1px;  /* increases letter spacing very slightly */
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid #ff0099;
 }
  div.menu-name-primary-links ul.menu li.menu-mlid-209 a    /** What's On **/
 {
	color: #cccc99;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 30px;
	letter-spacing: 1px;  /* increases letter spacing very slightly */
	border-bottom: solid #cccc99;
 }
  div.menu-name-primary-links ul.menu li.menu-mlid-210 a    /** Sunday Services **/
 {
	color: #99ccff;
	display: block;
	letter-spacing: 1px;  /* increases letter spacing very slightly */
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid #99ccff;
 }
  div.menu-name-primary-links ul.menu li.menu-mlid-211 a    /** Our Mission **/
 {
	color: #669999;
	display: block;
	letter-spacing: 1px;  /* increases letter spacing very slightly */
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid #669999;
 }
  div.menu-name-primary-links ul.menu li.menu-mlid-212 a   /** Contact Us **/
 {
	color: #990000;
	letter-spacing: 1px;  /* increases letter spacing very slightly */
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid #990000;
 }

/* This positions the horizontal subnav menu (currently "What's On") below the main horizontal menu */
.not-logged-in div.menu-name-primary-links ul.menu li.expanded ul {
  position: absolute;
  top: 80px;    /*  needs to be this value so the menu items don't disappear when you try to move the mouse towards them! */
  *top: 66px;   /* yet another IE hack... */
}
/* for some reason the menu position behaves differently when you are logged in */
.logged-in div.menu-name-primary-links ul.menu li.expanded ul {
  position: absolute;
  top: 48px;    /*  needs to be this value so the menu items don't disappear when you try to move the mouse towards them! */
}

div.menu-name-primary-links ul.menu li.expanded ul {
  /*display active subnav list*/
  display: block;
}

div.menu-name-primary-links ul.menu li.expanded a {
  float: left;
  /*ie doesn't inherit the float*/
  width: auto;
  background-color: white;
}

/* this bit of CSS hides the subnav menu items by default */
div.menu-name-primary-links ul.menu li.expanded ul {
    display: block;
	left: -999em;
}

/* this is the magic bit of CSS that makes the items appear again when the parent is hovered  */
/* note that again we need to set the "left" value differently when logged in to that which works when not logged in... */
.not-logged-in div.menu-name-primary-links ul.menu li.menu-mlid-208:hover ul,
.not-logged-in div.menu-name-primary-links ul.menu li.menu-mlid-209:hover ul,
.not-logged-in div.menu-name-primary-links ul.menu li.sfhover ul
{
    display: block;
	left: 220px;
}
.logged-in div.menu-name-primary-links ul.menu li.menu-mlid-208:hover ul,
.logged-in div.menu-name-primary-links ul.menu li.menu-mlid-209:hover ul,
.logged-in div.menu-name-primary-links ul.menu li.sfhover ul
{
    display: block;
	left: 0px;
}
/* Sunday Services submenu */
.not-logged-in div.menu-name-primary-links ul.menu li.menu-mlid-210:hover ul
{
    display: block;
	left: 280px;   
}
.logged-in div.menu-name-primary-links ul.menu li.menu-mlid-210:hover ul
{
    display: block;
	left: 65px;
}

/* The 'Our Mission' submenu, which is offset by 230px relative to the left hand side of the menu */
.not-logged-in div.menu-name-primary-links ul.menu li.menu-mlid-211:hover ul
{
    display: block;
	left: 450px;   
}
.logged-in div.menu-name-primary-links ul.menu li.menu-mlid-211:hover ul
{
    display: block;
	left: 230px;
}

/* set the widths of the individual subnav list items */
div.menu-name-primary-links ul.menu li.expanded ul li{
 	display: block;
	padding-right: 0px;
	margin-top: 3px;
	margin-right: 0px;
}
/* widths of individual items are set at 42px greater than the width of the word (as measured by Firebug) to ensure they are equally spaced */
 div.menu-name-primary-links ul.menu li.menu-mlid-209 ul.menu li.menu-mlid-217 /* Women */
 {
	width: 101px;
}
 div.menu-name-primary-links ul.menu li.menu-mlid-209 ul.menu li.menu-mlid-216 /* Men */
 {
	width: 74px;
 }
 div.menu-name-primary-links ul.menu li.menu-mlid-209 ul.menu li.menu-mlid-213  /* KIDS */
 {
	width: 75px;
 }
 div.menu-name-primary-links ul.menu li.menu-mlid-209 ul.menu li.menu-mlid-246 /* Tots */
 {
	width: 77px;
 }
  div.menu-name-primary-links ul.menu li.menu-mlid-209 ul.menu li.menu-mlid-214 /* Youth */
  {
	width: 89px;
 }
 div.menu-name-primary-links ul.menu li.menu-mlid-209 ul.menu li.menu-mlid-215  /* Students */
 {
	width: 111px;
 }
 div.menu-name-primary-links ul.menu li.menu-mlid-211 ul.menu li.menu-mlid-374  /* Agencies */
 {
	width: 113px;
 }
 div.menu-name-primary-links ul.menu li.menu-mlid-211 ul.menu li.menu-mlid-375  /* Partners */
 {
	width: 108px;
 }
 div.menu-name-primary-links ul.menu li.menu-mlid-211 ul.menu li.menu-mlid-376  /* Locally */
 {
	width: 97px;
 }
 div.menu-name-primary-links ul.menu li.menu-mlid-210 ul.menu li.menu-mlid-380  /* 8am */
 {
	width: 160px;
 }
 div.menu-name-primary-links ul.menu li.menu-mlid-210 ul.menu li.menu-mlid-378  /* 9.30*/
 {
	width: 121px;
 }
 div.menu-name-primary-links ul.menu li.menu-mlid-210 ul.menu li.menu-mlid-379  /* 11am */
 {
	width: 140px;
 }
 div.menu-name-primary-links ul.menu li.menu-mlid-210 ul.menu li.menu-mlid-377  /* six30 */
 {
	width: 60px;
 }
 div.menu-name-primary-links ul.menu li.menu-mlid-208 ul.menu li.menu-mlid-396, /* Newcomer? */
 div.menu-name-primary-links ul.menu li.menu-mlid-208 ul.menu li.menu-mlid-382  /* Who's Who */
 {
	width: 120px;
 }
 div.menu-name-primary-links ul.menu li.menu-mlid-208 ul.menu li.menu-mlid-383  /* How to Find Us */
 {
	width: 160px;
 }
 
 
 /* now declare the borders as white to override the parent item (which is otherwise inherited) */
 div.menu-name-primary-links ul.menu li.menu-mlid-208 ul.menu li a,
 div.menu-name-primary-links ul.menu li.menu-mlid-209 ul.menu li a,
 div.menu-name-primary-links ul.menu li.menu-mlid-210 ul.menu li a,
 div.menu-name-primary-links ul.menu li.menu-mlid-211 ul.menu li a
 {
	border-top: solid white;
	border-bottom: solid white;
 }
 
 
/** sidebar-left **/
  #sidebar-left
  {
	background: url(images/bg-sidebar-left-top.png) white;
	background-position: 0px 0px; /* image not moved right or down */
	background-attachment: scroll;
	background-repeat: no-repeat;
  }
  
   #sidebar-left div.region
  {
	height: 100%;
	width: 100%;
  }
  
   #sidebar-left div.block-menu
  {
	top: 0px;
	padding-bottom: 2px;
	background: url(images/bg-sidebar-left-bottom.png) white;
	background-position: 0% 98%; /* image at bottom of padding box */
	background-attachment: scroll;
	background-repeat: no-repeat;
  }
   

   #sidebar-left ul.menu
  {
	list-style-type: none;
	list-style-image: none;  /* IE doesn't inherit it */
	background: #BEBC97;
	width: 172px;
  }
    
  #block-menu-secondary-links li
  {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	letter-spacing: 1px;  /* increases letter spacing very slightly */
	list-style-type: none;
	list-style-image: none;  /* IE doesn't inherit it */
	display: block;
	background: #BEBC97;
	width: 192px;
	padding: 3px 4px;  /* TB and RL padding */
	margin-left: -28px; /* Un-do some of the padding on the ul list. */
  	border-top: dotted white;
	border-width: 2px;
	text-decoration: none;
  }
  
  #block-menu-secondary-links ul.menu li
  {
	list-style-type: none;
	list-style-image: none;  /* IE doesn't inherit it */
 }

  
  #block-menu-secondary-links li a
  {
	list-style-type: none;  /* IE doesn't inherit it */
	list-style-image: none;  /* IE doesn't inherit it */
	color: white;
	text-decoration: none;
  }
  
  #block-menu-secondary-links li.expanded ul
  {
	position: absolute;
	left: -999em;
	list-style-type: none;  /* IE doesn't inherit it */
	list-style-image: none;  /* IE doesn't inherit it */
  }
  
  #block-menu-secondary-links li.expanded:hover ul
  {
	list-style-type: none;  /* IE doesn't inherit it */
	list-style-image: none;  /* IE doesn't inherit it */
	position: relative;
	left: -4px;
	top: 3px;
	background: #BEBC97;
	z-index: 100;
 }
   
  #block-menu-secondary-links li.last
  {
	border-bottom: dotted white;
	border-width: 2px;
  }
	
	/* done to override the  previous setting - i.e. no bottom border for the last in a sublist */
	#block-menu-secondary-links ul.menu li ul li.last
  {
	border-bottom: none;
  }
  
   #block-menu-secondary-links ul.menu li ul li
  {
	list-style-type: none;  /* IE doesn't inherit it */
	background-image: url(../../misc/menu-collapsed.png);
	background-attachment: scroll;
	background-position: 5% 45%;
	background-repeat: no-repeat;
	padding-left: 25px;
	width: 171px;  /* equal to desired width of 200px less padding-left (25) less padding-right (4) */
  }
  
  /* Slogan box */
  #sidebar-left div.region-count-3
  {
	margin-top: -6px;
  }
  

/** footer **/
  #footer
  {
	/*clear: left;*/
	/*float: right;*/
	width: 960px;
	padding: 0;
 }
 
  /* region-count-1 is the CCNM Slogan block */
 #footer-inner div.region-count-1
  {
	float: left;
	width: 200px;
	height: 108px;
	padding: 0;  
  }
   
   /* region-count-2 is the banner block */
 #footer-inner div.region-count-2,
 .front #content-bottom div.region-count-1
  {
	float: right;
	width: 760px;
	height: 108px;
	padding: 0;  
	*margin-left: -10px; /* IE hack */
  }
  
 .front #content-bottom div.region-count-1
 {
	margin-right: -290px;
	margin-top: 16px;
 }
 
 
 
   /* region-count-4 is the cofe logo block  */
  #footer-inner div.region-count-4
  {
	clear: both;
	float: right;
	width: 170px;
	height: 60px;
	margin-top: -44px;
	*margin-top: -12px;  /* IE hack - what else? */
	
  }
   
  /* block-system-0 & region-count-5 is the powered by drupal block  */
  #footer-inner div.region-count-5
  {
	margin: 0px;
  }
  #block-system-0 div.block-inner
  {
	width: 100%;
	height: 100%;
	padding: 16px 0px;
  }
   
  

  #block-views-banner_slideshow-block_1 div.block,
  div.ddblock-contents
  {
	float: right;
	width: 750px;
	height: 102px;
  }
  #block-ddblock-1 div.content,
  #block-ddblock-2 div.content
  {
	padding-top: 4px;
  }
  #block-ddblock-1 div.ddblock-content,
  #block-ddblock-2 div.ddblock-content
  {
	padding-left: 10px;
  }
  /* Slogan boxes - both front and non-front page versions */
   #block-block-4 div.content,
   #block-block-3 div.content
  {
	float: left;
	width: 175px;
	height: 102px;
	color: #990000;
  }
  
  #footer li.leaf,
  #content-bottom li.leaf
  {
	display :inline;
	font-size: 13px;
	padding-left: 24px;
	width: 100px;
 }
 #footer li.first,
  #content-bottom li.first
  {
	padding-left: 0px;
 }
 #footer li a,
  #content-bottom li a
    {
	color: white;
	text-decoration: none;
  }
 
 /* this is a 'cheat' - very small menu item "cofe" that actually overlaps with the COFE logo in the footer menu, which is actually part of the background image */
 #content-bottom li.last
 {
	font-size: 2px;
	padding-left: 270px;
	color: #989898;
	text-decoration: none;
 }
 #content-bottom li.last a
 {
	padding-top: 12px;
	padding-bottom: 8px;
	padding-left: 115px;
	color: #989898;
	text-decoration: none;
 }
 
 
 #footer ul.menu,
  #content-bottom ul.menu
  {
	display: block;
	width: 750px;
	height: 33px;
	*margin-top: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
 }
  
  /*#footer div.block-menu,*/
  #content-bottom div.block-menu
  {
	clear: both;
	float: left;
	width: 750px;
	height: 33px;
 }
 .front #block-menu-menu-footer-menu div.block-inner
 {
	margin-top: -18px;
	*margin-top: 136px;  /* IE hack as usual... */
 }
 .not-front #block-menu-menu-footer-menu div.block-inner
 {
	margin-top: -10px;
	*margin-top: 0px;  /* IE hack as usual... */
 }
 
 
 
 .front #block-menu-menu-footer-menu div.content
  {
	display: block;
	/* padding-left: 210px; */
	background: url(images/bg-footer-menu.gif) white;
	background-attachment: scroll;
	background-position: 10px 0px;
	background-repeat: no-repeat;
	height: 33px;
	width: 750px;
 }
 .not-front #block-menu-menu-footer-menu div.content
  {
	display: block;
	background: url(images/bg-footer-menu.gif) white;
	background-attachment: scroll;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 33px;
	width: 750px;
 }
 
    
 /* the 'powered by drupal' bit */
 #footer div.block-system
 {
	float: left;
	clear: both;
	display: block;
	margin-top: 16px;
	width: 240px;
 }
	
 /* link to login page */
 #footer div.region-count-2
 {
	float: right;
	display: block;
	text-align: right;
	margin-top: 16px;
	width: 240px;
 }
 
 /* this nicks the 'skip-to-nav' code from layout.css to make the login link appear only when the mouse hovers over it */
  #block-block-6 a:link, #block-block-6 a:visited
  {
    color: #fff; /* Same as background color of page */
  }

  #block-block-6 a:hover
  {
    color: #990000;
	text-decoration: none;
  }
  
 /* don't display the login link if the user is already logged in */
 .logged-in #block-block-6
 {
	display: none;
 }
	
  #footer-message /* Wrapper for the footer message from Drupal's "Site information"
                     and for any blocks placed in the footer region */
  {
	text-align: center;
	font-style: italic;
  }

/** closure **/
  #closure-blocks /* Wrapper for any blocks placed in the closure region */
  {
  }

/** Drupal nodes **/
  .node /* Node wrapper */
  {
	width: 100%;
  }

  .node-inner /* Additional wrapper for node */
  {
	
  }
 
  .sticky /* A sticky node (displayed before others in a list) */
  {
  }

  .node-unpublished /* Unpublished nodes */
  {
    /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }

  .node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */
  .comment-unpublished div.unpublished
  {
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  .node-mine /* A node created by the current user */
  {
  }

  .node-teaser /* A node displayed as teaser */
  {
  }

  /* All nodes are given a node-type-FOO class that describes the type of
   * content that it is. If you create a new content type called
   * "my-custom-type", it will receive a "node-type-my-custom-type" class.
   */
  .node-type-page /* Page content node */
  {
  }

  .node-type-story /* Story content node */
  {
  }

  .node h2.title /* Node title */
  {
  }

  .marker /* "New" or "Updated" marker for content that is new or updated for the current user */
  {
    color: #c00;
  }

  .node .picture /* The picture of the node author */
  {
  }

  .node.node-unpublished .picture,
  .comment.comment-unpublished .picture
  {
    position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
  }

  .node .meta /* Wrapper for submitted and terms data */
  {
  }

  .node .submitted /* The "posted by" information */
  {
  }

  .node .terms /* Node terms (taxonomy) */
  {
  }

  .node .content /* Node's content wrapper */
  {
  }

  .node div.links /* Wrapper for node links */
  {
    margin: 1em 0;
  }

  ul.links /* Taxonomy links, node links, comment links */
  {
    margin: 0;
    padding: 0;
  }

  ul.links.inline
  {
    display: inline;
  }

  ul.links li
  {
    display: inline;
    list-style-type: none;
    padding: 0 0.5em;
  }

  .preview .node /* Preview of the content before submitting new or updated content */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal comments **/
  #comments /* Wrapper for the list of comments and its title */
  {
    margin: 1em 0;
  }

  #comments-title /* Heading for the list of comments */
  {
  }

  .comment /* Wrapper for a single comment */
  {
  }

  .comment-inner /* Additional wrapper for a single comment */
  {
  }

  .comment-preview /* Preview of the comment before submitting new or updated comment */
  {
  }

  .comment.new /* A new comment since the user last viewed the page. */
  {
  }

  .comment.odd /* An odd-numbered comment in the list of comments */
  {
  }

  .comment.even /* An even-numbered comment in the list of comments */
  {
  }

  .comment.first /* The first comment in the list of comments */
  {
  }

  .comment.last /* The last comment in the list of comments */
  {
  }

  .comment-unpublished /* Unpublished comments */
  {
    /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }

  .comment-unpublished div.unpublished /* The word "Unpublished" displayed beneath the content. See also the div.unpublished declaration in the node section above. */
  {
  }

  .comment-published /* Published comments */
  {
  }

  .comment-by-anon /* A comment created by an anonymous user */
  {
  }

  .comment-by-author /* A comment created by the node's author */
  {
  }

  .comment-mine /* A comment created by the current user */
  {
  }

  .comment h3.title /* Comment title */
  {
  }

  .new /* "New" marker for comments that are new for the current user */
  {
    color: #c00;
  }

  .comment .picture /* The picture of the comment author */
  {
  }

  .comment .submitted /* The "posted by" information */
  {
  }

  .comment .content /* Comment's content wrapper */
  {
  }

  .comment .user-signature /* The user's signature */
  {
  }

  .comment div.links /* Wrapper for comment links. See also the ul.links declaration in the node section above. */
  {
    margin: 1em 0;
  }

  .indented /* Nested comments are indented */
  {
    /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
  }

  .preview .comment /* Preview of the comment before submitting new or updated comment */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal blocks **/
  .block /* Block wrapper */
  {
    margin-bottom: 1em;
  }

  .block.region-odd /* Zebra striping for each block in the region */
  {
  }

  .block.region-even /* Zebra striping for each block in the region */
  {
  }

  .block.odd /* Zebra striping independent of each region */
  {
  }

  .block.even /* Zebra striping independent of each region */
  {
  }

  .region-count-1 /* Incremental count for each block in the region */
  {
  }

  .count-1 /* Incremental count independent of each region */
  {
  }

  .block-inner /* Additional wrapper for block */
  {
  }

  .block h2.title /* Block title */
  {
  display: none;
  }

  .block .content /* Block's content wrapper */
  {
  }

  #block-aggregator-category-1 /* Block for the latest news items in the first category */
  {
  }

  #block-aggregator-feed-1 /* Block for the latest news items in the first feed */
  {
  }

  #block-block-1 /* First administrator-defined block */
  {
  }

  #block-blog-0 /* "Recent blog posts" block */
  {
  }

  #block-book-0 /* "Book navigation" block for the current book's table of contents */
  {
  }

  #block-comments-0 /* "Recent comments" block */
  {
  }

  #block-forum-0 /* "Active forum topics" block */
  {
  }

  #block-forum-1 /* "New forum topics" block */
  {
  }

  #block-menu-2 /* "Primary links" block */
  {
  }

  #block-node-0 /* "Syndicate" block for primary RSS feed */
  {
  }

  #block-poll-0 /* "Most recent poll" block */
  {
  }

  #block-profile-0 /* "Author information" block for the profile of the page's author */
  {
  }

  #block-search-0 /* "Search form" block */
  {
  }

  #block-statistics-0 /* "Popular content" block */
  {
  }

  #block-user-0 /* "User login form" block */
  {
  }

  .not-logged-in #block-user-1 /* "Navigation" block for Drupal navigation menu */
  {
	display: none;
  }

  .logged-in #block-user-1 ul.menu /* "Navigation" block for Drupal navigation menu */
  {
	background-color: #FFFFFF;
	width: 100px;
  }
  
  #block-user-2 /* "Who's new" block for a list of the newest users */
  {
  }

  #block-user-3 /* "Who's online" block for a list of the online users */
  {
  }

/** Drupal boxes **/
  /* Wrapper for Comment form, Comment viewing options, Menu admin, and
   * Search results.
   */
  .box /* Wrapper for box */
  {
  }

  .box-inner /* Additional wrapper for box */
  {
  }

  .box h2.title /* Box title */
  {
  }

  .box .content /* Box's content wrapper */
  {
  }

/** Miscellaneous Drupal styles **/
  .error /* Errors that are separate from div.messages status messages (see above.) */
  {
    /* color: #e55; */ /* Drupal core uses a #e55 background */
  }

  .warning /* Warnings that are separate from div.messages status messages (see above.) */
  {
    /* color: #e09010; */ /* Drupal core uses a #e09010 background */
  }

  .more-link /* Aggregator, blog, and forum more link */
  {
    text-align: right;
  }

  #user-login-form /* Drupal's default login form */
  {
    text-align: left;
  }

  tr.even /* Some tables have rows marked even or odd. */
  {
    /* background-color: #eee; */ /* Drupal core uses a #eee background */
  }

  tr.odd
  {
    /* background-color: #eee; */ /* Drupal core uses a #eee background */
  }

  li a.active /* The active item in a Drupal menu */
  {
    color: #000;
 }


/** Drupal forms **/
  .form-item, /* Wrapper for a form element (or group of form elements) and its label */
  .form-checkboxes,
  .form-radios
  {
    margin: 1em 0;
  }

  .form-item input.error, /* Highlight the form elements that caused a form submission error */
  .form-item textarea.error,
  .form-item select.error
  {
    border: 2px solid #c00;
  }

  .form-item label /* The label for a form element */
  {
    display: block;
    font-weight: bold;
  }

  .form-item label.option /* The label for a radio button or checkbox */
  {
    display: inline;
    font-weight: normal;
  }

  .form-required /* The part of the label that indicates a required field */
  {
    color: #c00;
  }

  .form-item .description /* The descriptive help text (separate from the label) */
  {
    font-size: 0.85em;
  }

  .form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */
  .form-radios .form-item
  {
    margin: 0.4em 0;
  }

  .form-submit /* The submit button */
  {
  }

  .container-inline div, .container-inline label /* Inline labels and form divs */
  {
    display: inline;
  }

  .tips /* Tips for Drupal's input formats */
  {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
  }

/** OpenID **/
  /* The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */
  #user-login-form ul /* OpenID creates a new ul above the login form's links. */
  {
    margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
  }

  #user-login-form li.openid-link, /* The "Log in using OpenID" links. */
  #user-login li.openid-link
  {
    margin-top: 1em;
    margin-left: -20px; /* Un-do some of the padding on the ul list. */
  	padding-left: 20px;
  	background-position: left center;
  }

  #user-login-form li.user-link, /* The "Cancel OpenID login" links. */
  #user-login li.user-link
  {
    margin-top: 1em;
  	list-style-type: disc;
  	list-style-position: outside;
  }

  #user-login li.openid-link, /* The OpenID links on the /user form. */
  #user-login li.user-link
  {
    margin-left: -2em; /* Un-do all of the padding on the ul list. */
  }

/** Drupal admin tables **/
  /* We overrode these styles in html-elements.css, but restore them for the
   * forms on the site.
   */
  form tbody
  {
    border-top: 1px solid #ccc;
  }

  form th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

  form tbody th
  {
    border-bottom: 1px solid #ccc;
  }

  form thead th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }
  
  /* views formatting - done for sermon views */
  #content-area div.views-row
  {
	padding: 8px;
  }
  
  table.views-table
  {
	empty-cells: show;
  }
 .node-type-sermon-series tr,
 .section-preaching tr
  {
	border-bottom: 1px solid #C5C5C5;  /* note that IE totally ignores this... */
  }
  td.views-field
  {
	font-size: 13px;
  }
  td.views-field-field-date-value
  {
	width: 90px;
	padding-left: 4px;
  }
  td.views-field-value
  {
	width: 250px;
	padding-right: 4px;
  }
  td.views-field-field-speaker-value,
  td.views-field-field-service-value
  {
	width: 120px;
  }
  .page-sermons-speaker td.views-field-value
  {
	width: 320px;
	padding-right: 4px;
  }
  .page-sermons-pdf td.views-field-value
  {
	width: 280px;
	padding-right: 4px;
  }
  td.views-field-field-service-time-value
  {
	width: 50px;
  }
  .page-sermons-top20 td.views-field-value,
  .page-sermons-top20plays td.views-field-value
  {
	width: 360px;
	padding-right: 4px;
  }
   th.views-field-download-count,
   th.views-field-play-count
  {
	padding-right: 4px;
  }
  td.views-field-download-count,
  td.views-field-play-count
  {
	text-align: right;
	width: 40px;
	padding-right: 4px;
  }
  td.views-field-field-bible-ref-value
  {
	width: 125px;
	padding-right: 8px;
	padding-left: 8px;
	font-style: italic;
  }
   .page-sermons-pdf td.views-field-field-bible-ref-value
  {
	width: 135px;
  }
  td.views-field-download-link
  {
	width: 120px;
  }
  td.views-field-player
  {
	width: 25px;
  }
   td.views-field-upload-fid
  {
	width: 90px;
	padding-right: 4px;
  }
  .views-table caption
  {
	font-weight: bold;
	text-align: center;
  }
  
 div.view-header
  {
	padding: 2px 8px 0px 8px; /* TRBL padding */
	font-weight: bold;
	font-size: x-large;
	text-align: center;
  }
 
  div.views-field-field-service-value 
  {
	padding: 0px 8px 8px 8px; /* TRBL padding */
	font-weight: bold;
	font-size: large;
	text-align: left;
  }
  .section-preaching div.view-header 
  {
	padding: 16px 8px 0px 8px; /* TRBL padding */
  }
  
  .section-sermons #content-area p
  {
	font-size: x-large;
	color: #990000;
  }
  div.field-field-service
  {
	display: none;
  }
  div.field-field-series-date,
  div.views-field-field-series-date-value
  {
	font-weight: bold;
  }
 
 
  div.views-field-download-link
  {
	display: inline;
	padding: 4px;
  }
   div.views-field-player
  {
	display: inline;
	margin-top: 16px;
  }
  
  
    #mission /* The mission statement of the site (not actually displayed) */
  {
	background: #C5C5C5;
	color: #FFFFFF;
  }
   .help /* Help text on a page */
  {
    margin: 1em 0;
  }
  .more-help-link /* Link to more help */
  {
    font-size: 0.85em;
    text-align: right;
  }