﻿/* Color Palette:

#949372 - Outside Body Background
#F2F1B9 - Hover Text Highlight
#D2D199 - General Text
#545441 - Darker Text

#3E4229 - Content Borders Dark
#585E3A - Stories Banner Background
#7B8058 - Content Background
#C8C79B - Content Borders Light

#8C3013 - Red Bar
#642712 - Red Background

#7B8058 - Tab 1 Background
#66694A - Tab 2 Background
#585B40 - Tab 3 Background
#4E5038 - Tab 4 Background
#454732 - Tab 5 Background
*/

* {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12pt;
	color: #D2D199;
}

body {
	color: #D2D199;
	background-color: #949372;
/*	font-family: Georgia, Times New Roman,Times,serif;
	font-size: 12pt; */
	text-align: center;
	margin: 10pt 0 10pt 0;
	padding: 0 0 0 0;
	scrollbar-base-color: #7B8058;
}

/* .page_container, .panel, .container, .content, .mceContentBody {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12pt;
} */

h1, h2, h3, h4, h5, h6, table.index caption {
	font-weight: normal;
}

h1 {	font-size: 20pt;}
h2, table.index caption {	font-size: 16pt;}
h3 {	font-size: 14pt;}
h4 {	font-size: 12pt;}
h5 {	font-size: 10pt;}
h6 {	font-size: 9pt;}

.left {
	position: relative;
	left: 0;
	float: left;
	clear: right;
}

.right {
	position: relative;
	right: 0;
	float: right;
	clear: left;
}

div.page_container {
	display: block;
	position: relative;
  overflow: hidden;
 	width: 564pt;
	background-color: #C8C79B;
	padding-bottom: 2pt;
	float: none;
}

div.page_header {
	display: block;
	position: relative;
	width: 100%;
	height: 74pt;
	text-align: left;
}

.page_header img {
	position: absolute;
	left: 2pt;
	top: 2pt;
}

div.page_footer {
	display: block;
	position: relative;
	width: 80%;
	padding: 2pt 0 2pt 0;
	text-align: center;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	color: #545441;
	float: none;
}

div.marquee_alert {
	background-color: #8C3013;
	margin: 0pt 3pt 0pt 2.5pt;
	padding: 3pt 2pt 3pt 2pt;
}

.panel {
	text-align: left;
	vertical-align: top;
}

.spaced {
	margin: 4pt 4pt 4pt 4pt;
	padding: 6pt 6pt 6pt 6pt;
}

div.index {
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

div.panel.index {
	padding-left: 2pt;
	padding-right: 2pt;
}

.index {
	text-align: left;
}

.index a {
	text-decoration: none;
}

div.panel.left.navbar {
	display: block;
  position: absolute; 
  top: 80pt; 
  left: 0pt; 
  width: 92pt; 
  height: 422pt;
	margin: 2pt 2pt 2pt 2pt;
	padding: 12pt 8pt 0 8pt;
	color: #D2D199;
	background-color: #642712;
	background-image: url(../images/leftnav02.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 10pt;
}

.left.navbar ul li ul, 
.content li.submenu ul {
	display: none;
}

li.submenu {
	margin-left: -11pt;
	padding-left: 11pt;
	background-image: url(../images/tri.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

li.submenu.open {
	background-image: url(../images/trid.gif);
}

ul.flat li {
	padding-left: 0pt!important;
}

.navbar ul {
	padding-left: 4pt;
	margin-left: 0;
}

.navbar li {
	list-style-type: none;
	margin-top: 4pt;
	padding-top: 2pt;
}

.navbar li ul li {
	color: #545441;
}

.navbar li a {
	color: #D2D199;
	text-decoration: none;
	font-size: 10pt;
}

.navbar li a:hover {
	color: #F2F1B9;
	text-decoration: underline;
}

.navbar li a.selected {
	color: #F2F1B9;
	font-weight: bold;
	font-size: 9pt;
}

div.tabs {
	/* border: solid 1px #D2D199; */  /* For testing */
  position: static;
  top: 0pt;
  left: 6pt;
  width: 440pt;
  height: 13.5pt;
	padding: 0pt 0pt 0pt 0pt;
	margin: 0pt 0pt 0pt 0pt;
}

.tabs ul {
	padding: 0pt 0pt 0pt 0pt;
	margin: 0pt 0pt 0pt 0pt;
}

.tabs li a {
	font-size: 12pt;
	font-weight: normal;
	color: #D2D199;
}

.tabs li a:hover {
	color: #F2F1B9;
	text-decoration: underline;
}

.tabs li {
/*	border: solid 1px #D2D199;  */ /* For testing */
	display: inline;
	position: relative;
	list-style-type: none;
  margin: 0pt 0pt 0pt 0pt;
  margin-left: -3pt; /* Mozilla Firefox */
	padding: 0pt 20pt 0pt 3pt;
}

.tabs li.first {
	margin-left: 0pt; /* Mozilla Firefox */
}

.tabs li.last {
  background-image: url(../images/tabtri5.gif);
 }

.tabs li.selected a {
	color: #F2F1B9;
	font-weight: bold;
}

li.tab1 {
	background-color: #7B8058;
  background-image: url(../images/tabtri1.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

li.tab2 {
	background-color: #66694A;
  background-image: url(../images/tabtri2.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.tabs li.reverse2 {background-image: url(../images/tabtri0r.gif);}

li.tab3 {
	background-color: #585B40;
  background-image: url(../images/tabtri3.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.tabs li.reverse3 {background-image: url(../images/tabtri1r.gif);}

li.tab4 {
	background-color: #4E5038;
  background-image: url(../images/tabtri4.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.tabs li.reverse4 {background-image: url(../images/tabtri2r.gif);}

li.tab5 {
	background-color: #454732;
  background-image: url(../images/tabtri5.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.tabs li.reverse5 {background-image: url(../images/tabtri3r.gif);}

a {
	text-decoration: none;
	color: #D2D199;
}

a:hover {
	text-decoration: underline;
	color: #F2F1B9;
}

a:hover.nounderline {
  text-decoration: none;
}

.large, .large * {
  font-size: 14pt;
}

.medium, .medium * {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10pt;
}

.small, .small * {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 9pt;
}

.tiny, .tiny * {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 8pt;
}

div.panel.main {
	display: block;
  position: absolute; 
  top: 80pt; 
  left: 113pt; 
  width: 446pt; 
  height: 434pt; 
  overflow: hidden;
	padding: 2pt 2pt 2pt 0pt;
}

div.panel.stories {
	display: block;
  position: absolute; 
  top: 2pt; 
  left: 0pt; 
  width: 444pt; 
  height: 58pt;
	background-color: #585E3A;
}

div.container {
  position: absolute; 
  top: 63pt; 
  left: 0pt;
  width: 446pt; 
  height: 356pt; 
  overflow: hidden;
 	padding: 2pt 2pt 15pt 6pt;
	background-color: #3E4229;
}

div.panel.photos {
  position: absolute; 
  top: 17pt; 
  left: 378pt; 
  width: 70pt; 
  height: 336pt;
	padding: 0pt 0pt 0pt 0pt;
	margin: 0pt 2pt 0pt 2pt;
	text-align: center;
	background-color: #642712;
}

*.content {
/*  width: 356pt; */
  width: 426pt;
	height: 316pt;
	background-color: #7B8058;
	background-image: url(../images/mtns.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

div.content {
  position: static; 
/*  top: 17pt; 
  left: 6pt; */
	padding: 0pt 8pt 40pt 4pt;
	margin-right: 0pt;
}

div.container.fullsize {
  top: 2pt;
  left: 0pt;
  width: 446pt; 
	height: 417pt;
}

div.content.full {
  top: 0pt;
  left: 0pt;
  width: 426pt; 
	height: 93.5%;
}

.content * {
	color: #D2D199;
}

.content a, marquee a {
	text-decoration: underline!important;
	color: #D2D199;
}

.content a:hover {
	text-decoration: underline!important;
	color: #F2F1B9;
}

.content ul li, .content ol li {
	margin-top: 6pt;
	margin-bottom: 8pt;
}

.noscroll {
	overflow: hidden!important;
}

.hidden, .inactive {
	display: none;
}

hr {
  display: block;
  float: none;
  clear: both;
	border-color: #D2D199;
}

div.piclist {
  display: inline-block;
  margin-bottom: 30pt;
  font-size: 12pt;
}

.piclist h1, .piclist h2 {
  margin: 0pt 0pt 0pt 0pt;
}
.piclist h1 {font-size: 16pt;}
.piclist h2 {font-size: 14pt; margin-bottom: 4pt;}

img.gradwipe {
  position: relative;
  filter: progid:DXImageTransform.Microsoft.Wipe(GradientSize=0.25, wipeStyle=0, motion=forward);
}

blockquote.scripture {
	margin-left: 10pt;
	margin-right: 10pt;
}

.scripture p {
	margin: 8pt 0pt 8pt 0pt;
}

ul.index li {
	list-style-type: none;
	margin-bottom: 8pt;
}

li.normal {
	list-style-type: disc!important;
}

li.dollar {
	list-style-image: url(../images/dollar_icon.gif);
}

ul.index a img {
	vertical-align: middle;
}

ul.index a {
	text-decoration: none;
}

table.index {
	border: none;
}
table.index caption {
	text-align: left;
	margin-bottom: 14pt;
}
table.index td, table.index th {
	background-color: #878C61;
	border-bottom: solid 2pt #7B8058;
	font-size: 10pt;
	vertical-align: top;
}
table.index .odd td, table.index .odd th {
	background-color: #93996A;
}
table.index th {
	font-weight: normal;
	text-align: left;
}
table.index td {
	text-align: center;
}

.subtitle {
	font-size: x-smaller;
	font-weight: normal;
	display: block;
}

a.admin {
	text-decoration: underline;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #D2D199;
}

a.underline {
	text-decoration: underline!important;
}

input, option, select, textarea {
	font-family: Arial, Helvetica, Sans-Serif;
	color: Black!important;
}

label.required {
	color: Yellow;
}

a img {
	text-decoration: none!important;
}
.content a img { /* Firefox:  hide underline on linked images in content */
	background-color: #7B8058;
}

ul.footer li {
	display: inline;
	padding: 0pt 0pt 0pt 0pt;
}
ul.footer li, ul.footer li a {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 8pt;
}
ul.footer li.first {
	list-style-type: none;
}

/* Forms */

.linearform input {
	display: block;
}

input.inline {
	display: inline;
	width: auto;
	vertical-align: top;
}

label {
	font-weight: bold;
	text-transform: capitalize;
	vertical-align: top;
}
label.list {
	display: inline-block;
	text-align: left;
	width: 180pt;
}

/* Calendar */

table.calendar {
	width: 97%;
	margin-bottom: 50pt;
}

.calendar * {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.calendar caption {
	font-family: Georgia, Times New Roman, Times, serif!important;
	font-size: 16pt!important;
	padding-bottom: 6pt;
}

.calendar td, .calendar th {
	border: solid 1pt #D2D199;
	padding: 1pt 2pt 1pt 2pt;
	margin: 0pt 0pt 0pt 0pt;
}

.calendar td.blank, .calendar th.blank {
	border: none;
}

.calendar td {
	border-top: none;
	text-align: left;
	vertical-align: top;
	height: 50pt;
	width: 14.285%;
}

.calendar th {
	border-bottom: none;
	font-size: 12pt!important;
	text-align: left;
}

.calendar p {
	margin: 0pt 0pt 3pt 0pt;
	border-bottom: dotted 1px #D2D199;
	padding-bottom: 1pt;
}

.calendar.inline th *, .calendar.inline td * {
	font-size: 12pt;
}

.calendar.inline th, .calendar.inline td {
	height: auto;
	border: none;
	border-bottom: dotted 1px #D2D199;
	width: 50%;
	font-size: 12pt;
	font-weight: normal;
}
.calendar.inline th {
	width: 30%;
}
.calendar.inline td {
	width: 70%;
	text-align: right;
}

.calendar.inline p {
	border-bottom: none;
}

.calendar a {
/*	text-decoration: none!important; */
}

.calendar strike {
	cursor: not-allowed;
}

/* Login Form */
div.login {
	border: solid 1pt #D2D199!important;
	background-color: #7B8058!important;
	margin: 30pt 30pt 30pt 30pt!important;
}
.login h1 {
	margin-top: 10pt;
	margin-bottom: 10pt;
}
.login input {
	margin-bottom: 10pt;
}
.login label {
	display: block;
}
.login a {
	padding-left: 2pt;
	padding-right: 5pt;
	border-right: solid 1pt #D2D199;
}
.login a.last {
	border-right: none;
}

/* Page Editor */

body.mceContentBody {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12pt;
	color: #D2D199;
	text-align: left;
	background-color: #7B8058;
	background-image: url(../images/mtns.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	overflow: auto!important;
	overflow-y: auto!important;
	overflow-x: hidden;
}
body.mceContentBody.a {
	color: #D2D199;
}

textarea.content {
	display: block;
	height: 270pt;
	visibility: hidden;
	width: 426pt;
}

.edit {
	background-color: white!important;
}
.edit * {
	color: #3E4229!important;
}

.hidden, .inactive {
	display: none;
}
.edit .hidden, .edit .inactive {
	display: block!important;
}
.edit .hidden, .edit .hidden *, .edit .inactive, .edit .inactive * {
	color: #CCCCCC!important;
	font-style:italic!important;
}
.edit hr.hidden, .edit hr.inactive {
	border-color: #DDDDDD!important;
	border-style: dashed!important;
}