/****************************************************************
 * 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 */
/* -------------------------------------------------------------- 
   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:active {
	outline: none;
}

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

/* @end Reset Styling */
/* @group Base Styling */
html {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	height: 100%;	
	background:#C9CBA5 url(images/silver-green-bkg.jpg) center top repeat-x;
	color: #1f1f1f;
}

/* 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 */
code {
	margin-left: 10px;
	margin-right: 10px;
}

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

pre,
code {
	font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
}

/* @end Additional Tags */
/* @group TYPO3 General Styling */
/* @end */
/* @group Forms */
form input, form textarea {
	margin-right: 5px;
}

form select {
	font-size: 11px;
}

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

optgroup {
	font-weight: bold;
	font-style: italic;
	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: 24px;
	margin-top: 0;
}

.csc-firstHeader {
	: ; /*margin-top: 0px;*/
}

.graphicTextWrap {
	overflow: hidden;
}

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

/* @end Common Classes */
/* @group Layout */
#pageWrap {
	width:100%;
	margin:0 auto;
	padding:0;
}

#top-home-link-wrap  {
width:500px;
height:55px;
top:20px;
left:370px;
position:relative;
}

#top-home-link-wrap a {
display:block;
width:500px;
height:55px;
}
#top-home-link-wrap span {
display:none;
}

#feature {
	margin-bottom: 30px;
	background: #e6e6e6;
	padding:  0;
}



/* @end Layout */
/* @group Header */
#wrap-top {
	width:900px;
	margin: 0 auto;
	height:240px;
}
#top-banner {
	height:187px;
	width:900px;
	margin:0;
	padding:0;
	background:url(images/silver-green-logo.jpg) no-repeat;
}
#wrap-center {
	margin: 0 auto;
	width:900px;
	
}
#content-wrap {
	background-color:white;
	border:2px solid #4e8855;
	height:100%;
	float:left;
	width:896px;
	margin-left:2px;
}
#content-main {
	width:800px;
	margin: 15px auto;
	min-height:500px;
}

/* @group Global Menu */
#globalMenu {
	width:900px;	
}
#globalMenu a {
	display: block;
	padding:5px 10px;
	float:left;
	height:35px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.nav-link a {
	color:white; 
}
.nav-link a:hover{
	color: #eaeb47;
}
.menu_act a{
	background-color: #eaecc7;
	color:black;
}
.menu_act a:hover{
	color:black;
}

/* @end Global Menu */
/* @end Header */
/* @group Footer */
#footer-wrap {
	margin: 2px auto;
	width:900px;
}
#footer {
	width:896px;
	height:25px;
	background-color: #4e8855;
	color:white;
	border:2px solid #233441;
	margin-left:2px;
}
#footerHomeLink  {
float:right;
color:white;
font-size:10px;
}

#footerCopyright {
	margin: auto;
	width:800px;
	text-align:center;
	font-size:12px;
	padding:5px;
}

/* @end Footer*/
/* @group Local Menu */
#localMenu {
	margin-left: 0;
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
	
}

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

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

#localMenu ul li {
	margin-bottom: 8px;
}

#localMenu li {
	list-style: none;
	margin-bottom: 10px;
	font-size: 14px;
}

#localMenu li li, 
#localMenu li li li, 
#localMenu li li li li {
	margin-bottom: 8px;
	font-size: 12px;
}

#localMenu li a {
	color: #666666;
	padding-right: 8px;
}

#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: #4e8855;
	background: url(images/right_module_cap.gif) no-repeat right top;
	font-size: 16px;
}

.moduleHeader .moduleHeaderInnerWrap {
	display: block;
	padding: 5px 0 5px 10px;
	background: #eaecc7 url(images/left_module_cap.gif) no-repeat left top;
}

.moduleFooter {
	height: 2px;
	margin: 0;
	padding-right: 15px;
	background: url(images/right_module_cap.gif) no-repeat right bottom;
	font-size: 1px;
	overflow: hidden;
}

.moduleFooter span {
	display: block;
	height: 15px;
	background: #eaecc7 url(images/left_module_cap.gif) no-repeat left bottom;
}

.moduleBody {
	padding: 15px 10px 10px 10px;
}

.moduleBodyWrap {
	border-left: 2px solid #eaecc7;
	border-right: 2px solid #eaecc7;
}

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

.unframed .moduleBodyWrap {
	background: none;
}
 
.moduleBodyBleed {
	padding: 10;
}
/*
.columnGroupRule {
	border-bottom: 1px solid #7f7f7f;
}
*/
.moduleGroup {
	margin-bottom: 10px;
	margin-top: 5px;
}

/* @end Module Styling */
/* @group Forms */
/* @end */
/************section menu*******************/
.sectionMenuWrapper {
	width: 100%;
}

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

.sectionMenu .menuItem {
	display: inline-block;
	width: 250px;
	margin: 0 20px 20px 0;
	vertical-align: top;
}

.wrapper {
	vertical-align: top;
}

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

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

/************* Section Menus ********************/
label {
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

.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] {
	padding: 3px; /* width: 300px; */
}

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;
}

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

form input:focus, form input:hover, #localMenu li a:hover {
	color: black;
}
a img {
	border: none;
}

/*news template*/

.news-list-date,.news-list-cat,.news-single-timedata,.news-single-cat {display:none;}

.news-img, .news-single-img {
float:left;
width:80px;

}

pre, .moduleFeature {
	margin-bottom: 10px;
	padding-top: 10px;
}

div.csc-textpic-center div.csc-textpic-imagewrap,
div.csc-textpic-left div.csc-textpic-imagewrap,
div.csc-textpic-right div.csc-textpic-imagewrap, .columnGroup {
	margin-bottom: 10px;
}

#f1d #contentBlock-1 {
	float: right;
	width: 550px;
	padding: 20px 0 50px 0;
	
}

#generatedContent-1 {
	width: 230px;
	float: left;
	margin-right: 20px;
}

#f2e #contentBlock-1 {
	float: left;
	width: 340px;
	margin-right: 20px;
	padding: 20px 0 50px 0;
}

#f2e #contentBlock-2 {
	width: 230px;
	float: left;
	padding: 20px 0 50px 0;
}

 #f1f #contentBlock-1, #f2d #contentBlock-1 {
	float: left;
	width: 340px;
	padding: 20px 0 50px 0;
}


#f1e #contentBlock-1, #f2a #contentBlock-1, #f2b #contentBlock-1, #f2c #contentBlock-1 {
	float: left;
	width: 550px;
	padding: 20px 0 50px 0;
}

#f2d #contentBlock-2,  #generatedContent-2, #f2a #contentBlock-2, #f2b #contentBlock-2, #f2c #contentBlock-2 {
	width: 230px;
	float: right;
}

#f3a #contentBlock-1,
#f3b #contentBlock-1 {
	float: left;
	width: 255px;
	margin-right: 20px;
	padding: 20px 0 50px 0;
}
#f3c #contentBlock-1,
#f3d #contentBlock-1 {
	float:left;
	width:255px;padding: 20px 0 50px 0;
}
#f3c #contentBlock-2,
#f3d #contentBlock-2 {
	width: 255px;
	float: left;
	margin-right: 18px;padding: 20px 0 50px 0;
}
#f3a #contentBlock-2,
#f3b #contentBlock-2 {
	width: 255px;
	float: left;
	margin-right: 18px;padding: 20px 0 50px 0;
}
#f3a #contentBlock-3,
#f3b #contentBlock-3,
#f3c #contentBlock-3,
#f3d #contentBlock-3 {
	width: 255px;
	float: right;
	padding: 20px 0 50px 0;
}
#f1a #contentBlock-1 {
	width:800px;
	margin: 0 auto;
	padding: 20px 0 50px 0;
}