/*****************
This is the place for page-specific styling and other minor deviations from the overall site design.
Use sparingly, and please keep it all here -- not in base.css or as inline markup/styles.
e.g. Don't do stuff like these:

<font size="1">
<small>
<p style="font-family: Times">

Thanks!

WHEN CHANGING THIS PAGE, TEST IN ALL BROWSERS
*****************/


/**** index.html ****/
#breaking-news
	{
		color: red;
		font-weight: bold; 
		font-variant: small-caps;
	}

	
#breaking-news dl.kindalarge
	{
		font-size: 1.5em;
		line-height: 1em;
		margin-bottom: 1em; }

		
#breaking-news dl.sortalarge
	{
		font-size: 1.75em;
		line-height: 1em;
		margin-bottom: 1em; }


#breaking-news dl.extralarge
	{
		font-size: 2em;
		line-height: 1em;
		margin-bottom: 1em; }


#breaking-news dl.ultralarge
	{
		font-size: 2.75em;
		line-height: 1.25em;
		margin-bottom: 1em; }

#breaking-news dl.hyperlarge
	{
		font-size: 3.5em;
		line-height: 1.75em;
		margin-bottom: 1em; }

#general-announcement
	{
		
	}

	/**** job-posting-2010-09-14.html ****/
#postings p.highlighted
	{
		color: CornflowerBlue;
		font-style: italic;
	}
#postings p.indented 
	{
		margin-left: 2em;
	}

#listserves li
  {
	 	list-style-type: none;
	}
	
#listserves dt
	{
		font-size: 2em; 
	}
	
#listserves sup a
	{
	 	color: red;
		text-decoration: none;
	}

#listserves dd+dd
	{
		margin-top: 1em;
		margin-bottom: 3em;
	}

#music-info cite
	{
		margin-top: 0;
	}

#music-info dd+dd
	{
		padding-top: 1em;
	}

/**** board.html ****/
#board dd
  {
    float: left;
    text-weight: bold;
    margin-right: 0;
/*    margin-bottom: 3em;*/
    width:50%;
  }
  
#board dd.B
  {
    margin-top: 150px;
  }
  
#board dd.A
  {
    margin-top: -150px;
  }

/**** committees.html ****/
#committees dd.open-to-public
	{
		margin-top: 0;
		margin-bottom: 0;
		font-size: .75em;
		display: inline-block;
	}


/**** contact.html ****/
#map p
	{
		text-align:center; 
		margin: 0 0 1em;
	}

#directions p.notice
	{
		font-weight: bold; 
		font-variant: small-caps;
	}
	
#parking p.notice
	{
		font-weight: bold; 
		font-variant: small-caps;
	}
	

	/**** newsletter.html ****/
#content ol.newsletter
  {
    list-style-type: none;
    margin-left: 0;
  }
  
#content ol.newsletter li 
  {
    margin-left: 0;
  }


/*** sermons.html ****/
#sermons_list td
	{
		padding: .5em 1em;
	}

#sermons_list .citation *
	{
		margin: 0;
		padding: 0;
	}


#sermons_list .transcript, #sermons_list .transcript p,
#sermons_list .audio, #sermons_list .audio p
	{
		text-align: center !important;
		margin: 0;
		width: 5em;
	}
	
#sermon-meta
	{
		margin: 0 0 2em 2em;
		padding: 0 0 0 1em;
		vertical-align: top;
	}

#sermon-meta p
	{
		margin: 0;
		font-size: 1.25em;
		text-align: center;
	}
	
#sermon-meta p+p
	{
		margin-top: 1em;
	}
	
#sermon-meta #date
	{
		font-weight: bold;
	}


/**** staff.html ****/
#staff dt
	{
/*	clear: both;*/
	margin-top: 3em;
	}


/**** upcoming-topics.html and children-re-upcoming-month.html ****/

/**** upcoming-topics.html first ****/


#topics
	{
		position: relative;
		margin-left: 8em;
	}

#topics dt
	{
		margin-top: 2em;
		font-size: 2em;  
		color: steelblue;  
	}
	
#topics dd
	{
		margin-bottom: 0.5em;
	}
	
#topics dt+dd
	{
		margin-bottom: 0;
		position: absolute;
		font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
		font-weight: bold;
		font-size: 133%;
		left: -12em;/* outdent */
		width: 10em; 
		border: 1px solid silver; 
		padding-right: 1em;
		text-align: right; 
	} 
	
 #topics dt+dd+dd,
  #topics dd.comment
	{
		font-style: italic;
	}

#topics dd.alert
	{
		color: darkgray;
		font-weight: bold;
		font-style: normal;
	}
/**** this below used to be 'topics dd.alert strong' ****/
#topics dd.strong
	{
		color: red;
	}
#topics p.emphasis
	{
		color: black;
		font-weight: bold;
		font-style: normal;
		font-size: 133%;
	}
#topics p.alert
	{
		color: red;
		font-weight: bold;
		font-style: normal;
		font-size: 150%;
	}
	
	/****  children-re-upcoming-month.html ****/

	
#re-topics
	{
		position: relative;
		margin-left: 8em;
	}

#re-topics dt
	{
		margin-top: 2em;
		font-size: 2em;  
		color: steelblue;  
	}
	
#re-topics dd
	{
		margin-bottom: 0.5em;
	}
	
#re-topics dt+dd
	{
		margin-bottom: 0;
		position: absolute;
		font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
		font-weight: bold;
		font-size: 133%;
		left: -12em;/* outdent */
		width: 10em; 
		border: 1px solid silver; 
		padding-right: 1em;
		text-align: right; 
	} 
	
 #re-topics dt+dd+dd,
  #re-topics dd.comment
	{
		font-style: italic;
	}

#re-topics dd.alert
	{
		color: darkgray;
		font-weight: bold;
		font-style: normal;
	}
/**** this below used to be 'topics dd.alert strong' ****/
#re-topics dd.strong
	{
		color: red;
	}
#re-topics p.emphasis
	{
		color: black;
		font-weight: bold;
		font-style: normal;
		font-size: 133%;
	}
#re-topics p.alert
	{
		color: red;
		font-weight: bold;
		font-style: normal;
		font-size: 150%;
	}
	
/**** worship.html ****/
#worship-9am dl, #worship-11am dl
	{
		border-left: 1px dotted lightsteelblue;
	}
	
#social-hour
	{
		clear:both;
	}

/**** job-bulletin-html ****/
#job-application
	{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding: 1em;
		border: 1px solid gray;
		background: url("/images/logo/transparent_blue.png") transparent fixed top left repeat;	
		color: red;
		font-weight: bold;
		font-size: 1.5em
	}
	
#job-application a
	{
		color: red;
	}
	
	
/**** AND LAST OF ALL... ****/
/****   DEBUGGING ONLY   ****/

#nothing
	{
		display: none;
	}