/* 
  ------------------------------------------------
  PVII CSS Page Builder Magic
  Copyright (c) 2011 Project Seven Development
  www.projectseven.com
  05: 2 Col Flex Sidebar Left, Top Menu
  ------------------------------------------------
*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000;
	background-color: #FFFFFF;
}
body img {
	border: 0px;
	text-decoration: none;
}
/* ==========================
Wrapper for containers
============================ */
.container {
	width: 100%;
	display: block;
	margin: 0px;
	text-align: left;
}
/* ==========================
 Page top background
============================ */
.masthead {
	height: 140px;
	background-image: url('../images/top-bg.jpg');
	background-repeat: repeat-x;
}
/* ==========================
 styles for site name and header image
============================ */
#header {
	width: 960px;
	height: 140px;
	margin: 0px auto;
	background: url('../images/site-logo-tree.gif') center no-repeat;
}
/* ============================
Style rules for top navigation 
============================  */
.navigation {
	border-top: 1px #ffffff solid;
	background-color: #000000;
}
#topNavigation {
	color: #FFFFFF;
	text-align: center;
	background: #000000;
	width: 960px;
	position: relative;
	margin: auto;
	padding-bottom: 5px;
}
#topNavigation ul {
	list-style: none;
	margin-left: 5px;
	background-color: transparent;
}
#topNavigation li {
	background-position: left;
	display: inline;
	padding-left: 15px;
	padding-right: 3px;
	margin-right: 5px;
	line-height: 200%;
}
#topNavigation a {
	text-decoration: none;
	color: #FFFFFF;
}
#topNavigation a:hover {
	text-decoration: underline;
	color: #CCFFCC;
}
#topNavigation a:visited {
	color: #CC3300;
}
/* =======================================
Wrapper for the main content including the menu
=========================================*/
.content-wrapper {
	width: 80%;
	max-width: 1400px;
}
/* ===========================================================
Main Layout Container. The entire page is inside this element. 
=============================================================*/
.content-wrapper {
	margin: 0px auto 0px;
	-webkit-box-shadow: 0 0 20px #999;
	box-shadow: 0 0 20px #999;
	border-right: solid 1px #222;
	border-left: solid 1px #222;
}
/* ===========================================
The containing element for the the main content. We simply set the content area to have a white background.
============================================== */
.columns-wrapper {
	overflow: hidden;
	background-color: #FFF;
}
/*====================================
Main Content
===================================== */
.main-content {
	margin-left: 220px;
}
/* =============================
Sidebar
=============================== */
.sidebar {
	width: 220px;
	float: left;
	background-color: #E6FFE6;
	border-right: 2px solid #227024;
}
/*===================
DO NOT EDIT
=====================*/
.p7desktop .sidebar {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
/*=========================================
The Sidebar content. Edit padding and font attributes to suit
============================================*/
.sidebar .content {
	padding: 10px 20px 20px 20px;
	font-size: .85em;
	line-height: 1.3em;
}
/*=========================================================================
This container is inside the columns wrapper and serves as a container for the content inside, allowing you to adjust whitespace (padding) without altering the CSS box model. 
This is the rule to use to set text attributes for your main content.
==========================================================================*/
.main-content .content {
	padding: 30px;
	font-size: .9em;
	line-height: 1.5em;
}
/* ======================================================
A utility rule assigned to the first heading to remove all margins. This class can be used on any element for which you would like to remove margin.
=========================================================*/
.page-topper {
	margin: 0px;
}
/*========================
Heading styles
=========================*/
h1, h2, h3, h4 {
	margin: 30px 0 0 0;
	line-height: normal;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1em;
}
h4 {
	font-size: 1em;
}
/*================================
Misc. Typographic Styles
==================================*/
.content em {
	font-style: normal;
	text-transform: uppercase;
	font-size: 110%;
}
.content em.big {
	font-size: 125%;
}
.ctr {
	text-align: center;
}
.tinytxt {
	font-size: xx-small;
}
/*Lists: We reduce normal indentation and remove bullets for ordered and unordered lists  when placed in a sidebar*/
.sidebar ul, .sidebar ol, .sidebar2 ul, .sidebar2 ol {
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
	line-height: normal;
}
.sidebar li, .sidebar2 li {
	margin-bottom: 4px;
}
/*===========================
Ordinary Link Styles
============================*/
.content a {
	color: #CC3300;
}
.content a:hover, .content a:focus {
	color: #339933;
}
/* =======================================
Styles rules for page footer 
======================================== */
#footerwrapper {
	width: 100%;
	display: block;
	margin: 0px;
	background: #1A621E url('../images/footer-bg.jpg') repeat-x;
	border-top: solid 10px #000000;
}
#footer {
	position: relative;
	display: block;
	text-align: center;
	font-size: 0.85em;
	clear: both;
	width: 940px;
	line-height: 1.5em;
	color: #ededed;
	letter-spacing: 3px;
	margin: 0 auto;
	padding: 10px 0;
}
#footer a {
	color: #F1EDED;
	text-decoration: none;
}
#footer a:hover {
	color: #F1EDED;
	text-decoration: underline;
}
#footer p {
	margin-top: 0px;
	margin-bottom: 0px;
}
/* ============================
Sidebar content and nav styles
===============================*/
.sidebarbox {
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
	background-color: #E6FFE6;
	margin-top: 15px;
}
.sidebarbox .title {
	border-color: #025C07;
	font-weight: normal;
	color: #FFF;
	font-size: .9em;
	line-height: normal;
	margin-bottom: 0px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #025C08;
	margin-top: 0px;
}
.sidebarbox p {
	padding: 8px;
}
.sidebarbox ul {
	margin: 0px;
	list-style-type: none;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	padding: 2px 1px 0px 1px;
	background-color: #666;
}
.sidebarbox ul li {
	list-style: none;
	display: inline;
}
.sidebarbox ul li a {
	display: block;
	line-height: 18px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	background-color: #999;
	border-bottom: 1px solid #666;
	padding: 5px 4px 4px 10px;
}
.sidebarbox ul li a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #666;
	border-left: 5px solid #333;
}
.simple {
	margin-bottom: 15px;
}
.simple .title {
	border-color: #025C07;
	font-weight: normal;
	color: #FFF;
	font-size: 1em;
	line-height: normal;
	margin-bottom: 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 4px 8px 4px 8px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 0px solid;
	border-left: 1px solid;
	background-color: #025C08;
	margin-top: 0px;
	text-align: center;
}
.simple ul {
	list-style-type: none;
}
.simple ul li a {
	display: block;
	line-height: 18px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	color: #333;
	padding: 5px 4px 4px 10px;
}
.simple ul li a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #025C07;
}
/*==========================
Search box
============================*/
#search {
	text-align: center;
	margin: 3px auto 8px auto;
	font-size: .8em;
}
#search p {
	margin-bottom: 0px;
}
#myform {
	margin: 0px;
	padding: 0px;
}
#myform .textinput {
	width: 100px;
	border: 1px solid gray;
}
#myform .submit {
	font: bold .9em Verdana;
	height: 22px;
	background-color: #000000;
	color: #ffffff;
}
input:focus {
	border: 2px solid #980E10;
}
label {
	font-weight: bold;
	font-size: small;
}
legend {
	font-weight: bold;
}
#searchbutton {
	background-color: #025C07;
	border: 1px solid #003300;
	border-radius: 8px;
	-moz-border-radius: 8px; /* Firefox 3.6 and earlier */;
	-webkit-border-radius: 8px; /* Safari */;
	padding: 2px;
	color: #FFFFFF;
}
.floatleft {
	float: left;
	margin: 10px 10px 10px 15px;
}
.floatright {
	float: right;
	margin: 10px 15px 10px 10px;
}
.imgctr {
	display: block;
	margin: 0px auto;
}
/* ==========================
Styles for Family Group Sheet
============================= */
.fgs1 {
	margin: 5px auto 5px auto;
	width: 95%;
	border: 0px;
	font-size: .9em;
}
.fgs1 td {
	padding: 3px;
}
.note {
	font-size: large;
	color: #800040;
	font-weight: bold;
	background-color: inherit;
}
.fgo {
	background-color: #CCFFCC;
	background-image: url('../images/form-bg.jpg');
	background-repeat: repeat;
}
/*==========================================
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;
}
.error-page-line-closing {
	font-family: "Times New Roman";
	color: #0066CC;
	font-size: .9em;
	font-weight: bold;
}
.error-page-line-opening {
	font-family: "Times New Roman";
	color: #0066CC;
	font-size: .9em;
	font-weight: bold;
}
.error-msg {
	font-family: "Times New Roman";
	color: #CC3300;
	font-size: 1em;
	font-weight: bold;
}
.error-page-footer {
	font-family: "Times New Roman";
	color: #000000;
	font-size: .8em;
	font-weight: bold;
}
/*========================== 
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;
}
/*==========================
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;
}

/* =========== 
2 col table layout
===========*/
.twocol {
	table-layout: auto;
	border-collapse: collapse;
	border: 2px ridge #D0C9BC;
	padding: 10px 5px 5px 5px;
	color: #6E6952;
	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;
}

/*.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: #1A621E;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
blockquote {
	margin: 20px;
	color: #575757;
}
/*===========
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;
}

/*======== 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;
	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;
	padding: 5px;
	vertical-align: top;
	text-align: left;
}
/* ===================
Vital Records tables 
=================== */

.document {
	border: thin solid #C0C0C0;
	border-collapse: collapse;
}
.document th {
	padding: 5px;
	border: thin solid #C0C0C0;
}
.document td {
	padding: 5px;
	border: thin solid #C0C0C0;
}


/*==================================
MOBILE
===================================*/
body.p7mobile {
	-webkit-text-size-adjust: 100%;
	min-width: 0;
}
.p7mobile .content-wrapper {
	width: auto;
}
.p7mobile .content, .p7mobile .sidebar .content {
	font-size: large;
}
.p7mobile .sidebar {
	width: auto;
	float: none;
	margin-left: 0;
	border: none;
	background: transparent;
}
.p7mobile .sidebar .content {
	padding: 30px;
}
.p7mobile .main-content {
	margin: 0;
}
.p7mobile .topnavigation a, .p7mobile .footer {
	font-size: large;
}
.p7mobile .topnavigation li {
	margin-bottom: 5px;
}
.p7mobile .menuside li {
	list-style-type: none;
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 5px;
}
.p7mobile .menuside a, .p7mobile .footer {
	font-size: large;
}