/* _____________________________________________ ZERO OUT ______________________________________________ */

* {	margin: 0; padding: 0; border: 0 }

/* ____________________________________________ HTML & BODY ____________________________________________ */

html {
	height: 100%;
	scrollbar-face-color: #640A64;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-shadow-color: #DEB4DC;
	scrollbar-highlight-color: #DEB4DC;
	scrollbar-3dlight-color: #640A64;
	scrollbar-darkshadow-color: #640A64 }
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background: url(_images/_shared/content_bg.jpg) 229px 178px no-repeat #FFFFFF }

/* _____________________________________________ NOTES ________________________________________________ */

/* When wanting to change a used style, check where it's currently used by doing a Find (but not Replace).
Search for source code, not tag. */

/* __________________________________________ TEMPLATE ITEMS __________________________________________  */

#header {
	background: url(_images/_shared/header_logo.jpg) 40px 38px no-repeat #640A64;
	width: 400px;
	height: 105px;
	text-align: right;
	padding: 35px 50px 0 550px }
#left-col {
	width: 229px;
	background: url(_images/_shared/left_green-bg.jpg) repeat-y }
#left-info {
	height: 146px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 12px 30px 0 20px;
	background: url(_images/_shared/left_information-bg.jpg) no-repeat }
#left-ministries {
	width: 190px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 11px 0 12px 4px }
#left-ministries img { margin: 3px 5px 0 0 }
#left-ministries td { padding: 0 0 6px 0 }
#page-title { height: 26px; padding: 12px 0 0 20px; background: url(_images/_shared/pg-title_bg.jpg) repeat-x }
#page-title img { float: left }
#page-title-add {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	float: right;
	text-align: right;
	padding: 0 25px 0 0;
	margin: -3px 0 0 0 }
/* #content-bg { background: url(_images/_shared/content_bg.jpg) no-repeat } -- this had scrolling problem in IE, moved to body */
#footer { width: 1000px; height: 56px;	background: url(_images/_shared/footer_bg.jpg) no-repeat; }
#copyright {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
	padding: 22px 0 0 200px }
#content { padding: 20px 25px 20px 20px }

/* ______________________________________________ LINKS ________________________________________________ */

a:link { color: #4A7B4B; text-decoration: underline }
a:visited { color: #4A7B4B; text-decoration: underline }
a:hover { color: #4A7B4B; text-decoration: none }
a:active { color: #4A7B4B; text-decoration: none }

/* These sidebar rules control link properties only. To adjust other aspects, see TEMPLATE area above. */
#left-info a:link { color: #8CBA8C; text-decoration: none }
#left-info a:visited { color: #8CBA8C; text-decoration: none }
#left-info a:hover { color: #FFFFFF; text-decoration: underline }
#left-info a:active { color: #FFFFFF; text-decoration: underline }

#left-ministries a:link { color: #8CBA8C; text-decoration: none }
#left-ministries a:visited { color: #8CBA8C; text-decoration: none }
#left-ministries a:hover { color: #FFFFFF; text-decoration: underline }
#left-ministries a:active { color: #FFFFFF; text-decoration: underline }

#page-title-add a:link { color: #FFFFFF; text-decoration: none }
#page-title-add a:visited { color: #FFFFFF; text-decoration: none }
#page-title-add a:hover { color: #FFFFFF; text-decoration: underline }
#page-title-add a:active { color: #FFFFFF; text-decoration: underline }

.accent-box a:link { color: #DEB4DC; text-decoration: none }
.accent-box a:visited { color: #DEB4DC; text-decoration: none }
.accent-box a:hover { color: #DEB4DC; text-decoration: underline }
.accent-box a:active { color: #DEB4DC; text-decoration: underline }
	
#subnav { /* Used on Testimonies. To adjust padding, must do top & bottom the same for BOTH "subnav" & "subnav ul li a".
	Sides are just done in the link. */
	width: 500px;
	margin: 0 auto 20px auto;
	white-space: nowrap;
	padding: 4px 0 5px 0;
	background-color: #699376;
	border: #1C581C 1px solid }
#subnav ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-style: italic;
	margin: 0;
	padding: 0;
	text-align: center;
	list-style-type: none; }
#subnav ul li {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	background-image: none }
#subnav ul li a:link {
	text-decoration: none;
	margin: 0 -1px 0 0;
	padding: 4px 10px 5px 10px;
	color: #FFFFFF;
	background-color: #699376;
	border-left: solid 1px #1C581C;
	border-right: solid 1px #1C581C }
#subnav ul li a:visited {
	text-decoration: none;
	margin: 0 -1px 0 0;
	padding: 4px 10px 5px 10px;
	color: #FFFFFF;
	background-color: #699376;
	border-left: solid 1px #1C581C;
	border-right: solid 1px #1C581C }
#subnav ul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #1C581C }
#subnav ul li a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #1C581C }

/* _____________________________________________ HTML TAGS _____________________________________________ */

p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: justify;
	line-height: 1.3em;
	margin: 0 0 12px 0 }
ul {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	list-style-type: none;
	line-height: 1.5em;
	margin: 3px 5px 12px 15px }
ul li { 
	background-image: url(_images/_shared/left_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 20px }
ol {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 1.3em;
	margin: 0 0 12px 35px }
ol li { margin: 5px 0 5px 0 }
blockquote_unused {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: italic;
	line-height: 1.5em }
h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #006600;
	text-align: center;
	margin-bottom: 25px }
h2 { /* If using at top of page like Nehemiah Project, add class "no-top-margin". */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #841984;
	text-transform: uppercase;
	margin: 25px 0 7px 0 }
h3 { /* Same as h2 but no margins. Used on Affiliates page. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #841984;
	text-transform: uppercase }
h4_unused {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #006600;
	text-align: center;
	margin: 25px 0 7px 0 }
/* apparently hr is different now with xhtml -
style the preceeding para with "no-btm-margin" to avoid browser inconsistancy */
hr_solid-or-dashed {
	border: none;
	border-top: #FF00FF 1px solid;
	height: 1px;
	width: 50%;
	text-align: center;
	margin: 18px auto 18px auto }
hr {
	border: none;
	border-top: #640A64 3px double;
	height: 3px;
	width: 80%;
	text-align: center;
	margin: 18px auto 18px auto }

/* ___________________________________________ CUSTOM STYLES ___________________________________________ */

.h-center { margin: 0 auto 0 auto } /* Doesn't show in authoring on a table, but OK in browsers. */
.italics-pad-td { padding: 5px }
.p-align-center { text-align: center }
.p-align-right { text-align: right }
.purpletext { color: #841984 }
.testimony-author { text-align: right; font-style: italic; margin-top: -10px }
.scripture-address { font-size: 12px; color: #C827C8; text-align: right; margin-top: -12px }
/* Float left or right also needs width specified, so a generic rule isn't practical. Add float to specific class. */
.clear_unused { clear: both } /* Clear is also useful to mimic tables. Forces a new line when there's a floated element above. */
.no-btm-margin { margin-bottom: 0 }
.no-top-margin { margin-top: 0 }
.text-transform-none { /* Used on Ministries page in a heading tag. */
	text-transform: none }
.divbar_unused { margin: 15px 0 15px 0 }
.strike_unused { text-decoration: line-through }
.smalltext {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.2em }
.smalltext-inside-caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #640A64;
	word-spacing: .1em;
	line-height: 1.2em;
	font-style: italic }
.img-right { float: right; margin: 5px 0 7px 15px }
.img-left { float: left; margin: 5px 15px 7px 0 }
.img-caption { /* Style a td. Goes with rule below too. */
	background: #DEB4DC;
	border: #640A64 1px solid;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #640A64;
	padding-bottom: 2px }
.img-caption img { margin-bottom: 2px}
.img-caption-rside { /* Style a td. Goes with rule below too. */
	background: #DEB4DC;
	border: #640A64 1px solid;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #640A64;
	padding-right: 7px }
.img-caption-rside img { float: left; margin-right: 7px}
.img-caption-rside div { float: right; margin-top: 20px}
.img-right-caption_unused { /* Style a div. Remove the "unused" marker from rule below too, they go together. */
	float: right;
	margin: 5px 0 7px 15px;
	background: #D9C2A3;
	border: #B7A48B 1px solid;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #847158;
	padding-bottom: 2px }
.img-right-caption_unused img { margin-bottom: 2px}
.announcement-box { margin: 0 auto 18px auto; border: #640A64 3px double }
.announcement-box th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #DEB4DC;
	text-transform: uppercase;
	background: #640A64;
	padding: 5px }
.announcement-box td {
	background: #DEB4DC;
	padding: 0 10px 0 10px }
.announcement-box p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: center;
	line-height: 1.3em;
	margin: 0 }
.announcement-box-content_unused { margin: 7px } /* Style the item inside (img-caption table) to get padding w/o affecting nested td's. */
.accent-box td {
	background: #640A64;
	border: #420842 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 1.3em;
	text-align: center;
	padding: 8px }
.accent-box th {
	background: #DEA6DB;
	border: #420842 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #4F1D50;
	text-align: center;
	padding: 5px 5px 3px 5px }
/* >>>>> Remember: CAPTION, THEAD, TFOOT & TBODY tags. (http://www.brainjar.com/dhtml/tablesort/) <<<<< */
/* Setting the border-collapse property to collapse causes the cells of the table to stick together, leaving only a single border between cells. By default, each table cell would have its own border. */
.calendar { border-collapse: collapse }
.calendar th {
	width: 14.28%;
	border: #C894C6 1px solid;
	background: #640A64;
	font-family: Times New Roman, Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1em;
	text-align: center;
	padding: 3px }
.calendar td {
	width: 14.28%;
	border: #C894C6 1px solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	letter-spacing: .05em;
	padding: 3px 3px 12px 5px }
.calendar div {
	float: right;
	width: 18px;
	height: 14px;
	padding: 0 0 5px 3px }
.calendar-season-feasts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #C79616;
	word-spacing: .1em;
	line-height: 1.2em;
	font-style: italic }
.border-simple { border: #006600 1px solid }
.border-full_unused { border-top: #999999 1px solid; border-left: #999999 1px solid }
.border-full_unused td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 1.5em;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding: 3px }
.vertical-divider_unused { border-right: #999999 1px solid }