﻿@charset "utf-8";
/* CSS Document */

/* redNests.com main stylesheet*/
/* orange = #FF5000 */

/* reset styles for consistency across browsers -> Eric Meyer's reset style: */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#2e2e2e;
	background-color:#fff;
	/*background: #fff repeat-x url(../g/headback2.jpg);*/
	border-top:solid 5px #33863a;
}


h2 { padding-left:15px; }	
h3,dt { font-size:16px; font-weight:bold; line-height:22px; margin: 5px 0; }
h4 { font-size:12px; font-weight:bold; line-height:18px; margin: 5px 0; }
code { font-family:"Courier New", Courier, monospace; }
p,dd { margin-bottom:10px; }
ul { display:block; margin: 5px 30px; }
a { color:#2e2e2e; text-decoration:underline; }	
a:hover { color:#33863a; text-decoration:none; }
strong {font-weight:bold; }

p.firstline { margin-top: 10px; }
.more { width:260px; text-align:right; }	
small { font-size:9px; color: #aaa; }
.currentpage { color:#444; }
.breadcrumb { font-size:9px; }
	
.pullquote-left {
	float:left;
	width:200px;
	font-size:24px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;	
	border-top:dotted 1px #111;
	border-bottom:dotted 1px #111;
	margin:0px 10px 0px 0;
	padding:10px;
	text-align:center;
	/*color:#72c66e;*/
	color:#33863a;
}
	
.pullquote-right {
	float:right;
	width:200px;
	font-size:24px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;	
	border-top:dotted 1px #111;
	border-bottom:dotted 1px #111;
	margin:0px 0px 0px 10px;
	padding:10px;
	text-align:center;
	/*color:#72c66e;*/
	color:#33863a;
}	
	
#homeback { width:100%; height:385px; background: #fff repeat-x url(../g/headback2a.png) top left; border-bottom:solid 5px #33863a; }
#secondback { width:100%; min-height:80px; border-bottom:solid 3px #33863a; }

#mastback { width: 100%; background-color:#fff; border-bottom:#33863a 2px solid; margin-bottom:10px; }

#masthead { width: 900px; min-height: 70px; margin:auto; padding-left:20px; margin-bottom:10px; background: #fff no-repeat url(../g/header.jpg); }
#masthead ul { clear:right; float:right; display:inline; margin:30px 10px 0 0; text-align:right; text-transform:uppercase; }	
#masthead li { display:inline; min-width:60px; height:40px; }
#masthead a { text-decoration:none;	color:#33863a; padding:25px 10px; border-left:1px #eee dotted; border-right:1px #eee dotted; font-weight:bold; }
#masthead a:hover {	background-color:#33863a; color:#fff; }


#graphichead{ width: 80%; min-height: 300px; width: 940px; margin:auto; padding-left: 15px; background: no-repeat url(../g/xdiscover.png) center center; }


/* Homepage content areas - 1=Features, 2=Events&Maps,etc */ 
#content-area1{	width: 80%; min-height: 350px; width: 960px; margin:10px auto 0px auto; background: no-repeat url(../g/bg.jpg) center center; }
#content-area2{ width: 80%; min-height: 350px; width: 960px; margin:0px auto 10px auto; }
/* End - Homepage content areas */ 

/* Non-homepage content areas */
#content-area1-about{ width: 80%; min-height: 900px; width: 960px; margin:10px auto 0px auto; background: no-repeat url(../g/photo-about.png) top right; }
#content-area1-expect{ width: 80%; min-height: 900px; width: 960px; margin:10px auto 0px auto; background: no-repeat url(../g/photo-expect.png) top right; }
#content-area1-alpha{ width: 80%; min-height: 900px; width: 960px; margin:10px auto 0px auto; background: no-repeat url(../g/alpha-back.png) top right; }
#content-area1-beliefs{ width: 80%; min-height: 900px; width: 960px; margin:10px auto 0px auto; background: no-repeat url(../g/polaroid2.png) top right; }
/* End - Non-homepage content areas */

.content-column-events { float: left; min-height: 350px; width: 620px; background-color:transparent; margin: 0px 0px 10px 8px; }
.content-column-eventdetail { float: left; min-height: 50px; width: 600px; background-color:transparent; margin: 0px 0px 10px 8px; border: dotted 1px #33863a; }

/* Homepage - features content column */
.content-column{ float: left; height: 440px; overflow: hidden; width: 280px; background-color:transparent; margin: 0 8px 10px 8px; padding: 10px; }
.content-column h3,p,dt,dd { padding:0 13px 0 13px; }	
/* End - Homepage - features content column */


.content-column-know1 { float: left; min-height: 350px; width: 300px; background-color:transparent; margin: 0px 0px 10px 8px; }
.content-column-know1 h2 { display:block; width:280px; height:35px; background-color:#33863a; padding-top:15px; padding-left:20px; margin:5px 0; font-size:16px;  font-weight:bold; color:#fff; }
.content-column-know1 a { display:block; width:300px; height:40px; background: #eee repeat-y url(../g/know-overlay.png) top left; padding-top:12px; padding-left:20px; margin:5px 0; font-size:16px; font-weight:bold; text-decoration:none; }
.content-column-know1 a:hover { background: #33863a repeat-y url(../g/know-overlay.png) top left; color:#fff; }

.content-column-know2 { float: left; min-height: 350px; width: 290px; background-color:transparent; margin: 0px 28px 10px 0px; }
.content-column-know2 p { display:block; width:285px; height:47px; background-color:#ddd; color:#2e2e2e; padding-top:5px; padding-left:20px; margin:5px 0; font-size:12px; font-weight:normal; }
.content-column-know2 h2 { display:block; width:298px; height:35px; background-color:#33863a; padding-top:15px; padding-left:20px; margin:5px 0; font-size:12px;  font-weight:normal; }


.content-column-find{ float: left; height: 340px; overflow: hidden; width: 320px; background-color:transparent; margin: 0 8px 10px 0px; padding: 5px 0; background: transparent no-repeat url(../g/map.png) bottom right; }
.content-column-find h2 { display:block; width:280px; height:35px; background-color:#33863a; padding-top:15px; padding-left:20px; margin:0px 0 0 18px; font-size:16px; font-weight:bold; color:#fff; }
.content-column-find p { display:block; width:268px; height:48px; background-color:transparent; color:#2e2e2e; padding-top:5px; padding-left:20px; margin:5px 0 0 18px; font-size:16px; line-height:20px; font-weight:normal; }
.content-column-find a { font-size:12px; color: #33863a; }
.content-column-find a:hover { color: #2e2e2e;}



.content-column-lower{ float: left; min-height: 320px; overflow: hidden; width: 560px; background-color:transparent; margin: 0 8px 10px 128px; padding: 10px; }
.content-column-lower ul { margin-left:35px; }
.content-column-lower a { font-size:12px; color: #33863a; text-decoration:none; }
.content-column-lower a:hover { font-size:12px; color: #2e2e2e; text-decoration:underline; }


/* Homepage - Social Media Links (sprites) */
#socfooter { clear:left; width: 80%; min-height: 20px; margin:auto; width: 960px; padding-left:15px; color:#aaa; text-align:left; }
.link-facebook a{ float:left; display:block; width:100px; height:35px; margin:0 5px 5px 0; background: #fff no-repeat url(../g/facebook-sprite.png); background-position:0px 0px; }
.link-facebook a:hover { background: #fff no-repeat url(../g/facebook-sprite.png); background-position:0px -35px; }
.link-twitter a{ float:left; display:block; width:100px; height:35px; margin:0 5px 5px 0; background: #fff no-repeat url(../g/twitter-sprite.png); background-position:0px 0px; }
.link-twitter a:hover { background: #fff no-repeat url(../g/twitter-sprite.png); background-position:0px -35px; }
/* End - Homepage - Social Media Links (sprites) */


/* All pages - Footer */
#footer { float: left; width: 100%; min-height: 100px; min-width: 960px; margin:auto; background-color:#2e2e2e; color:#fff; border-top: solid 3px #33863a; }

#footer-content { width: 80%; min-height: 20px; margin:auto; width: 960px; }
#footer-content a { text-decoration:none; color:#999; }
#footer-content a:hover { text-decoration:underline; color:#fff; }

.footer-column1{ float: left; min-height: 20px; width: 500px; background-color:transparent; text-align:left; padding-top:5px; }
.footer-column2{ float: left; min-height: 20px; width: 440px; background-color:transparent; text-align:right; }
.footer-column2 ul { float:right; display:inline; text-align:right; }	
.footer-column2 li { display:inline; padding-left:10px; }
/* End - All pages - Footer */



/* dN Tabbed Interface Testing */
#tabbed-interface>div { border: 1px solid #ccc; height: 280px; width: 720px; background: #fff; background:transparent; }
#tabbed-interface ul { float: right; display: block; height: 272px; width: 190px; background: transparent; display: none; }
#tabbed-interface li { float:right; display: block; margin: 2px 0; font-weight:500; }

#tabbed-interface a { 
	display: block; 
	background-color: rgb(238,238,238);
	background-color: rgba(238,238,238,0.7);
	color: #2e2e2e;	
	padding:15px 10px; 
	text-decoration: none; 
	font-size: 14px;
	height:20px; 
	width: 166px; 
}

#tabbed-interface a:hover { background:#33863a; color: #fff; }

div#tab1 { background: transparent no-repeat url(../g/smallgroups.png) top left; }
div#tab1 a { background: rgba(238,238,238); background: rgba(238,238,238,0.7); position: relative; top: 233px; left: 0px; float: right; text-decoration: none; padding: 5px; width: auto; margin-right: 10px;}
div#tab1 a:hover { background: #33863a; color: #fff; }

div#tab2 { background: transparent no-repeat url(../g/childrenschurch.png) top left; display: none; }
div#tab2 a { background: rgba(238,238,238); background: rgba(238,238,238,0.7); position: relative; top: 233px; left: 0px; float: right; text-decoration: none; padding: 5px; width: auto; margin-right: 10px;}
div#tab2 a:hover { background: #33863a; color: #fff; }

div#tab3 { background: transparent no-repeat url(../g/sundaycreche.png) top left; display: none; }
div#tab3 a { background: rgba(238,238,238); background: rgba(238,238,238,0.7); position: relative; top: 233px; left: 0px; float: right; text-decoration: none; padding: 5px; width: auto; margin-right: 10px;}
div#tab3 a:hover { background: #33863a; color: #fff; }

div#tab4 { background: transparent no-repeat url(../g/celebraterecovery.png) top left; display: none; }
div#tab4 a { background: rgba(238,238,238); background: rgba(238,238,238,0.7); position: relative; top: 233px; left: 0px; float: right; text-decoration: none; padding: 5px; width: auto; margin-right: 10px;}
div#tab4 a:hover { background: #33863a; color: #fff; }

div#tab5 { background: transparent no-repeat url(../g/morph.png) top left; display: none; }
div#tab5 a { background: rgba(238,238,238); background: rgba(238,238,238,0.7); position: relative; top: 233px; left: 0px; float: right; text-decoration: none; padding: 5px; width: auto; margin-right: 10px;}
div#tab5 a:hover { background: #33863a; color: #fff; }
