/****************************************************************
 * Copyright notice
 *
 * (c) 2010 Christian Technology Ministries International Inc.
 * All rights reserved
 *
 * This file is part of the Web-Empowered Church (WEC)
 * (http://WebEmpoweredChurch.org) ministry of Christian Technology Ministries
 * International (http://CTMIinc.org). The WEC is developing TYPO3-based
 * (http://typo3.org) free software for churches around the world. Our desire
 * is to use the Internet to help offer new life through Jesus Christ. Please
 * see http://WebEmpoweredChurch.org/Jesus.
 *
 * You can redistribute this file and/or modify it under the terms of the
 * GNU General Public License as published by the Free Software Foundation;
 * either version 2 of the License, or (at your option) any later version.
 *
 * The GNU General Public License can be found at
 * http://www.gnu.org/copyleft/gpl.html.
 *
 * This file is distributed in the hope that it will be useful for ministry,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * This copyright notice MUST APPEAR in all copies of the file!
 ****************************************************************/

/****************************************************************
 *
 * This is a modified version of skin_bn_wireframe developed by Ron Hall of BusyNoggin, Inc.
 *
 ****************************************************************/

/* @group Reset Styling */
.column-group .column, .module-group .module {
	float: left;
	margin-right: 20px;
}

.clear-only {
	clear: both;
}

.threecolumn-group {
	padding: 0 !important;
}

.news-list-item-img {
	float: right;
}

.column.column-2 .news-single-img img {
    border: 2px solid #B9A46B;
}

.tx-kiwislider-pi1 {
	background:url("images/slider.png") repeat scroll 0 0 transparent;
}

.tx-odsosm-pi1 img {
	border: 0 !important;
}

.news-latest-container {
padding: 0px;
margin: 0;
}

.news-latest-gotoarchive {
background:none repeat scroll 0 0 transparent;
margin-top:5px;
padding:0;
}
.column.column-2 img {
	border: 5px solid #B9A46B; 
}

.column.column-2 .openstreetmap img {
	border: none;
}

#osm_24 img, .column.column-2 h4 img, .column.column-2 h5 img  {
	border: 0;
}

.column.column-2.two-third {
    width: 613px !important;
    float: right;
}

.column.column-2.two-third .column.column-2.two-third {
	width: 200px !important;
}


.column.column-1.third {
	width:203px !important;
}

.column.column-1.third hr, .column.column-2 hr {
	border: 0;
	border-bottom:1px solid #B5A56A;
	margin:0 0 20px 0;
	padding:0;
}

.column.column-1.third,.column.column-2.third{
    margin-right: 14px;
}

.column-group.two-column-group.half-half,.column-group.three-column-group.third-third-third {
    padding: 0;
    margin: 0;
}

.column.column-2.oneHalf {
	width: 613px !important;
    float: right;
}

.column.column-2.oneHalf .column-group.two-column-group {
	padding: 0;
}


.column.column-2.oneHalf .column-group.two-column-group .column.column-2.oneHalf {
	width: 306px !important;
}

.column.column-2.oneHalf .column-group.two-column-group .column.column-2.oneHalf .csc-textpic.csc-textpic-intext-left .csc-textpic-imagewrap,
.column.column-2.oneHalf .column-group.two-column-group .column.column-2.oneHalf .csc-textpic.csc-textpic-intext-left .csc-textpic-imagerow {
	width: 120px !important;
}

.news-single-backlink {
margin: 0;
padding: 0;
text-align:right;
}

.news-single-item {
margin: 0;
padding: 0;
}
#leftFooter {
	float:left;
	left:21px;
	position:relative;
	top:60px;
}

#middleFooter {
	float:left;
	left:240px;
	position:relative;
	top:60px;
}

#middleFooter table, #middleFooter tr, #middleFooter td {
	margin: 0;
	padding:0 10px 0 0;
} 


#rightFooter {
	float:left;
	left:390px;
	position:relative;
	top:60px;
}

#rightFooter a {
background: transparent url(images/pfeil.png) no-repeat 0 3px;
padding-left: 10px;

}


/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

a:active {
	outline: none;
	}

a:focus {
	-moz-outline-style: none;
	}

/* @end Reset Styling */

/* @group Base Styling */

html {
	height: 100%;
}

body {
	font-family: Verdana;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	height: 100%;
	background:#92B5C7;
	text-align:center;
}

/* NOTE: Much of the typography styling is handled in rte.css */


/* @group Table Styling */

/* NOTE: Table Styling is mostly handled in rte.css */
table {
	border-collapse:collapse;
	/*width: 100%;*/
	}

/* @end Table Styling */

/* @group Additional Tags */


pre {
	margin-bottom: 15px;
	}

code {
	margin-left: 10px;
	margin-right: 10px;
}

pre code {
	margin-left: 0px;
	margin-right: 0px;
	}

pre,
code {
	font-family: Verdana;
	}


/* @end Additional Tags */

/* @group TYPO3 General Styling */

div.csc-textpic-center div.csc-textpic-imagewrap,
div.csc-textpic-left div.csc-textpic-imagewrap,
div.csc-textpic-right div.csc-textpic-imagewrap {
    margin-bottom: 10px;
}
    
/* @end */

/* @group Forms */


form input, form textarea {
	margin-right: 5px;
	}

form input:focus, form input:hover {
	color: black;
	}

form select {
	font-family:Verdana;
	font-size: 12px;
	}

form option {
	margin: 0px;
	margin-left: 5px;
	margin-right: 10px;
	}

optgroup {
	font-weight: bold;
	
	margin: 0;
	margin-top: 5px;
	}

optgroup option {
	padding-left: 5px;
}

legend {
	font-weight: bold;
	color: black;
	}


/* @end Forms */

/* @end Base Styling */

/* @group Common Classes */

.clear {
	clear: both;
	}

.clearOnly {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 0;
	}

.outOfSight {
	position: absolute;
	top: 0;
	left: -4000px;
	}

.centralHeadline{
	font-size:28px;
	margin-top:0;
}

.csc-firstHeader {
	color: #795F15;
}

.graphicTextWrap {
	overflow: hidden;
	}

.graphicText {
	line-height:300px;
	display: block;
	}

/* @end Common Classes */

/* @group Layout */

#feature .column-group.two-column-group .tx-kiwislider-pi1 ul.navigation {
    left: -266px;
    position: absolute;
    top: 300px;
    z-index: 9999;
}

#feature .column-group.two-column-group .tx-kiwislider-pi1 ul.navigation li {
    margin-bottom: 3px;
    margin-right: 5px;
    display: block;
}

#feature .column-group.two-column-group .tx-kiwislider-pi1 ul.navigation a {
	font-size: 17px;
	width: 100px;
}

#feature .column-group.two-column-group .tx-kiwislider-pi1 ul.navigation li {

    padding: 7px;
    width: 100px;
}

#feature .column-group.two-column-group {
	margin: 0;
	padding: 0;
}

#feature .column-group.two-column-group .tx-kiwislider-pi1 ul.navigation a {
	background: 0;
	color: #795F15;
}

#feature .column-group.two-column-group h1 {
	margin: 20px;
	color: #fff;
}

#feature .column-group.two-column-group .tx-kiwislider-pi1 ul.navigation a.selected {
	background: 0;
	color: #fff;
}

#feature .column-group.two-column-group .tx-kiwislider-pi1, #feature .column-group.two-column-group .scroll, #feature .column-group.two-column-group .tx-kiwislider-pi1 .scrollContainer div.panel {
	width: 655px;
}

#feature .column.column-2.twoThird {
	width: 656px !important;
}

#feature .column-group.two-column-group .tx-kiwislider-pi1 .scrollContainer div.panel img {
	border: 0;
}

#feature .csc-textpic-text {
padding: 20px;
color: #FDF9DE;
}

#feature .csc-textpic-text h1 {
margin-bottom: 10px;
color: #FDF9DE;
}


#pageWrap{
	background:#FDF9DE;
	width: 970px;
	margin: auto;
	margin-top: 20px;
	padding-bottom:10px;
}

#contentWrap-outter{
	margin:0;
	text-align:center;
	background-color: #FDF9DE;
	
}
#contentWrap {
	margin:0 auto;
	width:970px;
	text-align:left;
	background: url("images/backcontent.png");
	}


#feature {
	background:none repeat scroll 0 0 #B9A46B;
	height:450px;
	margin-bottom:15px;
	margin-left:20px;
	text-align:left;
	width:930px;
	}
	
#feature h1,
#feature h2,
#feature h3,
#feature h4,
#feature h5,
#feature h6{	
	color:white;
	}
	
#generatedContent-1 {
	width: 230px;
	float: left;
	margin-right: 20px;
	}

#generatedContent-2 {
	width: 230px;
	float: right;
	}

#f1d #contentBlock-1 {
	float: right;
	width: 730px;
	}

#f1e #contentBlock-1 {
	float: left;
	width: 730px;
	}

#f1f #contentBlock-1 {
	float: left;
	width: 480px;
	}

#f2a #contentBlock-1 {
	float: left;
	width: 730px;
	}

#f2a #contentBlock-2 {
	width: 230px;
	float: right;
	}

#f2b #contentBlock-1 {
	float: left;
	width: 730px;
	}

#f2b #contentBlock-2 {
	width: 230px;
	float: right;
	}

#f2c #contentBlock-1 {
	float: left;
	width: 730px;
	}

#f2c #contentBlock-2 {
	width: 230px;
	float: right;
	}


#f2d #contentBlock-1 {
	float: left;
	width: 480px;
	}

#f2d #contentBlock-2 {
	width: 230px;
	float: right;
	}

#f2e #contentBlock-1 {
	float: left;
	width: 480px;
	margin-right: 20px;
	}

#f2e #contentBlock-2 {
	width: 230px;
	float: left;
	}

#f3a #contentBlock-1,
#f3b #contentBlock-1 {
	float: left;
	width: 480px;
	margin-right: 20px;
	}

#f3a #contentBlock-2,
#f3b #contentBlock-2 {
	width: 230px;
	float: left;
	}

#f3a #contentBlock-3,
#f3b #contentBlock-3,
#f3c #contentBlock-3,
#f3d #contentBlock-3 {
	width: 230px;
	float: right;
	}

#f3c #contentBlock-1,
#f3d #contentBlock-1 {
	float: left;
	width: 480px;
	}

#f3c #contentBlock-2,
#f3d #contentBlock-2 {
	width: 230px;
	float: left;
	margin-right: 20px;
	}

/* @end Layout */

/* @group Header */

#header {
	margin:0;
	position:relative;
	text-align:center;
	}

#masthead {
	margin:0 auto;
	padding: 0;
	width:970px;
	text-align:left;
	height: 108px;
	}

#masthead a {
	display: block;
	padding:38px 0;
	float:left;
	}

#masthead h1 {
	margin: 0;
	font-size:40px;
}

#masthead h1 a,
#masthead h1 a:active {
	color: #444;
	font-family:Verdana, "Times New Roman", Times, serif;
}


#masthead h1 a:hover{
	color: #111;
	text-decoration:none;
}












#topNavWrap{
	padding:4px 0;
	background:#000000;
}
#topNav {
	width:980px;
	margin: 0 auto;
	padding:0;
}
#login {
	margin: 0;
	padding-right: 15px;
	float: right;
	font-size:11px;
	color:#eee;
}

#login,
#login a {
	color: #999;
}

#login a {
	font-weight: bold;
}
#login a:hover {
	color:#ccc;
}

#search {
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	width: 170px;
}
#search form {
	margin: 0;
}
#search input {
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

.txt-right {
	float: right;
}

#search #siteSearchInput {
	padding: 1px;
	width: 130px;
	background:#777;
	border:none;
	font-size:10px;
}

/* @group Global Menu */

#globalMenu-outer {
	clear: both;/* thie clear is necessary because it clears the masthead and topnav float */
	margin: 0;
	padding:0;
	text-align:center;
	background: url(images/menuback_clean.png);
	}
/* @group Global Menu */

#globalMenu {
	padding: 0;
	margin: 0 auto;
	width:970px;
	clear:both;
	text-align: center;
}

/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
.menu, .menu ul {
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
	width: 700px;
	margin:auto;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	height: 37px;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover > ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover > ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after,
.menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

.menu,
.menu ul {	/* IE7 float clear: */
	min-height: 0;
}

/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	margin:-7px 0 0 -31px;
	padding:7px 30px 30px 31px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 15px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */




/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu li {
	text-align: center;
	margin: 0 ;
	padding: 0;
	display: block;
	list-style-type: none;
	float: left;
}

.menu > li:first-child {
	border-left: none;
}

.menu li.active a {
	color: #fff;
}
.menu li.active li a {
	color:#eee;
}
.menu li.active li a:hover {
	color:#eee;
}
.menu li ul {
	width: 220px;
}

.menu li li {
	padding: 0;
	margin: 0;
	text-align: left;
}

.menu li a {
	text-decoration: none;
	padding: 0;
	display: block;
	position: relative;
	font-size: 16px;
	color: #795F15;
	margin:0;
    padding:2px 25px;
	font-family:Verdana;
	text-transform:uppercase;
}
.menu li a:hover {
    color: #ffffff;
}
.menu li li a {
    color: #fff;
	font-size: 12px;
	padding: 7px 25px;
	background:#795F15;
}

.menu li li:hover > a {
	background: #92B5C7;
}

.menu li li { /* create borders around each item */
	
}
*+html .menu li li {
margin-top:-1px;
}
.menu ul > li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover > ul { /* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

.menu .dir a{
 padding-right: 25px;
 background-image: url(images/nav-arrow-down.png);
 background-position: right center;
 background-repeat: no-repeat;
}

.menu .active_dir a{
	color: #fff;
}
.menu .active_dir a{
	 padding-right: 25px;
	 background-image: url(images/nav-arrow-down-active.png);
 	 background-position: right center;
	 background-repeat: no-repeat;
}

.menu .dir li a,
.menu .active_dir li a{
 background-image: none;
}
/* @end Global Menu */

/* @end Header */

/* @group Footer */

#footer {
	width:970px;
	background: url(images/footer.png);
	margin:auto;
	height:167px;
	text-align:left;
}

#footerCopyright {
	float: left;
	color: #ccc;
	text-align:left;
	width:60%;
}

a#footerHomeLink {
	display: block;
	float: right;
	color: #ccc;
	text-align:right;
	width:30%;
	}

a#footerHomeLink:hover {
	color: #eee;
	text-decoration:none;
	}

/* @end Footer*/

/* @group Local Menu */
#localMenu-top {
	background:url(images/local-menu-bg.jpg) top center no-repeat;
	height:18px;
	}
#localMenu-bottom{
	background:url(images/local-menu-bg.jpg) bottom center no-repeat;
	height:18px;
	margin-bottom:40px;
}
#localMenu {
	margin-left: 0;
	padding: 10px 20px;
	}

#localMenu ul {
	margin-left:0;
	margin-top:10px;
	}
#localMenu ul ul, 
#localMenu ul ul ul, 
#localMenu ul ul ul ul{
	margin-left:20px;
	}

#localMenu li {
	list-style: none;
	margin-bottom: 14px;
	font-size: 16px;
	}
#localMenu li li, 
#localMenu li li li, 
#localMenu li li li li {
	margin-bottom: 8px;
	font-size: 14px;
	}
#localMenu li a {
	color: #666;
	padding-right:12px;
	font-family:Verdana;
	}

#localMenu li a:hover {
	color: black;
	}

#localMenu li.current a {
	color: #580606;
	font-weight:bold;
	}

#localMenu li.current li a {
	color: #666666;
	}

#localMenu li.current {
	background: url(images/local_menu_arrow.gif) no-repeat right -5px;
	}

/* @end Local Menu */






/* @group Module Styling */

.moduleHeader {
	margin: 0;
	padding: 0 15px 0 0;
	color: #fff;
	background: #474747;
	font-size: 19px;
    line-height:1.1em;
	}

.moduleHeader .moduleHeaderInnerWrap {
	display: block;
	padding: 7px 0 7px 10px;
	background: #474747;
	}

.moduleFooter {
	height: 7px;
	margin: 0;
	padding-right: 15px;
	font-size: 1px;
	overflow: hidden;
	}

.moduleFooter span {
	display: block;
	height: 7px;
	}

.moduleBody {
	padding: 10px 10px 5px 10px;
	font-size:12px;
	}

.moduleBodyWrap {
	background:#d6d6d6;
	/* Please note that the thickness values on the two border values above will be overridden in the final output. Make sure these values match the constant moduleBodyBorderWidth */
	}

.unframed .moduleBody,
.unframed .moduleBodyWrap {
	padding: 0;
	border: 0;
	background:none;
	}


.moduleBodyBleed {
	padding: 0;
	}

.column-group {
	margin-bottom: 10px;
	padding: 20px;
	}

.column-groupRule {
	border-bottom: 1px solid #999999;
	}

.moduleGroup {
	margin-bottom: 10px;
	margin-top:20px;
	}

.moduleFeature {
	margin-bottom: 15px;
	}

/* @end Module Styling */



/* @group Forms */

.csc-mailform-field label,
.csc-mailform-field label {
	display: block;
	}

/* @end */



/************section menu*******************/

.sectionMenuWrapper {
	width: 100%;
}

.sectionMenu {
	margin: 0;
	text-align: left;
}

.sectionMenu .menuItem {
	display: inline-block;
	width: 345px;
	margin: 0 20px 20px 0;
	vertical-align: top;
	zoom: 1; 
	*display:inline;
}

.wrapper {
	vertical-align: top;
}

.menuItem > a + .wrapper {
	margin-left: 120px;
}

.menuItem > a {
	float: left;
	vertical-align: top;
}

.menuItem h3 {
	margin: 0;
}


/************* Section Menus ********************/
label {
	font-weight: bold;
	display: block;
}

.instructions {
	font-size: 10px;
	line-height: 1.1em;
}

input[type=text],
input[type=password],
textarea,
select {
	background-color: #fff;
	border: 1px solid #bbb;
	margin: 5px 0 0 0;
}

input[type=text]:focus,
input[type=password]:focus
textarea:focus,
select:focus {
	border-color: #666;
}

input[type=text],
input[type=password],
textarea,
select {
	margin: 3px 0;
}

input[type=text],
input[type=password] {
	/* width: 300px; */
	padding:3px;
}

textarea {
	width: 390px;
	height: 250px;
	padding: 3px;
}

input[type=checkbox],
input[type=radio] {
	position: relative;
	top: .25em;
}

/* Account for Frontend User Registration using <label> for checkbox items with no other surround markup */
#tx-srfeuserregister-pi1-fe_users_form input[type=checkbox] + label,
#tx-srfeuserregister-pi1-fe_users_form input[type=radio] + label {
	margin-top: 0;
	display: inline;
	font-weight: normal;
}
#tx-srfeuserregister-pi1-fe_users_form input[type=checkbox] + label:after,
#tx-srfeuserregister-pi1-fe_users_form input[type=radio] + label:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.inline {
	display: inline-block;
	vertical-align: top;
}

.error, .notice, .success {
	border:2px solid #DDDDDD;
	margin-bottom:1em;
	padding:0.8em;
}

.error:empty, .notice:empty, .success:empty {
	display: none;
}

.error {
	background: #FBE3E4 none repeat scroll 0 0;
	border-color: #FBC2C4;
	color: #8A1F11;
}

.success {
	background: #E6EFC2 none repeat scroll 0 0;
	border-color: #C6D880;
	color: #264409;
}

.notice {
	background: #FFF6BF none repeat scroll 0 0;
	border-color: #FFD324;
	color: #514721;
}

form ol,
form ul {
	list-style-type: none;
	margin-left: 0;
}

form hr {
	height: 1px;
	border: none;
	border-top: 1px solid #bbb;
	margin: 15px 0 15px 0;
}
/* Definitionen f�r Anfrageformular */
.ab {
	padding-top:3px;
	clear:both;
	}
.abs {
	padding-top:6px; 
	padding-bottom:10px;
	height:40px;
	clear:both;
	}	
.bez {
	float:left;
	width:150px;
	text-align:right;
	
	}
.formw {
	float:right;
	width:440px;
	text-align:left;
	}
.box {
	width:600px;
	height:100%;
	padding: 5px;
	
	}


/****************************************************************
 * Copyright notice
 *
 * (c) 2010 Christian Technology Ministries International Inc.
 * All rights reserved
 *
 * This file is part of the Web-Empowered Church (WEC)
 * (http://WebEmpoweredChurch.org) ministry of Christian Technology Ministries
 * International (http://CTMIinc.org). The WEC is developing TYPO3-based
 * (http://typo3.org) free software for churches around the world. Our desire
 * is to use the Internet to help offer new life through Jesus Christ. Please
 * see http://WebEmpoweredChurch.org/Jesus.
 *
 * You can redistribute this file and/or modify it under the terms of the
 * GNU General Public License as published by the Free Software Foundation;
 * either version 2 of the License, or (at your option) any later version.
 *
 * The GNU General Public License can be found at
 * http://www.gnu.org/copyleft/gpl.html.
 *
 * This file is distributed in the hope that it will be useful for ministry,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * This copyright notice MUST APPEAR in all copies of the file!
 ****************************************************************/

p, ul, ol, dl, table, blockquote {
    margin-bottom: 10px;
}


ul ul, ul ol, ol ol, ol ul {
    margin-left: 20px;
    margin-bottom: 0px;
}

blockquote blockquote {
    margin-top: 10px;
}




/* @group Text & Paragraphs */

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

/* @end Text & Paragraphs */

/* @group Links */

a {
    color: #7A5F16;
    text-decoration:none;
}

a:hover,
a:focus {
    color: #580606;
    text-decoration:underline;
}

/* @end Links */



/* @group Headlines */

h1, h2, h3, h4, h5, h6 {
    font-family:Verdana;
    line-height: 1.1em;
    font-weight: normal;
    color:#795F15;
}

h4, h5, h6 {
    font-weight: bold;
}

h1 {
    font-size: 22px;
    margin-bottom: 20px;/*the original property is 10px*/
    /*margin-top: 20px;*/
}


h2 {
    font-size: 20px;
    margin-bottom: 20px;/*the original property is 10px*/
    /*margin-top: 20px;*/
}

h3 {
    font-size: 17px;
    margin-bottom: 20px;/*the original property is 10px*/
    /*margin-top: 20px;*/
}

h4 {
    font-size: 15px;
    margin-bottom: 5px;
}

h5 {
    font-size: 13px;
    margin-bottom: 5px;
}

h6 {
    font-size: 12px;
    margin-bottom: 5px;
}

/* @end Headlines */


/* @group Lists */

ul, ol {
    margin-left: 30px;
}

ul ul, ul ol, ol ol, ol ul {
    margin-left: 20px;
}

dd {
    margin-left: 20px;
}

/* @end Lists */


/* @group Blockquote Styling */

blockquote {
    margin-left: 30px;
    margin-right: 30px;
}


/* @group Common Styles for RTE */

h1.first-header,
h2.first-header,
h3.first-header,
h4.first-header,
h5.first-header,
h6.first-header {
    margin-top: 0px;
}

/* @end Common Styles for RTE */



/* @end Blockquote Styling */


/* @group Table Styling */



td, th, caption {
    padding: 0 10px 0 10px;
    height: auto;
}

col {
    background-color: silver;
}

thead th, tfoot th, tfoot td {
    text-align: left;
}

caption {
    background-color: #ccc;
    font-style: italic;
}

td.spancolumn-1,
th.spancolumn-1 {
    width: 30px;
}

td.spancolumn-2,
th.spancolumn-2 {
    width: 80px;
}

td.spancolumn-3,
th.spancolumn-3 {
    width: 130px;
}

td.spancolumn-4,
th.spancolumn-4 {
    width: 180px;
}

td.spancolumn-5,
th.spancolumn-5 {
    width: 230px;
}


td.spancolumn-6,
th.spancolumn-6 {
    width: 280px;
}

td.spancolumn-7,
th.spancolumn-7 {
    width: 330px;
}

td.spancolumn-8,
th.spancolumn-8 {
    width: 380px;
}

td.spancolumn-9,
th.spancolumn-9 {
    width: 430px;
}


td.spancolumn-10,
th.spancolumn-10 {
    width: 480px;
}

td.spancolumn-11,
th.spancolumn-11 {
    width: 530px;
}

td.spancolumn-12,
th.spancolumn-12 {
    width: 580px;
}


/* @end Table Styling */

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}


/* @group RTE Custom Styles */

h1.first-header,
h2.first-header,
h3.first-header,
h4.first-header,
h5.first-header,
h6.first-header {
    margin-top: 0px;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

p.feature-text,
ul.feature-text {
    font-family: Verdana;
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
}

p.big-text,
ul.big-text {
    font-size: 16px;
    line-height: 24px;
}

p.red-highlight,
span.red-highlight,
h1.red-highlight,
h2.red-highlight,
h3.red-highlight,
h4.red-highlight,
h5.red-highlight,
h6.red-highlight {
    color: red;
}

/* @end RTE Custom Styles */



/* @group RTE Backend Styling */

/* This styling is simply to help the backend text in the RTE look approximately like the text on the front end of the site. You will need to adjust to fit the styling you have assigned in mainstyles.css*/

.htmlarea-content-body,
.htmlarea-content-body td,
.htmlarea-content-body th {
    font-family: Verdana;
    font-size: 12px;
    line-height: 17px;
    color: #333333;
    font-weight: normal;
    height: 100%;
}

/* @end RTE Backend Styling  */

.slider-slide .ce-bodytext {
	padding: 10px;
}

.slider-slide .ce-bodytext a {
	color: white;
}