/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.thechurchbuilders.com/
   TEMPLATE NAME:  The Church Builders
   DATE:           Jul-30th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #fff8e5 url(/images/bg.gif) repeat-x;
} 

.leftbg {
background: url(/images/leftbg.gif) repeat-y left top; 
min-height: 100%; 
height: auto !important; 
height: 100%; 
}

td {
font: 10pt Georgia, Times New Roman, Serif;
color: #736c48;
}

#consultants { padding: 0px;}

#consultants p  {
font: 10pt Georgia, Times New Roman, Serif;
line-height: 24px;
color: #736c48;
}

.line {
border: none;
border-bottom: 1px solid #ccc2a3;
height: 0px;
}


/* ----------Centered Container Or the Layout--------------------- */
#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
width: 960px;
} 

/* --------------LABELS BUTTONS & FORMS-----------*/
label {
font: bold 10pt Georgia, Times New Roman, Serif;
color: #736c48;
width: 400px;
}
 
input {
width: 20em;
border: 1px solid #736c48;
font: 10pt Georgia, Times New Roman, Serif;
color: #736c48;
padding: 5px;
margin-bottom: 20px;
}

textarea {
width: 38em;
border: 1px solid #736c48;
font: 10pt Georgia, Times New Roman, Serif;
color: #736c48;
padding: 5px;
margin-bottom: 20px;
}
 
.button {
width: 6em;
font: bold 10pt Georgia, Times New Roman, Serif;
letter-spacing: -1px;
color: #fff;      
background: #433b80;
padding: 8px;
border: 1px solid #fff;
}


/* --------------LOGO IN HEADER *always use this*------------- */
.logolink {
background-image: url('/images/logo.gif');
background-repeat: no-repeat;
height: 160px;
width: 237px;
}
 
.logolink a { float: left; cursor: default }
 
#swap {background-image: url(/images/logo.gif);  width: 237px;  height: 160px;  }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
}

#main .content {
padding: 0px;
margin: 0px;
margin-left: 237px;
margin-right: 0px;
height: auto;
}

#main .contentholder { padding: 20px;}

#main .navleft {
float:left; 
width: 237px;
margin: 0px;
padding: 0px;
}

#main .navleft .info {
margin: 0px;
padding: 0px;
background: url(/images/left_graphicbg.gif) no-repeat top left; 
height: 593px;
}

#main .navleft .address {
padding: 300px 0px 30px 48px;
width: 140px;
}

#main .navleft h5{
background: url(/images/address.gif) no-repeat;
height: 43px;
margin-bottom: -20px;
}

#main .navleft .address p {
text-align: left;
color: white
}

/* ----------HEAD IMAGES--------------------- */
#main .head { height: 162px;}
.images { background: url('/images/nav_bg.gif');}
.images a { float: left; }

#swap01 {background-image: url(/images/head_churchdesign.jpg);  width: 198px; height: 162px; }
#swap02 { background-image: url(/images/head_churchconstruction.jpg); width: 177px; height: 162px; }
#swap03 { background-image: url(/images/head_ccrcrevenue.jpg); width: 177px; height: 162px; }
#swap04 { background-image: url(/images/head_mission.jpg); width: 171px; height: 162px; }

.rollover { display: inline; } /* Allow setting widths and heights */
.rollover img { height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* ----------END OF IMAGES--------------------- */
#main .nav {
padding: 7px;
font: 9pt Georgia, Times New Roman, Serif;
color: white;
letter-spacing: -1px;
}

#main .nav ul {
list-style-type: none;
width: 600px;
}

#main .nav li {
padding: 0px 10px 0px 10px;
margin: 0px;
display: inline;
border-right: 1px solid #fff;
}

#main .nav a {
color: white;
text-decoration: none;
}

#main .nav a:hover {
color: white;
text-decoration: underline;
}

#main .lastnav {
float: right;
width: 150px;
margin-top: -15px;
font-weight: bold;
}

#main .pic { border: 5px solid #e5ddc4;}

#main .leftpic { border: 5px solid #e5ddc4; float:left; margin: 0px 15px 15px 0px}


#main h1 {
font: 18pt Georgia, Times New Roman, Serif;
letter-spacing: 1px;
color: #433b80;
}


h5 {
font: 14pt Georgia, Times New Roman, Serif;
letter-spacing: 1px;
color: #433b80;
margin-bottom: 15px;
font-style:italic
}


#main p  {
font: 10pt Georgia, Times New Roman, Serif;
line-height: 24px;
padding: 10px 0px 10px 0px;
color: #736c48;
}

#main a { color: #433b80;}

#main .lists ul {
margin-left: 20px;
padding: 0px;
}

#main .lists li {
display: block;
font: 10pt Georgia, Times New Roman, Serif;
line-height: 24px;
color: #736c48;
padding: 0px 0px 0px 25px;
background: url(/images/icon_check.gif) no-repeat top left;
list-style-type: none
}

/* ----------NEWS AND EVENTS--------------------- */
#main .contenthome { padding: 20px;}

/* ----------CHANGE WHEN GOING BACK TO NEWS AND EVENTS ON HOME PAGE--------------------- */

#main .contenthomenews {
padding: 20px;
float: left;
width: 332px;
}

#contest {
padding: 0px 20px 20px 15px;
margin: 20px 0px 0px 0px;
width: 300px;
float: right;
}


#news {
background-color: #e7ddc2;
padding: 6px 20px 20px 15px;
margin: 0px 0px 0px 0px;
width: 300px;
float: right;
}

#news b {
color: #433b80;
font-size: 13pt;
}

#news .events {
float: left;
width: 295px;	
}

#news .events ul {
margin: 0px;
padding: 0px;
}

#news .events li {
display: block;
list-style-type: none;
padding: 15px 0px 15px 15px;
font: 8pt Georgia, Times New Roman, Serif;
font-style:italic;
color: #433b80;
}

#news .events li a { text-decoration: underline}
#pdf { margin: 14px 0px 8px 57px;}


/* --------------RISKMANAGEMENT------------- */
.pic1 {
float: right;
border: 5px solid #e5ddc4;
}

.pic2 {
float: left;
border: 5px solid #e5ddc4;
margin: 10px;
}

#risk {
padding: 0px;
margin-top: 9px;
font: 10pt Georgia, Times New Roman, Serif;
color: #736c48;
}

#risk .rowa {
background-color: #e5ddc4;
padding: 12px;
border-top: 1px solid white
}

#risk .rowa img {
padding-left: 40px;
}

#risk h2 {
font: bold 18pt Georgia, Times New Roman, Serif;
padding: 0px 0px 0px 36px;
background: url(/images/icon_risk.gif) no-repeat top left;
}

#risk img { border: 9px solid #e5ddc4;}

/* --------------FAQS------------- */

#faq {margin: 0px;}
#faq p { margin: 0px; padding-top: 1px;}

#faq .question {
font-weight: bold;
font-style:italic;
padding: 0px 0px 0px 25px;
background: url(/images/icon_question.gif) no-repeat top left;
color: #433b80;
}

#faq .answer { padding-bottom: 25px;}


/* --------------CURRENT PROJECTS------------- */
#current, #past { padding: 0px; margin: 12px 0px 12px 0px; font-family: Georgia, serif; height: 100%; height: auto; min-height: 100%; clear: right}
#current .holder, #past .holder { background-color: #fdfaeb; padding: 15px; border: 1px solid #d7d3c0; height: auto; height: 320px; min-height: 100%}
#current .head, #past .head { background-color: #fbeeb3; padding: 5px; border: 1px solid #d7d3c0; text-align: center; height: 26px; margin-bottom: 10px;}
#current .head b, #past .head b { font: 14pt Georgia, Times New Roman, Serif; letter-spacing: 1px; color: #433b80;}
#current .icon, #past .icon { float: left; width: 300px; }
#current a {
	cursor: pointer
}

/* --------------CURRENT PROJECTS STATIC PICS------------------------------------------------------------- */
#current .icon .first { background: url(/images/dummy1.jpg); width: 300px; height: 200px; position: absolute}
#current .icon .fellowship { background: url(/currentprojects/fellowship/fellowship.jpg); width: 300px; height: 200px; position: absolute}
#current .icon .redeemer { background: url(/currentprojects/redeemer/redeemer.jpg); width: 300px; height: 200px; position: absolute}
#current .icon .secondbaptist { background: url(/currentprojects/secondbaptist/secondbaptist.jpg); width: 300px; height: 200px; position: absolute}
#current .icon .yale { background: url(/currentprojects/yale/yale.jpg); width: 300px; height: 200px; position: absolute}


#current .text, #past .text { text-align: left; padding: 0px 0px 13px 20px; margin-left: 305px;  }
#current .text p, #past .text p { padding-bottom: 0px; clear:right}


/* --------------PAST PROJECTS STATIC PICS------------------------------------------------------------- */
#past .icon .auburn { background: url(/currentprojects/auburn/auburn.jpg); width: 300px; height: 200px; position: absolute}
#past .icon .rehoboth { background: url(/currentprojects/rehoboth/rehoboth.jpg); width: 300px; height: 200px; position: absolute}
#past .icon .westside { background: url(/currentprojects/westside/westside4.jpg); width: 300px; height: 200px; position: absolute}
#past .icon .immanuel { background: url('/pastprojects/immanuel/immanuel.jpg'); width: 300px; height: 200px; position: absolute}
#past .icon .gwinnett { background: url('/pastprojects/gwinnett/gwinnett.jpg'); width: 300px; height: 200px; position: absolute}
#past .icon .dixon { background: url('/pastprojects/dixon/dixon.jpg'); width: 300px; height: 200px; position: absolute}
#past .icon .dykes { background: url('/images/comingsoon.jpg'); width: 300px; height: 200px; position: absolute}
#past .icon .tomscreek { background: url('/pastprojects/tomscreek/tomscreek.jpg'); width: 300px; height: 200px; position: absolute}
#past .icon .waleska { background: url('/pastprojects/waleska/waleska.jpg'); width: 300px; height: 200px; position: absolute}
#past .icon .carl { background: url('/pastprojects/firstbaptistcarl/carl.jpg'); width: 300px; height: 200px; position: absolute}
#past .icon .berea { background: url('/pastprojects/berea/berea.jpg'); width: 300px; height: 200px; position: absolute}


/* --------------CURRENT PROJECTS HOVER PICTURES------------------------------------------------------------- */
ul.gallery, ul.gallery li{ margin:0; padding:0; list-style:none;}		
ul.gallery { width:300px; height:200px; position:absolute;}			
ul.gallery li{ float:left; display:inline; margin-right: 10px; margin-bottom: 10px;}		
ul.gallery .hold { padding-top: 210px;}		
ul.gallery .small { border: 2px solid #d7d3c0;}		
ul.gallery a {cursor: hand}	
ul.gallery a span{ display:none; }
ul.gallery a:hover{ background:none; z-index:100;}	
ul.gallery a:hover span{ position:absolute; width:400px; height:300px; float:left; top:0; left:0; display:block;}				


/* --------------BLOG------------------------------------------------------------- */
#bloghome {
margin: 0px 0px 0px 0px;
width: 300px;
float: right;}

#bloghome .blogtext{background: url('/images/blogbg2.gif') repeat-y top left;
padding: 10px 20px 20px 15px;
margin: 0px 0px 0px 0px;
font: 8pt Georgia, Times New Roman, Serif;
font-style:italic;
color: #433b80;
}

#bloghome .blogtext p{
font: 8pt Georgia, Times New Roman, Serif;
font-style:italic;
color: #433b80;
}




/* --------------FOOTER------------- */
.clear { clear: both;}

#footer {
bottom: 0;
left: 0;
font: 8pt Georgia, Times New Roman, Serif;
} 

#footer {
margin: 0px 0px 20px 20px;
line-height: 20px;
}

#footer p {
color: #433b80;
}

#footer .line {
border: none;
border-bottom: 1px solid #ccc2a3;
height: 0px;
}


#footer .content { 
margin: 0 auto; 
}

/* --------------FOOTER LINKS------------- */

#footer ul {
padding: 10px;
}

#footer .asc ul {
margin: 0px;
padding: 0px;
float: left;
}

#footer .asc li {
display: block;
list-style-type: none;
}

#footer .asc li a {
color: #696758;
text-decoration: none;
}

#footer .links ul {
float: right;
margin-top: -35px;
}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: #433b80;
text-decoration: underline
}

#footer .links img {
margin-bottom: -10px;
padding-right: 10px;
}