/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : Kevin Klein	
Email : kevin.klein@gmail.com 
We Are : Cast Iron Conding

Description : I control all the styles, including IE 6 hacks designated with *html, for the entire site

Created : 6/30/07
Modified : 7/7/07

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* global whitespace reset */
* { padding:0; margin:0; }

body {
    /*background:#00204e url(../img/bg-body.gif) repeat-y 0 0;*/
    font-family: Arial, Verdana, sans-serif;
	font-size:62.5%;
	background: url(/fileadmin/templates_new/static/bckgrnd-900.jpg) repeat-x;
}

body#home {
	/*background:#00204e url(../img/bg-home.jpg) top left no-repeat; */
	text-align: left;
}

/*********** = structure = ***********/

.wrapper {

	width: 1025px;
	margin: 0 auto;
	min-height: 930px;
	z-index: 500;

}

#home .wrapper {
	min-height: 740px;
	position: relative;
	margin: 0 auto;
	width:1000px;

} 





#content {

	background: #fff;
	width: 838px;
	float: right;
	background: url(/fileadmin/templates_new/static/bg-dropShadowBig.png) repeat-y;
}

	
	#contentElements {
		padding: 5px 55px 30px 150px;
		float: left;
	}
	
		#contentElements .inner {
			width: 355px;
		}
	
	#right {
		float: left;
		width: 192px;
		background: #fff;
		margin-top: 5px;
	}
	
	

div.copy {
	padding: 10px 0 0 19px;
}

#headerCap {
	width: 838px;
	height: 47px;
	float: right;
	background: url(/fileadmin/templates_new/static/bg-dropShadowHeaderCap.png) no-repeat;
	position: relative;
	left: -6px;

}

#header {
	background: url(/fileadmin/templates_new/static/bg-dropShadowBig.png) repeat-y;
	height:240px;
	width: 838px;
	float: right;

}

	#header img.photo {
		position: absolute;
		z-index: 0;
		height: 192px;
		margin: 25px 0px 0px 55px;
		width: 725px;
	}
	
#sidebar {
	position: absolute;
	width: 183px;
	text-align: center;
	top: 50px;
	z-index: 100;
	clear: both;
	height: auto;
	z-index: 400;
}

#home #sidebar {
	bottom: 95px;
	left: 0;
	top: auto;
}

#footer {
	float: right;
	width:838px;
	background: url(/fileadmin/templates_new/static/bg-dropShadowFooter.png) top no-repeat;
}

/*********** = headers = ***********/

h1 {
/*	position: absolute;
	left: 0;
	top: 0;
	height:192px;
	width:183px;*/
}

h1 a {
    
}

#home h1 {
	
}

h2#pageTitle {
	background:url(../img/bg-hdr-top.gif) no-repeat 0 0;
	color:#fff;
	font-size:30px;
	font-weight:normal;
	margin:0;
	letter-spacing: .05em;
	padding: 0;
	position: relative;
	top: 195px;
	left: 70px;
	text-transform: lowercase;
}

h2#pageTitle span {
	background:url(../img/bg-hdr-bottom.gif) no-repeat 0 100%;
	display: block;
	height: 1.1em;
	position: relative;
} 

h2#pageTitle b {
	font-weight: normal;
	display: block;
	position: absolute;
	left: 20px;
	top: -10px;
}
/*
h3 { 
	font-size:1.1em; 
	font-weight:bold;
	line-height:1em;
	margin:15px 0 12px 0;
}
*/
h3.box {
	font-size:19px;
	font-weight:normal;
	line-height: .5em;
	margin:0;
	padding:14px 0 0 0;
	position: relative;
	text-transform: lowercase;
	width: 200px;
}

h3.box span {
	background:url(../img/bg-hdr2-bottom.gif) no-repeat 0 100%;
	display: block;
	padding:0 0 .6em 19px;
} 

h3.box2 {
	background:url(../img/bg-hdr2-top.gif) no-repeat 0 0;
	color:#fff;
	font-size:19px;
	font-weight:normal;
	height: .6em;
	margin: 0;
	padding:14px 0 0 0;
	position: relative;
	text-transform: lowercase;
	width: 219px;
}

h3.box2 span {
	background:url(../img/bg-hdr2-bottom.gif) no-repeat 0 100%;
	display: block;
	height:1em;
	padding: 0 0 .6em 19px;
} 

h3.box2 b {
	display: block;
	height: 45px;
	font-weight: normal;
	position: absolute;
	left: 0;
	top: 0;
	width:219px;
}

h3.box2 em {
	font-style:normal;
	z-index: 100;
	position: absolute;
}

/* Beginning of new styles sent by Kevin on 7/30 to fix IE6/7 nonlinking A tags */
h3.box3 {
	background:url(../img/bg-hdr2-top.gif) no-repeat 0 0;
	color:#fff;
	font-size:19px;
	font-weight:normal;
	margin:0;
	padding:15px 0 0 0;
	position: relative;
	text-transform: lowercase;
	width: 219px;
}

h3.box3 b {
	display: block;
	height: 45px;
	font-weight:normal;
	position: absolute;
	left: 0;
	top: 0;
	width:219px;
}

h3.box3 table {
	margin: -10px 0 0 0;
	padding:0;
	position: absolute;
	width: 180px;
	z-index: 100;
}

h3.box3 table td {
	height: 1.9em;
	vertical-align: middle;
}

h3.box3 span {
	margin: 0 0 0 0;
	background:url(../img/bg-hdr2-bottom.gif) no-repeat 0 100%;
	display: block;
	height:1em;
	min-height: 1em;
	padding:0 0 .7em 19px;
}

h3.box3 a,
h3.box3 a:visited,
h3.box3 a:active,
h3.box3 a:hover {
	color: #fff;
}
/* End of modifications */


h3.stripe {
	background: #00204e;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 15px 25px 0 0;
	padding: 4px 0 4px 19px;
	display: block;
}

div.sermons h3 {
	background: #3d4f66;
	color: #fff;
	font-weight: normal;
	font-size: 13px;
	margin: 10px 32px 5px 110px;
	padding: 7px;
}

h4 { 
	color:#000; 
	font-size:14px; 
	font-weight:normal;
	line-height:1em;
	margin:12px 0
}

/*********** = misc typography = ***********/

a, a:link { 
	color:#221e1f; 
	text-decoration:none;
}

/* New greenish color on links */
#contentElements a, #contentElements a:link {
	color:#558471;
}

a:hover { 
	color:#000; 
	text-decoration:underline; 
}

h3.box a,
h3.box a:visited {
	
}

#sidebar a.contact,
#sidebar a.contact:visited {
	color:#f1ddbd;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 14px 0 34px 0;
	text-transform: lowercase;
}

#home #sidebar a.contact,
#home #sidebar a.contact:visited {
	color:#fff;
	margin: 12px 0 25px 0;


}

#breadcrumb {
	color:#221e1f;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 75px;
	position: relative;
	top: -25px;
}

strong.big {
	font-size: 14px;
}

div.copy,
div.columns {
	color:#221e1f;
	font-size: 12px;
}

div.copy p {
	line-height: 1.3em;
	margin:12px 175px 12px 0;
}

div.columns p {
	line-height: 1.3em;
	margin:12px 53px 12px 19px;
}

div.copy div.floated-div p {
	margin-right:0;
}

div.copy div.subscribe {
	float:right;
	padding-right: 100px;
	position: relative;
	width: 210px;
}

div.copy div.subscribe p.itunes,
div.copy div.subscribe p.podcast {
	left: 0;
	line-height: 1em;
	text-align: center;
	position: absolute;
	top: 0;
	width:100px;
}

div.copy div.subscribe p.podcast {
	left: 110px;
}

#home p.message {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	position: absolute;
	right:20px;
	text-align: center;
	top: 10px;
	width: 17em;
}

p.support-staff {
	padding-top: 22px;
}

p.support-staff strong,
p.support-staff a {
	display: block;
}

p.bodytext {
	font-size: 12px;
}

input, 
select {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
}


	/** NEW TYPOGRAPHY 07/23/09 MICHAEL MCMANUS **/
	
	#content .inner p {
		font-size: 1.5em;
		margin-bottom: 15px;
	}
	
	#content .inner ul, 
	#content .inner ol {
		margin-left: 15px;
		font-size: 1.5em;
		line-height: 1.2em;
	}
	
	#content .inner ul li, 
	#content .inner ol li {
		margin-bottom: 5px;
	}
	
	h1, h2, h3, h4, h5 {
		font-family: arial, sans-serif;
		margin: 5px 0px;
	}
	
	h1 {
		font-size: 2.5em;
	}
	
	h2 {
		font-size: 2em;
		margin: 5px 0px;
	}
	
	h3 {
		font-size: 1.5em;
	}
	
	h4 {
		
		
	}
	
	h5 {
		font-size: 1.2em;
		margin-bottom: 5px;
	}
	
	hr {
		margin: 3px 0px;
	}
	
	td.tx-indexedsearch-title a {
		font-size: 1.5em;
	}
	/** END NEW TYPOGRAPHY **/
	
	#postCopy {
		width: 717px;
		margin: 0px 51px 0px 70px;
		z-index: 1;
	}
	
	
	

/*********** = misc divs and classes = ***********/

#logo {
	width: 153px;
	height: 168px;
	position: relative;
	left: 20px;
}

	#logo a {
		display: block;
		background: url(/fileadmin/templates_new/static/bg-logo.png) no-repeat;
		width: 153px;
		height: 168px;
	}


div.columns.three {
	display: block;
	margin:25px 0;
}

div.columns.three .column {
	display:inline;
	float:left;
	margin:0px 30px 0 0px;
	width: 190px;
}

div.hr {
	background: #b5af9a;
	font-size: 1px;
	height: 4px;
	line-height: 4px;
	margin: 22px 0 30px 0;
}

.copy div.hr {
	margin:22px 24px 30px 0;
}

div.floated-div {
	display: inline;
	float: left;
	margin-right: 63px;
}

div.floated-div.right {
	display: inline;
	float: right;
	margin-right: 50px;
}

	
	/**MISC NEW STYLES 07/23/09 MICHAEL MCMANUS **/
	
		#right ul.secondary {
			border-left: 2px solid black;
			list-style-type: none;
			padding-left: 10px;
			margin-bottom: 15px;
		}
		
			#right ul.imagelist {
				border: none;

			}
			
			/*Secondary Navigation*/


			ul.secondary li ul {
				border-left: none;
				list-style-type: disc !important;
				padding-left: 10px;
			}
		
		ul.imagelist li {
			padding: 0px 0px 2.5px 15px;
		}
		
		#right ul li a {
			font-weight: bold;
			cursor: pointer;
			font-size: 1.2em;
		}
		
		#worshiptime{
			height: 60px;
			padding: 0px 0px 0px 60px;
			float: left;
	
		}
			#worshiptime img {
				float: left;
			}
		
		#footer ul {
			margin: 40px 0px 0px 0px;
			height: 30px;
			margin-left: 150px;
			list-style-type: disc;
		}
		
			#footer ul li {
				margin: 0px 0px 0px 20px;
				float: left;
				text-transform: lowercase;
			}
			
			#footer ul li.first {
				list-style-type: none;
				margin: 0px;
			}
			
				#footer ul li a {
					font-weight: bold;
					font-size: 1em;
				}
			#contact {
				list-style-type: none;
				float: right !important;
				margin-right: 70px !important;
				position: relative;
				top: -2px;
			}
			
				#contact a {
					font-size: 1.3em !important;
				}
	
	
			form.sermon-search .float {
				margin-right: 10px !important;
				width: auto !important;
			}
			
		
	/**END MISC NEW STYLES**/


/* Fix IE6/7 issue */
* html div.copy-secondary {
	width:200px;
}

*:first-child+html div.copy-secondary {
	width:200px;
}

div.copy-secondary {
	display: inline;
	float:left;
	margin:15px 0 0 0;
}

div.copy-secondary img {
	display: block;
	margin-bottom: 15px;
}

div.secondary {
	
	display: inline;
	margin: 0 25px 0 0;
	min-height: 70em;
	padding: 0 0 100px 0;
	position: relative;
	width: 174px;
}

div.secondary p {
	font-size: 12px;
	margin: 12px 0;
}

div.secondary.events {
	text-align: center;
}

div.secondary.events img {
	display: block;
	margin: 25px auto 12px auto;
}

div.sermons {
	margin: 0px 0px 19px 10px;
}



/*********** = #primary (navs and search) = ***********/


ul#pagenav {
	list-style-type: none;
   	width: 12em;
	margin-top: 80px;
	float: right;
	margin: 80px 0px 0px 60px;
	padding-right: 11px;
	z-index: 300;
}

ul#pagenav li {
/*	padding: 10px 20px 0px 0px;*/
	padding-top: 10px;
	position: relative;
	float: left;
	line-height: 20px;
	width: 12em;	
}

	ul#pagenav li.last {
		padding-bottom: 10px;
	}

	/* Navigation*/
	ul#pagenav li ul {
		position: absolute;
		list-style-type: none;
		left: -999em;
		margin: 9px 0px 0px 0px;
		width: 130px;
		padding-left: 10px;
		z-index: 100;
	}
		ul#pagenav li:hover ul {
			left: 12em;
			top: -5px;
		}
	
	ul#pagenav li ul li {
		padding: 5px;
		background: url(/fileadmin/templates_new/static/bg-transparentMenu.png);
	}
	
		/*End Secondary Navigation*/
	
ul#pagenav li a {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -.005em;
	text-align: right;
    text-decoration: none;
    text-transform: lowercase;
	border-bottom: 1px solid #93a2b4;
	display: block;
}

	ul#pagenav li a:hover {
		color: white;
		text-shadow: #000 1px 1px 0px;
	}


/*
#home ul#pagenav li a, 
#home ul#pagenav li a:visited {
	background:url(../img/bg-nav-home-bottom.png) no-repeat 0 100%;
}

#home ul#pagenav li a span {
	background: url(../img/bg-nav-home-top.png) no-repeat 0 0;
}

*/



/*********** = lists = ***********/

div.copy ul,
div.column ul {
	list-style-type: none;
	margin:12px 0 12px 19px;
}

div.copy li,
div.column li {
	margin:5px 0;
	padding: 0;
}

div.copy ul {
	list-style-type: disc;
}

/*********** = definition lists = ***********/

dl.bizdir-single {
	margin-left:20px;
	width:80%;
}

dl.bizdir-single dt {
	font-weight:bold;
	margin-top:5px;
}

dl.bizdir-single dd {
	
}


/*********** = tables = ***********/

table.calendar {
	border:none;
}

table.calendar td {
	line-height: 1em;
	padding:1px 22px 1px 0;
	text-align:left;
	vertical-align:bottom;
}

table.calendar tr.last td {
	padding-bottom: 12px;
}

div.sermons table th {
	color: #796e57;
	font-size: 11px;
	text-align: left;
}

div.sermons table th,
div.sermons table td {
	padding:0 3px;
	font-weight: normal;
}

div.sermons table td {
	font-size: 12px;
	padding-right: 12px;
	vertical-align: top;
}

div.sermons table td.series {
	width:150px;
}

div.sermons table a {
	text-decoration: underline;
}

div.sermons table span {
	color:#aaa;
	text-decoration: none;
}


table.bizdir {
	margin-left:15px;
}

table.bizdir th {
	text-align:left;
	padding:5px 3px;
	font-weight: bold;
	font-size:120%;
}

table.bizdir tr {
	
}

table.bizdir td {
	padding-right:12px;
	vertical-align:top;
	text-align:left;
	padding:5px 3px;
	font-weight: normal;
}


/*********** = utility classes = ***********/

.clearfix {
	display:inline-block; /* IE 6 & 7 */
}

.clearfix:after { /* modern browsers */
	content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clear {
	clear:both;
	height:1px;
	margin:-1px 0 0 0;
	padding:0;
}

.clear.left {
	clear:left;
}

.clear.right {
	clear:right;
}

.center {
	text-align:center;
}

.centered {
	margin-left:auto;
	margin-right:auto;
}

.alignright {
	float:right;
}
	
.alignleft {
	float:left
}

/* images */

#header img {
	margin-left: 183px;
	height:192px;
}

img { border:none; }

img.pdf {
	margin:10px 0;
}

img.float-r {
	float:right;
    margin:0px 0 2px 15px;
}

.copy img.float-r {
	margin:5px 24px 0 65px;
}

.copy img.float-r.support-staff {
	margin:5px 283px 0 65px;
}

img.float-l {
	float:left;
	margin:0px 15px 2px 0;
}

div.copy .subscribe img {
	display: block;
	margin: 5px;
}

div.sermons img {
	float: left;
	margin-right: 10px;
}

/* forms */

form#search {
	background: url(/fileadmin/templates_new/static/bg-searchForm.png) no-repeat;
	width: 175px;
	position: relative;
	float: right;
	bottom: 0px;
	left: 20px;
	margin-right: 10px;
}

form#search input.search {
	background: #fff;
	border: none;
	color:#939598;
	margin: 25px 5px 0px 5px;
	width: 125px;
	text-align: right;
}

form#search input.submit {
	text-align: right;
	float: right;
	position: relative;
	right: 20px;
	margin: 15px 0px 0px 0px;
	border-bottom: 1px solid #93A2B4;
}

form.sermon-search {
	padding:0 10px;
}

form.sermon-search h3 {
	font-weight: normal;
	margin: 15px 0 8px 0;
}

form.sermon-search p {
	clear:both;
	padding:5px 0;
}

form.sermon-search label {
	display: block;
	margin:5px 0 3px 0;
	width: auto !important;
}

form.sermon-search select,
form.sermon-search input.text {
	width:150px;
}

form.sermon-search select.sm,
form.sermon-search input.text.sm {
	width:90px;
}

form.sermon-search div.float {
	display: inline;
	float:left;
	margin:0;
	width:74px;
}

form.sermon-search div.float.right {
	display: inline;
	float:right;
	margin:0;
}

form.sermon-search .button {
	margin:5px 3px 0 0;
}

form.bizdir-search {
	padding:0 10px;
}

form.bizdir-search h3 {
	font-weight: normal;
	margin: 15px 0 8px 0;
}

form.bizdir-search p {
	clear:both;
	padding:5px 0;
}

form.bizdir-search label {
	display: block;
	margin:5px 0 3px 0;
}

form.bizdir-search select,
form.bizdir-search input.text {
	width:150px;
	margin:5px 3px 0 0;
}

form.bizdir-search select.sm,
form.bizdir-search input.text.sm {
	width:70px;
}

form.bizdir-search div.float {
	display: inline;
	float:left;
	margin:0;
	width:74px;
}

form.bizdir-search div.float.right {
	display: inline;
	float:right;
	margin:0;
}

form.bizdir-search .button {
	margin:5px 3px 0 0;
}

.csc-mailform-label {
	margin-top: 10px;
	font-size: 12px;
}

.csc-mailform-field input {
	margin-bottom: 10px;
}

p.pageBrowser {
	font-size:120%;
	font-weight:bold;
	margin: 1em 0px 0px 10px;
	
}

/*IMAGES*/
.csc-textpic-right {
	float: right;
}

/*SEARCH RESULTS */
.tx-indexedsearch {
	width: 690px;
	font-size: 13px;
}

.tx-indexedsearch-searchbox-button {
	float: right;
}

.tx-indexedsearch form td {
padding: 0px 5px 5px 0px;
font-size: 14px;
}

.tx-indexedsearch form p {
	font-size: 14px;
}

ul.browsebox {
	margin: 10px 0px;
}

/* PLUGIN CONTENT */

.csc-mailform {
	border: none;
}


/* Life Group Styles -- add 20100220 */
#lgListTable, #lgContentWrap p {
	font-size:14px;
	width:697px;
	line-height:1.5em;
	margin-bottom:1em;
}
#lgListTable td { 
	padding:10px;
}
#lgListTable td input.checkFilter {
	margin-right:10px;
}
#lgListTable select option {
	padding:1px 4px;
}
#lgListTable td.padOnLeft {
	padding-left:50px;
}

#lgListTable th, #lgListTable thead td {
	font-size:14px;
	color:#000;
	text-align:left;
	background-color:#DDD;
	padding:10px;
}

#lgListTable fieldset, #lgSignupForm fieldset {
	padding:5px;
	border-color:#999;
	border-width:2px;
}

#lgListTable fieldset {
	width:683px;
}


.lg_contentTable { 
	width:697px;
}

.lg_contentTable a {
	font-weight:bold;
	color: #558471;
}

.lg_spacer {
	height:20px;
	clear:both;
}

#lgListTable th.headerSortUp { 
	background-image: url(../img/asc.gif); 
	background-repeat:no-repeat;
	background-position: center right;
	background-color: #CCC;
}

#lgListTable th.headerSortDown { 
	background-image: url(../img/desc.gif); 
	background-repeat:no-repeat;
	background-position: center right;
	background-color:#CCC;
}

#lgSignupForm form, #lgSignupForm p {
	font-size:14px;
	line-height:1.5em;
	margin-bottom:1em;
}
#lgSignupForm form td {
	padding:5px 3px;
}

#lgSignupForm form td label {
	font-weight:bold;
	display:block;
	text-align:right;
	font-size:14px;
}

#lgSignupForm table td.col1 {
	width:150px;
}
#lgSignupForm table td.col2 {
	width:200px;
}

#lgSignupForm .lgSubmit {
	margin-top:10px;
}

#lgSignupForm .error legend, #lgSignupForm .error h4  {
	font-weight:bold;
	color:#980000;
}

#lgSignupForm .error fieldset {

	background-color:#CCC;
}
#lgSignupForm .error ul {
	padding-left:2em;
}

#lgSignupForm .error ul li {
	color:#980000;
}

#lgSignupForm span.req {
	color:#980000;
	font-weight:bold;
}

#singleLifeGroup {
	margin-left:60px;
	margin-right:30px;
}

#singleLifeGroup #lifeGroupPhoto {
	padding-top:.5em;
	padding-bottom:.5em;
}

#singleLifeGroup #lifeGroupMainColumn p {
	font-size:14px;
	padding-bottom:.7em;
	line-height:1.4em;
}

#singleLifeGroup a, #singleLifeGroup a:active, #singleLifeGroup a:hover, #singleLifeGroup a:visited {
	color:#558471;
}

#singleLifeGroup a:hover {
	text-decoration:underline;
}


#lifeGroupSidebar {
	float:right;
	border-left:2px solid #000;
	padding-left:15px;
}

.lifeGroupsDetailsList dl, .lifeGroupsDetailsList p {
	font-size:12px;
	width:240px;
	line-height:1.5em;
	margin-bottom:1em;
}

#lgSignupForm .lifeGroupsDetailsList dl {
	font-size:14px;
}

.lifeGroupsDetailsList dl dt {
	float:left;
}

.lifeGroupsDetailsList dl dd {
	font-weight:bold;
	padding-left:70px;
}



