@charset "iso-8859-1";
/* Margin and padding properties for an element using shorthand notation (top, right, bottom, left) */
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, 
content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because 
each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in 
an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will 
help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, 
it is common to use the body element to set the background color of the page and create a centered container for the page content to 
display. */
body {
	text-align: center; /* Centers the page content container in IE 5 browsers. */;
	padding: 0 0 0 0;
	background-color: #49190A;
	font-size: .9em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	background-image: url('../images/fall-leaves.jpg');
	background-repeat: repeat;
}
body img {
	border: 0px;
}
h1, h2, h3 {
	color: #571F10;
	font-weight: bold;
	background-color: #ffffff;
	margin-top: 5px;
	margin-bottom: 5px;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1em;
}
/* Sets the style for unvisited links. */
a, a:link {
	color: #A22E15;
	text-decoration: none;
	font-weight: bold;
}
/* Sets the style for visited links. */
a:visited {
	color: #AC712D;
	text-decoration: none;
	font-weight: bold;
}
/* Sets the style for links on mouseover. */
a:hover {
	text-decoration: underline;
}
#outerWrapper {
	background-color: #fff;
	width: 90%;
	text-align: left; /* Redefines the text alignment defined by the body element. */;
	margin: 0 auto 0 auto;
	border: thin ridge #571F10;
}
#outerWrapper #header {
	background-position: center center;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
	height: 180px;
	background-image: url('../images/leaves-logo2.jpg');
	background-repeat: no-repeat;
}
#outerWrapper #topNavigation {
	background-color: #ffffff;
	height: 25px;
	padding: 10px 0px 10px 0px;
}
#modernbricksmenu {
	padding: 0;
	width: 100%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}
#modernbricksmenu ul {
	font: bold 11px Arial;
	margin: 0;
	margin-left: 40px; /*margin between first menu item and left browser edge*/;
	padding: 0;
	list-style: none;
}
#modernbricksmenu li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform: uppercase;
}
#modernbricksmenu a {
	float: left;
	display: block;
	color: white;
	margin: 0 1px 0 0;

	padding: 5px 10px;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: #571F10; /*Default menu color*/;
	border-bottom: 1px solid white;
}
#modernbricksmenu a:hover {
	background-color: #D25A0B; /*Menu hover bgcolor*/;
	color: #ffffff;
}
#modernbricksmenu #current a {
	/*currently selected tab*/
	background-color: #D25A0B; /*Brown color theme*/;
	border-color: #D25A0B; /*Brown color theme*/
}
#modernbricksmenuline {
	clear: both;
	padding: 0;
	width: 100%;
	height: 5px;
	line-height: 5px;
	background: #D25A0B; /*Brown color theme*/
}
#outerWrapper #contentWrapper {
	clear: both;
}

#outerWrapper #contentWrapper #leftColumn1 {
	padding: 10px 10px 10px 10px;
	background-color: #ffffff;
	float: left;
	border-right: solid 1px #653012;
	width: 24%;
}
#search {
	text-align: center;
	margin: 3px auto 8px auto;
	font-size: .8em;
}
#search p {
	margin-bottom: 0px;
}
#myform {
	/*CSS for sample search box. Remove if desired */
	margin: 0;
	padding: 0;
}
#myform .textinput {
	width: 100px;
	border: 1px solid gray;
}
#myform .submit {
	font: bold 11px Verdana;
	height: 22px;
	background-color: #D25A0B;;
}
.heading {
	display: block;
	color: #ffffff;
	padding: 4px;
	background-color: #801910; /*#D25A0B;	*/;
	text-decoration: none;
	border: 1px solid #864E29;
	font-weight: bold;
}

#outerWrapper #contentWrapper {
	clear:both;
}
#outerWrapper #contentWrapper #leftColumn1 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#outerWrapper #contentWrapper #leftColumn1 ul li {
	margin: 0px;
	padding: 0px;
}
#outerWrapper #contentWrapper #leftColumn1 ul li a {
	font-size: 80%;
	display: block;
	border-bottom: 1px dashed #416B1F;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	color: #666666;
	width: 98%;
}
#outerWrapper #contentWrapper #leftColumn1 ul li a:hover, ul li a:focus {
	color: #ffffff;
	background-color: #507453;
}


/* SKIP TO CONTENT section presentation code */
 
#outerWrapper #contentWrapper #leftColumn1 h4.skip {
  font-size: 1.1em;
  font-weight: bold;
  font-variant: small-caps;
  margin: 1.8em 0em 0em 0em;
  padding: 0.5em;
  color: #fff;
  background: none;
  text-decoration: none; }
 
#outerWrapper #contentWrapper #leftColumn1 h4.skip a:link, #nav h4.skip a:visited {
  color: #000;
  background: #ccc;
  padding: 0.2em 1em;
  border-top: 0.15em solid #fff;
  border-left: 0.15em solid #fff;
  border-bottom: 0.15em solid #aaa;
  border-right: 0.15em solid #aaa; }
 
#outerWrapper #contentWrapper #leftColumn1 h4.skip a:hover, #nav h4.skip a:active, #nav h4.skip a:focus {
  color: #fff;
  background: #454545;
  padding: 0.2em 1em;
  border-top: 0.15em solid #fff;
  border-left: 0.15em solid #fff;
  border-bottom: 0.15em solid #aaa;
  border-right: 0.15em solid #aaa; }
 
/* end SKIP TO CONTENT section presentation code */
#outerWrapper #contentWrapper #content {
	padding: 10px 10px 10px 20px;
	margin: 0 0 0 26%;
}

/* ==================
Right Sidebar if used
===================== */
.rgtsdbr {
	background-color: #ffffff;
	color: #000000;
	width: 170px;
	float: right;
	margin-left: 10px;
	padding: 8px;
	border: 2px #630 solid;
	font-size: .8em;
	font-weight: normal;
	line-height: 1.1;
}

/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. 
If floated elements are used without being cleared the elements following will wrap around the floated element. This class 
should be applied to an element after the last floated element and before the close of the container with floated elements. */
#outerWrapper #contentWrapper .clearFloat {
	display: block;
	clear: left;
}
#outerWrapper #footer {
	background-color: #ffffff;
	border-top: solid 1px #653012;
	padding: 10px 10px 10px 10px;
	text-align: center;
	font-size: .8em;
}
#outerWrapper #footer p {
	margin-top: 0px;
	margin-bottom: 0px;
}
.ctr {
	text-align: center;
}
.smalltext {
	font-size: small;
}
.floatleft {
	float: left;
	margin: 10px 10px 10px 15px;
}
.floatright {
	float: right;
	margin: 10px 15px 10px 10px;
}
.form {
}
.form textarea {
	border-style: thin;
	width: 200px;
	margin: 1px 1px 1px 5px;
}
.form input {
	border: thin ridge #CCCCCC;
	width: 200px;
	margin: 1px 1px 1px 5px;
}
.form select {
	width: 200px;
	margin: 1px 1px 1px 5px;
}
.comment {
	width: 216px;
}
#huggins {
	font-size: 0.75em;
	font: italic normal normal 100% serif;
}
.buttons {
	border: 1px ridge #571F10;
	background-color: #801910;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* ==========================
Styles for Family Group Sheet
============================= */
.fgs1 {
	margin: 5px auto 5px auto;
	width: 600px;
	border: 0px;
	font-size:.9em;
}
.fgs1 td {
	padding: 3px;
}
.note {
	font-size: large;
	color: #800040;
	font-weight: bold;
	background-color: inherit;
}

.fgo {
	background-color: #FFEDCC;
	background-image: url('../images/gradient-form-bg.jpg');
	background-repeat: repeat-x;
}

/*=============styles Bible transcriptions===========*/
#bibletext {
	table-layout: auto;
	width: 70%;
	border: 2px ridge #D0C9BC;
	font-size: 90%;
	padding: 5px;
	vertical-align: top;
	border-collapse: collapse;
}
#bibletext td {
	border: 2px ridge #D0C9BC;
	width: 70%;
	padding: 8px;
}
caption {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}

/*======== 3 col table layout ========= */
.photo {
	margin: 10px auto;
	border-collapse: collapse;
	border: 2px solid #D0C9BC;
	padding: 10px 5px 5px 5px;
	color: #6E6952;
	text-align: center;
	font-size: 85%;
	padding: 5px;
	width: 90%;
}
.photo td {
	border: 2px solid #D0C9BC;
	width: 30%;
	padding: 10px;
	vertical-align: top;
	text-align: center;
}
.photo caption {
	text-align: left;
	margin-bottom: 5px;
}

.odd {
	border: thin dashed #9A3114;
	background-color: #FFFFFF;
	padding: 10px;
	color: Black;
}

.obit {
	width: 70%;
	border: thin double #996633;
	font-size: 85%;
	padding: 5px;
	vertical-align: top;
	text-align: left;
}

/*=============error page formatting contact page script=============*/
 .error-page-heading1 {
	font-family: "Times New Roman";
	color: #571F10;
	font-size: 1.5em;
	font-weight: bold;
}
 .error-page-heading2 {
	font-family: "Times New Roman";
	color: #571F10;
	font-size: 1.2em;
	font-weight: bold;
}
.line-closing {
	font-family: "Times New Roman";
	color: #0066CC;
	font-size: .9em;
	font-weight: bold;
}
.line-opening {
	font-family: "Times New Roman";
	color: #0066CC;
	font-size: .9em;
	font-weight: bold;
}
.message-error {
	font-family: "Times New Roman";
	color: #CC3300;
	font-size: 1em;
	font-weight: bold;
}
.message-footer
{
	font-family: "Times New Roman";
	color: #000000;
	font-size: .8em;
	font-weight: bold;
}
/*===========index card entry===============*/
#indxcrd {
	width: 70%;
	border: thin solid #000000;
	font-size: 90%;
	padding: 5px;
	vertical-align: top;
	border-collapse: collapse;
}
#indxcrd td {
	border: thin solid #000000;
	width: 35%;
	padding: 8px;
	vertical-align: top;
}

/* =========== 2 col table layout===========*/
.twocol {
	table-layout: auto;
	border-collapse: collapse;
	border: 2px ridge #D0C9BC;
	padding: 10px 5px 5px 5px;
	color: #6E6952;
	font-size: 85%;
	padding: 5px;
	width: 90%;
}
.twocol td {
	border: 2px ridge #D0C9BC;
	width: 45%;
	padding: 5px;
	vertical-align: top;
}
.twocol caption {
	text-align: left;
	margin-bottom: 5px;
}

/*========================== 
for footnote numbers and text
============================ */
.exponent {
	font-size: x-small;
	vertical-align: super;
}
.fntext {
	text-indent: 15px;
	font-size: 80%;
}

/* ============================
Photo Image Galleries
============================== */
/* ==========css based gallery ======*/
.gallery li {
	margin: 9px;
	width: 150px;
	height: 300px;
	border: 2px ridge #D0C9BC;
	background: inherit;
	list-style: none;
	padding: 10px 5px 5px 5px;
	color: #6E6952;
	text-align: center;
	float: left;
	font-size: 85%;
}
.gallery img {
	border: none;
	padding-top: 10px;
}