@charset "iso-8859-1";

body {
margin: 0;
background-color: #afafaf; 
font-family: "Trebuchet MS", "Verdana", "Helvetica", "Arial", "sans-serif";
color: #000;
font-size: 13px;
}
body a img {
border: none; 
}

/* Layout Structure */

#container {
width: 1000px;
margin: 0 auto; 
padding: 0;
background-color: #fff;
}
#header {
width: 1000px;
height: 100px;
margin: 0;
padding: 0;
background-image: url(/images/kop-text2.jpg);
background-repeat: no-repeat;
background-position: 795px 27px;
background-color: #fff;
overflow: hidden;
}
#header img {
border: none;
}
#header #logo-icon {
margin-top: 13px;
margin-left: 10px;
}
#global-nav {
width: 1000px;
margin: 0;
padding: 7px 0;
background-color: #000;
overflow: hidden;
font-weight: bold;
/*
background-image:url(/images/header-bg.jpg);
background-repeat:repeat-x;
background-position: top;*/
}
#global-nav a:link, 
#global-nav a:visited {
color: #91c266;
text-decoration: none;
}
#global-nav a:hover {
text-decoration: underline;
}
#global-nav #renewal-link {
float: left;
margin-left: 15px;
}
#global-nav #kop-link, 
#global-nav #wp-link, 
#global-nav #rcf-link {
float: right;
margin-right: 35px;
}
#global-nav #rcf-link {
margin-right: 15px !important;	
}

/* Footer */

#footer {
width: 1000px;
margin: 0 auto;
background: #000;
height: 40px;
background-image:url(/images/footer-bg.jpg);
background-repeat:repeat-x;
background-position: top;
}
#footer p {
margin: 0;
padding: 12px 0;
text-align: center;
font-size: 11px !important;
color: #fff !important;
}

/* Content */

#content {
padding: 0;
margin: 0;
background-color: #fff;
clear: both;
display: inline-block;
}
#content2 {
padding: 20px;
margin: 0;
background-color: #fff;
clear: both;
display: inline-block;
}

/* Primary Column - Content Holder */

#col-1 #primary-column {
float: left;
width: 960px;
padding: 20px;
margin: 0;
background-color: #fff;
}
#col-2 #primary-column {
float: left;
width: 650px;
padding: 20px;
margin: 0;
background-color: #fff;
}
#col-3 #primary-column {
float: left;
position: relative;
width: 510px;
padding: 20px;
left: 0;
background-color: #fff;
}

/* Right Column - Related Resources */

#content #callout-column {
float: left;
position: relative;
width: 246px;
padding: 10px 20px 5px 20px;
left: 0;
margin-top: 30px;
margin-bottom: 20px;
background-color: #eee;
border: 1px solid #ccc;
}
#content #callout-column ul {
margin: 0;
padding: 0;
list-style: none;
}
#content #callout-column li {
margin-bottom: .75em;
padding: 0 10px;
background-image:url(/images/green-arrow.gif);
background-repeat:no-repeat;
background-position: 0 .5em;
}
#content #callout-column a.pdf,
#content #callout-column a.external-link {
padding-right: 23px;
background-repeat: no-repeat;
}
#content #callout-column a.pdf {
background-image: url(/images/bullet-pdf.gif);
}
#content #callout-column a.external-link {
background-image: url(/images/bullet-external-link.gif);
}
#content #callout-column h2 {
margin-bottom: .5em;
color: #666;
font-size: 16px;
text-shadow: rgba(0,0,0,.2) 0 2px 5px;
font-style: italic;
}

/* 3 Column Left Menu */

#col-3 #leftnav-column {
float: left;
width: 130px;
padding: 20px 5px;
background-color: #fff;
}
#col-3 #leftnav-column ul {
margin: 0 5px;
padding: 0;
list-style: none;
}
#col-3 #leftnav-column li {
margin-bottom: 1em;
color: #666;
font-weight: bold;
padding: 0; 
font-size: 14px;
}
#col-3 #leftnav-column li li {
margin-bottom: 0;
padding-left: 1em;
}
#col-3 #leftnav-column ul li a {
display: block; 
color: #216531; 
font-size: 14px;
}
#col-3 #leftnav-column ul li a:hover {
color: #009900; 
}

/* Font Styles */

p, ul, ol, blockquote {
font-size: 13px; 
line-height: 1.5em;
}
#content p,
#content li,
#content table,
#content dl {
font-family: "Trebuchet MS", "Verdana", "Helvetica", "Arial", "sans-serif";
margin-top: 0;
color: #333;
font-size: 13px;
}
#content p {
line-height: 1.5em
}
#content li {
margin-bottom: .5em
}


ul.no-indent, ol.no-indent {
line-height: 1.5em;
padding-left: 2.25em;
margin: 0;
}
#content .no-indent li {
margin-top: 0;
font-size: 13px;
margin-bottom: .25em;

}

h1, h3, h4, h5, h6 {
margin: 0;
padding: 0;
clear: both;
text-align: left;
text-shadow: rgba(0,0,0,.3) 0 3px 5px;
}
#content h1 {
color: #276631;
font-size: 20px;
}
#content h2 {
color: #333;
font-size: 17px;
margin: 0 0 .5em 0;
padding: 0;
clear: both;
text-align: left;
text-shadow: rgba(0,0,0,.3) 0 3px 5px;
}
#content h3 {
color: #276631;
font-size: 14px;
font-weight: bold;
}
#content h4 {
color: #666;
font-size: 14px;
font-weight: bold;
font-style: italic;
}
#primary-column #update-info {
font-size: 11px;
color: #666;
}

/* Homepage Structure */

#home #content {
background-image: url(/images/splash6.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
#home #content2 {
padding: 10px 20px;
margin: 143px 0 0 0;
background-color: #fff;
}
#home #column-left {
float: left;
position: relative;
width: 350px;
padding: 1em 0 0 0;
left: 0;
}
#home #column-center {
float: left;
position: relative;
width: 350px;
padding: 1em 0 0 0;
left: 20px;
}
#home #column-right {
float: left;
position: relative;
width: 220px;
padding: 1em 20px 10px 20px;
left: 20px;
text-align: center;
}
#home #column-right p.feature {
padding: 0;	
margin: 0;
}
#home #column-right img {
border: none;
padding: 0;	
margin: 0;
}
#home h1 {
margin: 0 0 5px 0; 
padding: 0;
clear: both;	
font-size: 22px !important;
font-weight: normal;
margin-bottom: 10px;
}
#home h2 {
color: #333 !important;
font-size: 18px !important;
font-weight: normal;
text-align: center;
border: 1px solid #ccc;	
margin: 0 0 10px 0; 
padding: .25em 0 .25em .25em;
background-color: #eee;
clear: both;
}
#home h3 {
text-align: center;	
}

/* Content Styles */

#content a:link {
color: #216531;
}
#content a:visited {
color: #216531;
}
#content a:hover {
color: #009900;
}
#content .more a, 
#content .more p {
padding-right: 10px;
background-image:url(/images/green-arrow.gif);
background-repeat:no-repeat;
background-position: 100% .5em;
}

#content a.pdf {
padding-right: 23px;
background-position: top right;
background-repeat: no-repeat;
}
#content a.pdf {
background-image: url(/images/bullet-pdf.gif);
}
#content a.external-link {
background-image: url(/images/bullet-external-link.gif);
}
#content p.pdf {
padding-left: 23px;
background-repeat: no-repeat;
}
#content p.pdf {
background-image: url(/images/bullet-pdf.gif);
}
#content p.external-link {
background-image: url(/images/bullet-external-link.gif);
}

/* Photo Styles */

.photo-left {
float: left;
text-align: center; 
margin: 0 1em 0 0;
}
.photo-right {
float: right;
text-align: center; 
margin: 0 0 0 1em;
}
.photo-left p, 
.photo-right p {
font-size: 11px;
color: #000; 
line-height: 150%;
margin: .5em 0 0 0;
text-align: center; 
}	
.photo-center, 
div.photo-center {
text-align: center; 
padding-bottom: 10px;
margin: 0 auto;
display: block;
clear: both;
}
.photo-center p {
margin: 0 auto;
padding: 0;
}
.photo-center p, 
.photo-center div {
font-size: 12px !important;
color: #666 !important;
line-height: 125%;
margin: 2px auto 5px auto;
}

/* Special Content Styles */

img {
border: 1px solid #ccc;
padding: 10px;
}
img.no-border, 
img.thumbnails {
border: none;
padding: 0;
}
.callout-box {
background-color: #eee; 
padding: 1em 1em 0 1em; 
margin: 1.5em auto;
border: 1px solid #ccc;
text-align: center;
}
.callout-box3 {
background-color: #eee; 
padding: 1em 1em 0 1em; 
margin: 1em auto;
border: 1px solid #ccc;
text-align: center;
}
.callout-box2 {
background-color: #eee; 
padding: 1em 1em 1.5em 1em; 
margin: 1.5em auto;
border: 1px solid #ccc;
text-align: center;
}
.callout-box2 p {
padding-top: 1em;	
}

/* List Columned Styles */

.list-column {
margin: 0;
float: left;
background-color: #0FF;
}
.col-2 .list-column.two {
width: 200px;
}
.col-2 .list-column.three {
width: 194px;
}
.col-3 .list-column.two {
width: 200px;
}
.col-3 .list-column.three {
width: 134px;
}
.list-column li {
padding: 0;
line-height: 1.5em;
}

/* Styles for forms */

.fface { 
font: xx-small verdana; 
color: #000000; 
}
.ffacemiddle { 
font: small verdana; 
text-align: center; 
}
.ffacelarge { 
font: large verdana;
}
#leftcolumn { 
float: left; 
width: 200px; 
padding-right: 20px;
}
#rightcolumn { 
float: left; 
width: 300px; 
margin-top: 50px; 
padding: left: 20px;
}
.clear { 
clear: both; 
}
.ffield { 
float: left; 
text-align: right; 
font: xx-small verdana; 
color: #000000; 
padding-right: 10px;
}

/* -- Tables -- */

.tables {
margin: 0 0 1em 0;
border: 1px solid #fff;
padding: 3px;
width: 390px;
}
.tables th {
padding: .5em 1em;
border-bottom: 1px solid #ccc;
color: #000;
font-size: 13px;
width: 195px;
}
.tables td {
padding: .5em 1em;
border-bottom: 1px solid #ccc;
width: 195px;
}
.odd {
background-color: #eee;
}

/* -- Tables -- */

#content .tables2 {
margin: 0 0 2.5em 0;
border: 1px solid #ccc;
padding: 3px;
width: 100%;
}
#content .tables2 th {
padding: .5em 1em;
border-bottom: 1px solid #ccc;
text-align: center;
}
#content .tables2 th h2 {
color: #333;
font-size: 16px;
text-shadow: rgba(0,0,0,.3) 0 3px 5px;
text-align: center;
margin-bottom: 0;
}
#content .tables2 td {
padding: 1em .5em 0 .5em;
border-bottom: 1px solid #ccc;
text-align: center;
}
#content .tables2 .odd {
background-color: #eee;
}
#content .tables2 .line {
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid #ccc;
}

#content .tables4 {
margin: 0 0 2.5em 0;
border: 1px solid #ccc;
padding: 3px;
width: 100%;
}
#content .tables4 th {
padding: .5em 1em;
border-bottom: 1px solid #ccc;
text-align: center;
}
#content .tables4 th h2 {
color: #333;
font-size: 16px;
text-shadow: rgba(0,0,0,.3) 0 3px 5px;
text-align: center;
margin-bottom: 0;
}
#content .tables4 td {
padding: .5em .5em 0 .5em;
border-bottom: 1px solid #ccc;
text-align: center;
}
#content .tables4 .odd {
background-color: #eee;
}
#content .tables4 .line {
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid #ccc;
}
#content .tables3 {
margin: 0 0 2.5em 0;
border: 1px solid #ccc;
padding: 2px;
width: 100%;
}
#content .tables3 th {
padding: .5em 1em;
border-bottom: 1px solid #ccc;
text-align: center;
}
#content .tables3 th h2 {
color: #333;
font-size: 16px;
text-shadow: rgba(0,0,0,.3) 0 3px 5px;
text-align: center;
margin-bottom: 0;
}
#content .tables3 td {
padding: 1em .5em 0 .5em;
border-bottom: 1px solid #ccc;
text-align: center;
}
#content .tables3 .odd {
background-color: #eee;
}
#content .tables3 .line {
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid #ccc;
}
#content .tables5 {
margin: 0 auto 1em auto;
border: 1px solid #ccc;
padding: 3px;
width: 320px;
}
#content .tables5 th {
padding: .5em 1em;
border-bottom: 1px solid #ccc;
text-align: center;
}
#content .tables5 th h2 {
color: #333;
font-size: 16px;
text-shadow: rgba(0,0,0,.3) 0 3px 5px;
text-align: center;
margin-bottom: 0;
}
#content .tables5 td {
padding: .5em 1em;
border-bottom: 1px solid #ccc;
text-align: center;
}
#content .tables5 .odd {
background-color: #eee;
}
#content .tables5 .line {
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid #ccc;
}

#content .tables-sermons {
margin: 0 0 2.5em 0;
border: 1px solid #ccc;
padding: 2px;
width: 100%;
}
#content .tables-sermons th {
padding: .5em 1em;
border-bottom: 1px solid #ccc;
text-align: center;
}
#content .tables-sermons th h2 {
color: #333;
font-size: 16px;
text-shadow: rgba(0,0,0,.3) 0 3px 5px;
text-align: center;
margin-bottom: 0;
}
#content .tables-sermons td.date {
color: #276631;
font-size: 14px;
font-weight: bold;
text-shadow: rgba(0,0,0,.3) 0 3px 5px;
}
#content .tables-sermons td {
padding: .5em 1em;
border-bottom: 1px solid #ccc;
text-align: center;
}
#content .tables-sermons .odd {
background-color: #eee;
}
#content .tables-sermons .line {
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid #ccc;
}


.line {
margin-top: 20px !important;
padding-top: 15px !important;
border-top: 1px solid #ccc;
}


/* Table styles */
.trbody { 
background-color: #fff; 
border-bottom: #2b6c34 1px solid; 
}
.trbody1 { 
background-color: #87B962; 
border-bottom: #2B6C34 1px solid; 
}
.trbody2 { 
background-color: #c8ecae; 
border-bottom: #2B6C34 1px solid; 
}
.tdbody { 
font-family: "Trebuchet MS", "Verdana", "Helvetica", "Arial", "sans-serif";
font-size: 12px;
text-align: none;
color: #000;
font-style: normal;
line-height: 150%;
font-weight: normal;
font-variant: normal;
}
.tdbody1 { 
font-family: "Trebuchet MS", "Verdana", "Helvetica", "Arial", "sans-serif";
font-size: 12px;
text-align: center;
color: #000;
font-style: normal;
line-height: 150%;
font-weight: normal;
font-variant: normal;
}

/* Menu Styles */
/* Credits: Dynamic Drive CSS Library - http://www.dynamicdrive.com/style/ */

#menu {
background-color: #fff; 
width: 1000px; 
text-align: center; 
margin: 0 auto;
clear: both;
z-index: 0;
}
#menu ul {
margin: 0; 
padding: 0; 
list-style-type: none; 
background-color: #fff; 
z-index: 9999 !important;
}
/* Top level list items */
.smain {
width: 195px; 
border: 1px solid #ccc;
}
#menu ul li {
position: relative; 
display: inline; 
float: left; 
background-color: #fff;  /* overall menu background color */
}
#menu #arrow-down {
background-image: url(/images/arrow-down.gif);
background-repeat: no-repeat;
background-position: 180px 11px;
}
#menu ul li a {
display: block; 
padding: 5px 0; 
text-decoration: none;
font-weight: bold;
color: #216531; 
width: 198px;  /* width of top level menu link items */
border: 1px solid #ccc; 
border-right: none;
font-family: "Verdana", "Helvetica", "Arial", "sans-serif";
font-size: 14px;
text-shadow: rgba(0,0,0,.3) 0 3px 5px;
}
#menu ul li a#last-menu-item {
border-right: 1px solid #fff;  /* Contact Us */
width: 202px;
}
#menu ul li a:hover {
background-color: #eee; 
text-decoration: none;
}	
/* 1st sub level menu */
#menu ul li ul {
left: 0; 
position: absolute; 
display: block; 
visibility: hidden; 
top: 1em; /* no need to change, as true value set by script */
}
/* Sub level menu list items (undo style from Top level List Items )*/
#menu ul li ul li {
display: list-item; 
float: none;
}
/* Sub level menu links style */
#menu ul li ul li a {
display: block; 
padding: 5px 0; 
text-decoration: none; 
color: #000;
width: 198px; /*width of sub menu levels*/
border: 1px solid #ccc; 
border-top: none;
font-family: "Verdana", "Helvetica", "Arial", "sans-serif";
font-size: 11px;
text-shadow: rgba(0,0,0,.3) 0 3px 5px;
}
/* All subsequent sub menu levels offset after 1st level sub menu */
#menu ul li ul li ul { 
top: 0; 
left: 198px; /* no need to change, as true value set by script */
}
/* Holly Hack for IE */
* html #menu ul li { 
float: left; 
height: 1%; 
}
* html #menu ul li a { 
height: 1%; 
}
/* IE Styles - For a paragraph that follows suckertree menu, add 1em top spacing between the two in IE
html p#iepara { padding-top: 1em;} */