/* Turn off all margins, padding and borders */
* { margin: 0; padding: 0; }

HTML { 
	overflow-y: scroll;	/* Force a vertical scrollbar to ensure
	                       centering doesn't shift a few pixels
	                       on long vs. short pages
	                       (http://www.webmasterworld.com/forum83/6990.htm)
	                       (http://www.webmasterworld.com/forum21/9736.htm) */
	overflow: -moz-scrollbars-vertical;	/* Force vertical scrollbars on 
	                                       older Mozilla/Firefox versions */
}

IMG { border: 0; }

BODY {
	text-align: center;	/* Center the page, for MSIE5 */
	background-color: #FAFAEB;
	/* font: 12px/1.4em Arial, Verdana, sans-serif; */
	/* font: 0.75em/1.4em Verdana, Arial, sans-serif; */
	/* Set a default font size of 10px, assuming the typical browser uses
	   16px as its normal font.  Using percentages and em's will allow
	   MSIE users to resize the font, which they can't do when sizes are in
	   pixels.  (See http://www.clagnut.com/blog/348/)
	   - 16px default * 62.5% = 10px = 1em
	   - 1.1em = 11px, 1.2em = 12px, etc. */
	font: 62.5%/1.4em Arial, Verdana, sans-serif;
}

INPUT, SELECT, TH, TD {
	font-size: 1em;		/* Make MSIE inherit the 1em (10px) font baseline */
}

LI LI, LI P, TD P, BLOCKQUOTE P {
	font-size: 1em;	/* Prevent "inherited font shrinkage" (http://www.clagnut.com/blog/348/) */
}

BODY, TD, TH {
	color: #000;
}


H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, UL, OL, DL, FIELDSET, ADDRESS {
	margin-bottom: 1em;
}

A:link,
A:visited {
	color: #036;
}
A:hover,
A:active,
A:focus {
	color: #069;
}

/* ==================================================================
   Default heading sizes, assuming a base font of 12px in the mainBody
   or mainBodyWide sections.
   These appear to be standard MSIE/Firefox sizes for the default font size.
   ================================================================== /*
H1 {font-size: 1.33em;}	/* 32px */
H2 {font-size: 2.00em;}	/* 24px */
H3 {font-size: 1.58em;}	/* 19px */
H4 {font-size: 1.33em;}	/* 16px */
H5 {font-size: 1.08em;}	/* 13px */
H6 {font-size: 0.92em;}	/* 11px */

UL, OL {
	margin-left: 25px;		/* Note .screenshot farther below */
}

INPUT  { padding-left:  2px; }
OPTION { padding-right: 7px; } /* Weird cutoff of <option> elements in Firefox without
                                  this, due to the padding: 0 of the "*" element */

.nobr { white-space: nowrap; }

#pageContainer {
	margin: 1em auto;	/* Centers the page */
	margin-top: 0;
	width: 750px;	
	/* border: 1px solid black; */
	text-align: left;	/* Undo side-effect of MSIE5 center hack above */
}

/* ============================================================ */
/* ============================================================ */
/* ============================================================ */

#topshadow {
	margin: 10px 0 0 0;
	padding: 0;
	width: 750px;
	height: 6px;
}


/* ============================================================ */
/* Masthead area and masthead logo                              */

/* The masthead contains the logo, the search box, and the nav
   buttons.  It has a faint background image (e.g. our church) */

#masthead {
	background: #FFFFFF url('/images/masthead_church.jpg') no-repeat top left;
	background-color: #FFFFFF;
	height: 75px;
	width: 750px;
}


/* ============================================================ */
/* The logo and search area                                     */

#logo_and_search {
	padding: 12px 0 13px 6px;
	height: 50px;
	/*border: 1px solid black;*/
}
#logo_and_search H1 {
	/*background: #FAFAEB url('/images/masthead.gif') no-repeat top left;*/
	/*background: #FAFAEB url('/images/masthead2_50.gif') no-repeat top left;*/
	background: #FAFAEB url('/images/masthead_logo.png') no-repeat top left;
	/*background: #FAFAEB url('/images/masthead_logo.2016-01-16.gif') no-repeat top left;*/
	background-color: transparent;
	float: left;
	clear: left;
	width: 204px;	/* Logo width */
	height: 48px;	/* Logo height */
	margin: 0 0 0 6px;
	display: inline;	/* IE Double Margin hack (http://www.positioniseverything.net/explorer/doubled-margin.html) */
}
#logo_and_search a#logolink {
	/* cursor: hand; */  /* MSIE hack */
	width: 204px;	/* Logo width */
	height: 50px;	/* Logo height */
	display: block;
}
#logo_and_search H1 span { display: none; }


/* ============================================================ */
/* "Live Broadcast" banner in masthead */

/* ### The H2 style is now declared in /includes/global.php
   ### so the URL can be dynamically generated */
/*
#logo_and_search H2 {
	background: #FAFAEB url('/images/broadcast_offair.gif') no-repeat top left;
	float: left;
	width: 211px;
	height: 50px;
	margin: 0 0 0 102px;
}
*/
#logo_and_search a#broadcast {
	/* cursor: hand; */  /* MSIE hack */
	width: 211px;
	height: 50px;
	display: block;
}
#logo_and_search H2 span { display: none; }

#masthead_login_logout {	/* Show the Login/Logout and My Account links in the masthead */
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 5px;
	float: right;
	clear: right;
	/* border: 1px solid black; */
	margin-right: 18px;	/* Push the search area in from the right a bit */
	display: inline;	/* IE Double Margin hack (http://www.positioniseverything.net/explorer/doubled-margin.html) */
}

#searcharea {			/* A little container to hold all the search stuff, right-aligned */
	/* height: 48px; */
	float: right;
	clear: right;
	/* border: 1px solid black; */
	margin-right: 18px;	/* Push the search area in from the right a bit */
	display: inline;	/* IE Double Margin hack (http://www.positioniseverything.net/explorer/doubled-margin.html) */
}

#searcharea DIV {
	float: none;
	width: 195p;
	height: 25;
	margin: 0 0 0.75em 0;
}
#searcharea DIV span {display: none;}

#searcharea INPUT {vertical-align: middle;}

INPUT#searchbox {
	border: #526634 1px solid;
	margin: 0;
	padding: 2px;
	vertical-align: middle;
}

/* ============================================================ */
/* Top row of navigation buttons */

#nav {
	float: left;
	clear: both;
	margin: 0 0 0 12px;
	display: inline;
}

#nav UL#navmenu {
	margin: 0;
	padding: 0;
	height: 30px;
	list-style: none;
	display: inline;
}
#nav LI {
	margin: 0 2px 0 0;
	padding: 0;
	list-style: none;
	display: inline;
	float: left;
	height: 30px;
	width: 89px;
}
#nav A {
	display: block;
	height: 30px;
	width: 89px;
}
#nav A SPAN {
	display: none;
}
#nav #nav_home A.toplevel_off {
	background: #fff url('/images/nav_home_off.gif') no-repeat top left;
}
#nav #nav_home A.toplevel_on {
	background: #fff url('/images/nav_home_on.gif') no-repeat top left;
}
#nav #nav_about_us A.toplevel_off {
	background: #fff url('/images/nav_about_us_off.gif') no-repeat top left;
}
#nav #nav_about_us A.toplevel_on {
	background: #fff url('/images/nav_about_us_on.gif') no-repeat top left;
}
#nav #nav_ministries A.toplevel_off {
	background: #fff url('/images/nav_ministries_off.gif') no-repeat top left;
}
#nav #nav_ministries A.toplevel_on {
	background: #fff url('/images/nav_ministries_on.gif') no-repeat top left;
}
#nav #nav_sermons A.toplevel_off {
	background: #fff url('/images/nav_sermons_off.gif') no-repeat top left;
}
#nav #nav_sermons A.toplevel_on {
	background: #fff url('/images/nav_sermons_on.gif') no-repeat top left;
}
#nav #nav_blog A.toplevel_off {
	background: #fff url('/images/nav_blog_off.gif') no-repeat top left;
}
#nav #nav_blog A.toplevel_on {
	background: #fff url('/images/nav_blog_on.gif') no-repeat top left;
}
#nav #nav_calendar A.toplevel_off {
	background: #fff url('/images/nav_calendar_off.gif') no-repeat top left;
}
#nav #nav_calendar A.toplevel_on {
	background: #fff url('/images/nav_calendar_on.gif') no-repeat top left;
}
#nav #nav_resources A.toplevel_off {
	background: #fff url('/images/nav_resources_off.gif') no-repeat top left;
}
#nav #nav_resources A.toplevel_on {
	background: #fff url('/images/nav_resources_on.gif') no-repeat top left;
}
#nav #nav_members A.toplevel_off {
	background: #fff url('/images/nav_members_off.gif') no-repeat top left;
}
#nav #nav_members A.toplevel_on {
	background: #fff url('/images/nav_members_on.gif') no-repeat top left;
}

/* ============================================================ */

#breadcrumbs_container {
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 25px;
	font-size: 1.2em;
	line-height: 1.4em;
}
.top_divider_generic {
	background: #668041 url('/images/top_green_divider.gif') no-repeat top left;
}
.top_divider_home {
	background: #668041 url('/images/top_green_divider_home.gif') no-repeat top left;
}
.top_divider_about_us {
	background: #668041 url('/images/top_green_divider_about_us.gif') no-repeat top left;
}
.top_divider_ministries {
	background: #668041 url('/images/top_green_divider_ministries.gif') no-repeat top left;
}
.top_divider_sermons {
	background: #668041 url('/images/top_green_divider_sermons.gif') no-repeat top left;
}
.top_divider_blog {
	background: #668041 url('/images/top_green_divider_blog.gif') no-repeat top left;
}
.top_divider_calendar {
	background: #668041 url('/images/top_green_divider_calendar.gif') no-repeat top left;
}
.top_divider_resources {
	background: #668041 url('/images/top_green_divider_resources.gif') no-repeat top left;
}
.top_divider_members {
	background: #668041 url('/images/top_green_divider_members.gif') no-repeat top left;
}

#breadcrumbs_container #breadcrumbs {
	margin: 4px 0 0 15px;
}
#breadcrumbs_container #breadcrumbs #breadcrumbs_label {
	color: #C7D0B9;
	font-weight: normal;
}
#breadcrumbs_container #breadcrumbs #breadcrumbs_location {
	margin-left: 0.5em;
	color: #EAEAAA;
	font-weight: bold;
}
#breadcrumbs_container #breadcrumbs #breadcrumbs_location .divider {
	font-weight: normal;
}
#breadcrumbs_container #breadcrumbs A {
	color: #EAEAAA;
	text-decoration: underline;
}

/* ============================================================ */

#bodyContainerOuter {
	float: left;
	clear: both;
	padding: 0;
	background: #FFFFFF url('/images/bodyContainerOuter_shadow.gif') repeat-y top left;
	width: 750px;
	display: inline;	/* IE Double Margin hack (http://www.positioniseverything.net/explorer/doubled-margin.html) */
}

#bodyContainerInner {
	float: left;
	clear: both;
	margin: 9px 15px 9px 15px;
	background: url('/images/green_nav_column.gif') repeat-y top left;
	/* border: 1px solid black; */
	display: inline;	/* IE Double Margin hack (http://www.positioniseverything.net/explorer/doubled-margin.html) */
}

#bodyContainerInner_nobg {
	float: left;
	clear: both;
	margin: 9px 15px 9px 15px;
	/* border: 1px solid black; */
	display: inline;	/* IE Double Margin hack (http://www.positioniseverything.net/explorer/doubled-margin.html) */
}

/* ============================================================ */

#sideNav {
	float: left;
	clear: none;
	/* width: 160px; */
	padding: 9px;
	/* margin: 9px; */
	margin: 0 9px 0 0;
	width: 142px !important;	/* Alternate Box Model Hack #3 (http://css-discuss.incutio.com/?page=BoxModelHack) */
	width /**/:160px;
	background: #CEDEBE url('/images/sidenav_bg.gif') repeat-x top left;
	/* background-color: #CEDEBE; */
	/* border: 1px solid black; */
	display: inline;	/* IE Double Margin hack (http://www.positioniseverything.net/explorer/doubled-margin.html) */
}

/* This class is simply used to ensure the sidenav area is
   at least 170 pixels high (161 + 9 top padding in #sideNav) */
/* Set the height to at least the minimum height of the page with the longest
   sidenav menu (unless I find a better way to do it!)  Otherwise
   Firefox (but not MSIE) cuts off the rest of the menu items if the
   text of the body isn't long enough.
   (David, 2/9/2006) */
#sideNavGradient {
	/* height: 161px; */
	height: 640px;
	margin: 0;
	padding: 0;
	clear: none;
}

#sideNavMenu {
	margin: 0;
	list-style: none;
}

#sideNavMenu LI UL.sideNavSubmenu {
	padding: 0;  /* no indent here, though LI's later will indent */
	margin: 0;
	list-style: none;
}

#sideNavMenu LI UL.sideNavSubmenu {
	padding: 0 0 0 1em;	/* indent the submenu */
	margin: 0;
	list-style: none;
}

#sideNavMenu LI UL.sideNavSubmenu LI {
	font-size: 1em;	/* Prevent "inherited font shrinkage" (http://www.clagnut.com/blog/348/) */
 	padding: 0.25em 0.75em 0.25em 0.75em;
	border-left: 1px solid #5D6887;
}

#sideNav A {
	text-decoration: none;
}
#sideNav A:link,
#sideNav A:visited {
	color: #036;
}
#sideNav A:hover,
#sideNav A:active,
#sideNav A:focus {
	color: #069;
}

/* The padding of sideNavMenu LI's should cause
   the text to line up, but allow the blue "highlight" of
   sideNavHighlighted to extend out to the "bounding box" edges
   of the text */

#sideNavMenu LI {
	/* BORDER: #000 1px solid; */
	font-size: 1.2em;	/* 12px */
	font-weight: bold;
	/* line-height: 1.2em; */
	margin: 0;
	color: #036;
 	padding: 0.5em 0.75em 0.5em 0.75em;
}

#sideNavMenu LI#navHeader {
	BORDER-BOTTOM: #036 1px solid;
 	padding: 0;
	margin: 0 0 0.3em 0;
}

#sideNavMenu LI#navHeader H2 {
	font-size: 1.33em;	/* 16px (desired here) / 12px (parent) = 1.33em */
	font-weight: bold;
	padding: 0;
	margin: 0;
	display: inline;
	/* text-decoration: underline; */
}

/* The item that preceeds a submenu will have no padding, in
   order to give the full space for its subitems without
   doubly-constricting them (especially their right margins). */
#sideNavMenu LI#aboveSubmenu {
	/* BORDER: #F0F 1px solid; */
	padding: 0;
}

/* The DIV inside the LI that preceeds a submenu will restore
   its padding without adding padding to the submenu LI's that
   will follow */
#sideNavMenu LI#aboveSubmenu DIV {
	padding: 0.5em 0.75em 0.5em 0.75em;;
}


/* This highlight should be applied to a LI tag in all cases
   except one - when the item to be highlighted is an 
   aboveSubmenu "container" LI.  Since we don't want the entire
   container to be blue, apply it to the DIV tag in that case.
   
   e.g.
	 <li class="highlighted">Foo</li>
	 <li id="aboveSubmenu"><div class="highlighted">Foo</div></li>
*/
#sideNavMenu .highlighted {
	color: #FAFAEB;
	background-color: #5D6887;
}

#sideNavMenu .highlighted A:link,
#sideNavMenu .highlighted A:visited {
	color: #FAFAEB;
}
#sideNavMenu .highlighted A:hover,
#sideNavMenu .highlighted A:active,
#sideNavMenu .highlighted A:focus {
	color: #FFFFFF;
}

/* ======== */
/* "Live Broadcast" banner that can optionally appear in the sidenav */
/* ======== */

#sideNavMenu LI.dir_admin_link {
	border-top: #036 1px solid;
}
#sideNavMenu LI.live_broadcast_nav_on {
	border-top: #036 1px solid;
}
#sideNavMenu LI.live_broadcast_nav_off {
	border-top: #036 1px solid;
}
#sideNavMenu LI.live_broadcast_nav_off A:link,
#sideNavMenu LI.live_broadcast_nav_off A:visited {
	color: #7E8E6E;
}
#sideNavMenu LI.live_broadcast_nav_off A:hover,
#sideNavMenu LI.live_broadcast_nav_off A:active,
#sideNavMenu LI.live_broadcast_nav_off A:focus {
	color: #9EAE8E;
}
#sideNavMenu LI.live_broadcast_nav_on A:link,
#sideNavMenu LI.live_broadcast_nav_on A:visited {
	color: #C00;
}
#sideNavMenu LI.live_broadcast_nav_on A:hover,
#sideNavMenu LI.live_broadcast_nav_on A:active,
#sideNavMenu LI.live_broadcast_nav_on A:focus {
	color: #F00;
}

/* ============================================================ */
/* The main content area, in normal and wide versions           */

#mainBody {
	float: left;
	clear: none;
	/* margin: 9px 0 9px 5px; */
	/* margin-top: 9px; */
	/* margin: 9px 0 0 0; */
	margin: 0;
	padding: 0;
	width: 342px;
	/* border: #000 1px solid; */
	/* font: 0.75em/1.4em Verdana, Arial, sans-serif; */
	/* font: 0.75em/1.4em Arial, Verdana, sans-serif; */
	/* font: .8em/1.4em Tahoma, Arial, Verdana, sans-serif; */
	/* font: .8em/1.4em Trebuchet MS, Arial, Verdana, sans-serif; */
	font-size: 1.2em;  /* 12px */
	line-height: 1.4em;
}

/* mainBodyWide = mainBody (342px) + bodyPic w/margin (200px+9x) = 551px */
#mainBodyWide {
	float: left;
	clear: none;
	/* margin: 9px 0 9px 5px; */
	/* margin-top: 9px; */
	/* margin: 9px 0 0 0; */
	margin: 0;
	width: 551px;
	/* BORDER: #000 1px solid; */
	font-size: 1.2em;  /* 12px */
	line-height: 1.4em;
}

/* mainBodyWide = mainBody (342px) + bodyPic w/margin (200px+9x) +
                  sidenav w/margin and padding (142 + 9LP + 9RP + 9RM) = 720px */
#mainBodyExtraWide {
	float: left;
	clear: none;
	/* margin: 9px 0 9px 5px; */
	/* margin-top: 9px; */
	/* margin: 9px 0 0 0; */
	margin: 0;
	width: 720px;
	/* BORDER: #000 1px solid; */
	font-size: 1.2em;  /* 12px */
	line-height: 1.4em;
}


/* ============================================================ */

#bodyPic {
	float: right;
	clear: none;
	width: 200px;
	/* margin: 9px; */
	/* margin: 0; */
	margin: 0 0 0 9px;
	display: inline;	/* IE Double Margin hack (http://www.positioniseverything.net/explorer/doubled-margin.html) */
	/* BORDER: #000 1px solid; */
}

/* ============================================================ */

H3.headline {
	font-size: 1.33em; /* 16px */
	font-weight: bold;
	line-height: 1.2em;
	margin: 4px 0 10px 0 !important;
	padding: 0;
	color: #930;
	border-bottom: #930 1px solid;
}
H3.subheadline {
	font-size: 1.17em;	/* 14px */
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 2px 0;
	padding: 0;
	color: #930;
	border-bottom: #930 1px solid;
}

H3.crazy {
	font-size: 1.33em; /* 16px */
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 2px 0;
	padding: 5px;
	color: #FFF;
	background-color: #930;
	border-bottom: #930 1px solid;
}

.subheadline A {
	text-decoration: none;
}
.subheadline A:link,
.subheadline A:visited {
	color: #930;
}
.subheadline A:hover,
.subheadline A:active,
.subheadline A:focus {
	color: #C60;
}


/* ============================================================ */

/* The Flash-based photo slideshow on the homepage */
#homepage_flash {
	float: right;
	clear: right;
	padding: 0 0 0px 10px;
	display: inline;
}

/* ============================================================ */
/* Sermons */

table#sermontable {
	clear: both;
	margin: 0 0 1.2em 0;
}

table#sermontable td {
	text-align: left;
	vertical-align: top;
}

table#sermontable th {
	text-align: center;
	vertical-align: top;
	font-size: 1.17em;	/* 14px */
	font-weight: bold;
	line-height: 1.2em;
}

table#sermontable td.sermondata {
	padding: 5px;
}

.sermon_search_label {
	font-size: 1em;	/* 12px */
	font-weight: bold;
	line-height: 1.2em;
	background-color: #5D6887;
	color: #FAFAEB;
	padding: 5px;
	margin: 2em 0 .5em 0;
}

.submit { 
	padding: 0 1em 0 1em; 
	margin: .25em 0 0 0;
}

/* 
	table#sermontable td.sermondata1 {
		background-color: #DFD1A4;
		padding: 5px;
	}
	table#sermontable td.sermondata2 {
		background-color: #F0EAD5;
		padding: 5px;
	}
*/

UL.browse_sermons_year, UL.browse_sermons_month {
	list-style: none;
}

UL.browse_sermons_year LI {
	display: inline;
	margin: 0;
	padding: 0 .5em 0 .5em;
	border-right: 1px solid #5D6887;
}
UL.browse_sermons_year LI.last_browse_item {
	border: 0;
}

UL.browse_sermons_month LI {
	line-height: 1.5em;
}

table#sermon_listing  td.label {
	padding-right: 2em;
	padding-bottom: 1em;
	font-weight: bold;
	vertical-align: top;
}

table#sermon_listing  td.data {
	padding-bottom: 1em;
	vertical-align: top;
}

UL.browse_sermons_references {
	list-style: none;
	margin: 0;
}

.message_highlight {
	padding: 0.25em;
	background-color: #FFC;
	color: #C00;
	text-align: center;
	font-weight: bold;
}

/* ============================================================ */

#footer_container {
	float: left;
	clear: both;
	margin: 0 -3px 0 0;	/* Hack to fix the "IE Duplicate Characters" bug (http://www.positioniseverything.net/explorer/dup-characters.html) */
	padding: 0;
	width: 750px;
	height: 25px;
	background: #D2C080 url('/images/bottom_brown_divider.gif') no-repeat top left;
	font-size: 1.2em;
}

#footer_container #footer {
	margin: 4px 0 0 15px;
	color: #813700;
	text-align: center;
}

#footer_container #footer IMG {
	vertical-align: middle;
}

#footer_container #footer A {
	color: #813700;
	text-decoration: none;
}

#footer_container #footer A {
	color: #813700;
	text-decoration: none;
}
#footer_container #footer A:hover,
#footer_container #footer A:active {
	text-decoration: underline;
}

/* ============================================================ */

UL.search_example {
	border: #D2C080 1px solid;
	list-style: none;
	padding: .75em;
}

UL.search_example LI {
	font: 1em/1.2em "Courier New", Courier, monospace;
}

/* ============================================================ */

UL.articles, OL.articles, UL.footnotes, OL.footnotes {
	margin-left: 25px;
}
UL.articles LI, UL.footnotes LI {
	list-style: disc;
	padding-top: .4em;
}
OL.articles LI, OL.footnotes LI {
	list-style: decimal;
	padding-top: .4em;
}
/* Below, I wanted to use this technique to allow superscripts without
   messing up the line height of lines-with-footnotes vs. 
   lines-without-footnotes with this:
       vertical-align: super;
       line-height: 0;
       font-size: 80%;
   But that doesn't work in MSIE - the line heights are still
   wacky.  So I'll have to apply the technique to a <sup>
   tag (a tag I didn't want to have to use)

   Actually, I think I'll do without SUP's altogether,
   and just use [1], [2], etc. as footnotes.
*/
/*
A.footnote {
	vertical-align: super;
	font-size: 0.8em
	line-height: 0; 
	text-decoration: none;
	background-color: #FFCC00;
	background-color: #EEEEEE;
	padding: 0 2px 0 2px;
}
SUP {
	line-height: 0;
}
*/
P.pagenav {
	clear: both;
	/* font-size: 120%; */
	font-size: 1.2em;	/* 14px */
	font-weight: bold;
	text-align: right;
}
P.confessionnav {
	margin: 20px 0 20px 0;
	width: 250px;
	font-size: 1.17em;	/* 14px */
	font-weight: bold;
	/* text-align: right; */
	/* float: right; */
	/* clear: both; */
}
.boxquote {
	border: #D2C080 1px solid; 
	padding: .75em;
}
.weatherbox {
	border: #D2C080 1px solid; 
	padding: .75em;
	background-color: #FFC;
}

/* Acknowledgements on 1689 page */

P.acknowledgements {
	font-size: 0.92em;
	line-height: 1.2em;
}

/* ============================================================ */

#DHTML_tooltip {
	position: absolute;
	width: 250px;
	/* border: 2px solid black; */
	/* padding: 2px; */
	background-color: #000084;
	visibility: hidden;
	z-index: 100;
	/* Remove below line to remove shadow. Below line should always appear last within this CSS */
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#DHTML_body {
	background: #e0e0e0;
	color:#000000;
	font-size: 1.1em;
	margin:2px;
	padding:2px
}

#DHTML_caption {
	color:#FFFFFF;
	background-color:transparent;
	font-size: 1.1em;
	font-weight: bold;
	margin:2px;
	text-align:center
}

.confession_chapter_paragraph {
	font-weight: bold;
	font-size: 1.33em;
	padding-right: 3px;
}

.confession {
	margin-top: 30px;
}

/* ============================================================ */

H1.constitution {
	font-size: 1.6em;	/* 16px */
	line-height: 1.1em;
	margin-top: 2em;
}
H2.constitution {
	font-size: 1.4em;	/* 14px */
	line-height: 1.1em;
}
H3.constitution {
	font-size: 1.2em;	/* 12px */
	line-height: 1.1em;
}
UL.constitution, OL.constitution {
	margin-left: 25px;
}

/* ============================================================ */

UL.nobullet, OL.nobullet {
	list-style: none;
}
UL.padded LI, OL.padded LI {
	margin-top: 1em;
}

/* ============================================================ */

.screenshot {
	margin-left: -25px;
	margin-bottom: 15px;
}

.screenshot_double {
	margin-left: -50px;
	margin-bottom: 15px;
}

/* ============================================================ */

.guestbook_entry {
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
	border-bottom: #930 1px solid;
}
.guestbook_entry_header {
	color: #930;
}

.guestbook_entry_header A:link,
.guestbook_entry_header A:visited {
	color: #930;
}
.guestbook_entry_header A:hover,
.guestbook_entry_header A:active,
.guestbook_entry_header A:focus {
	color: #C60;
}

.guestbook_entry_comments {
	margin: 1em 0 0 2em;
}

/* ============================================================ */

INPUT.login,SELECT.login {
	border: #999 1px solid;
	margin: 0.25em;
	font-size: 1.2em;
}
INPUT.loginsubmit,SELECT.loginsubmit {
	border: #999 1px solid;
	margin: 0.25em;
	padding: 0 1em 0 1em; 
	font-size: 1.2em;
}

/* ============================================================ */

UL.latest_blog_entries {
	margin-left: 0;
	list-style: none;
}
UL.latest_blog_entries LI {
	padding-bottom: 1em;
}

/* ============================================================ */
/* Church directory stuff */

.directory {
	font: 12pt/1.4em Arial, Verdana, sans-serif;
}
.dir_personal_label {
	border-bottom: 1px solid #666;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

A.dir_slider {
	font-size: 12pt;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

.dir_headline {
	font-size: 18pt;
	font-weight: bold;
	color: #0F1676;
	padding-top: 1em;
}
.dir_subheadline {
	font-size: 14pt;
	font-weight: bold;
	color: #666;
	padding: 1em 0 0.5em 0;
	margin: 0;
}
TD.dir_label {
	font-size: 12pt;
	text-align: right;
	padding-right: 1em;
}
TD.dir_padded {
	padding-top: 0.75em;
}

TABLE#statustable TD {
	padding: 0.25em 0.5em 0.25em 0;
	/*vertical-align: top;*/
}

TABLE#statustable TD {
	padding: 0 0.5em 0.75em 0;
	/*vertical-align: top;*/
}

/* Push status radio buttons down a hair after vertical-align: top */
.statusradio {
	margin-top: 4px;
}


/* ============================================================ */