html, body{
	margin:0;
	background:#eaebed url('../img/floor_tile_background.jpg') repeat-x left 0px; /* needs tiling background */
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}
body{
    padding:30px 0 0 0;
}

a:focus{ outline:none; }

input, textarea{
	padding:3px 4px;
    font-size:.7em;
    color:#1D1C42;
	border:1px solid #ccc;
}

#container_border{
	margin:0px auto 0 auto;
	width:757px;
	border:5px solid #b0b0b0;
	}
	#container{
		margin:3px;
		width:751px;
		background:#FFF;
		border-top:1px solid #b0b0b0;
		border-bottom:1px solid #b0b0b0;
		}
		h1#title{
			display:block;
			margin:0;
			height:55px;
			background:url('../img/header_calvary.jpg') no-repeat center center;
			text-indent:-9999px;
			border-left:1px solid #b0b0b0;
			border-right:1px solid #b0b0b0;
		}
	#nav{
		margin:0;padding:0 0 0 15px;
		background:#1e1b4a;
		height:28px;
		border-bottom:4px solid #b3b3b1;
		list-style:none;
		}
		#nav li{
			float:left;
			}
			#nav li a:link, #nav li a:visited, #nav li a:active, #nav li a:hover{
				display:block;
				margin-right:10px;padding:0;
				height:28px;
				line-height:28px;
				font-size:12px;
				color:#FFF;
				text-decoration:none;
				background: url('../img/navigation.gif') no-repeat;
				text-indent:-9999px;
			}
			#nav li#welcome a{ width:79px; }
			#nav li#welcome a.on{ background-position:0 -28px; }
			#nav li#events a{ width:65px; background-position: -79px 0; }
            #nav li#events a.on{ background-position:-79px -28px; }
			#nav li#prayerandworship a{ width:122px; background-position:-144px 0; }
			#nav li#prayerandworship a.on{ background-position:-144px -28px; }
			#nav li#smallgroups a{ width:101px; background-position:-266px 0; }
			#nav li#smallgroups a:hover{ background-position:-266px -28px; }
			#nav li#ministries a{ width:77px; background-position:-367px 0; }
			#nav li#ministries a.on{ background-position:-367px -28px; }
			#nav li#contactus a{ width:85px; background-position:-444px 0; }
			#nav li#contactus a:hover{ background-position:-444px -28px; }
			#nav li#directions a{ width:90px; background-position:-529px 0; }
			#nav li#directions a:hover{ background-position:-529px -28px; }
			
        #nav li ul{
            visibility:hidden;
            position:absolute;
            margin:0 0 0 20px;padding:0 0 12px 0;
            margin-top:4px;
            background:#1e1b4a;
            list-style:none;
			Z-index:1;
            }
            #nav li ul li{
                clear:both;
            }
            #nav li ul li a:link,
            #nav li ul li a:visited,
            #nav li ul li a:active{
                display:block;
                margin:0;padding:2px 10px 2px 25px;
                background-color:#B3B3B3;
                background-image:url('../img/bullet_square_blue.gif');
                background-repeat:no-repeat;
                background-position:10px center !important;
                line-height:20px;
                height:auto;
                min-height:20px;_height:20px;
                width:150px !important;
                color:#FFF;
                border-bottom:2px solid #ddd;
                text-indent:0px;
                font-size:.7em;
                font-weight:bold;
            }
            #nav li ul li a:hover{
                display:block;
                margin:0;padding:2px 10px 2px 25px;
                width:150px !important;
                line-height:20px;
                min-height:20px;_height:20px;
                background-color:#1e1b4a;
                background-image:url('../img/bullet_square_white.gif');
                background-repeat:no-repeat;
                background-position:13px center !important;
                color:#FFF;
                font-size:.7em;
                text-indent:0px;
            }
			
			
			
	#content_border{
		padding:0 1px 1px 1px;
		border-left:1px solid #b0b0b0;
		border-right:1px solid #b0b0b0;
		}
		.main{ /* applied to the #content div */
            padding:15px 10px 10px 10px;
			background:#5c90bf url('../img/family_background.jpg') no-repeat left bottom;
			min-height:338px;_height:338px;
			}
        .subpage{
            background:#FFF url('../img/landing_contentArea_tile.jpg') repeat-y 498px top;
            min-height:338px;_height:338px;
            }
        .splash{
            padding:15px 10px 10px 10px;
            background: #85B8D7 url('../img/bk_gradient.jpg') repeat-x;
            min-height:318px;_height:318px;
        }
            .leftColumn{
                padding:30px 10px 25px 35px;
                width:420px;
                float:left;
                }
                .leftColumn h3{
                    margin:0 0 5px -35px;padding:0 0 1px 27px;
                    font-weight:normal;
                    width:230px;
                    color:#1D1C42;
                    border-bottom:1px solid #ccc;
    			}
    			.leftColumn h5{
                    margin:17px 0 0 0;padding:0;
                    font-size:.85em;
                    line-height:1.9em;
                    color:#1D1C42;
    			}
    			.leftColumn p{
                    margin:9px 0 8px 0;
                    font-size:.8em;
                    line-height:1.9em;
                    color:#444;
    			}
    			.leftColumn a,
    			.leftColumn a:visited,
    			.leftColumn a:active{
            color:#1d1c42;
          }
          .leftColumn a:hover{
            text-decoration:none;
          }
    			.leftColumn ul{
                    margin:0 0 20px 0;_margin:0 0 10px 0;
                    padding:10px 0 0 15px;
                    font-size:.8em;
    			     }
    			     .leftColumn ul li{
                        margin-bottom:10px;
                        color:#444;
    			     }
                .leftColumn hr{
                    margin:0;padding:0;
                    font-size:0;
                    line-height:0;
                    height:1px;
                    background:#ccc;
                }

                div.contactRow{
                    margin: 5px 0 15px 0;padding:8px;
                    background:#FFF url('../img/contactRow_tile.jpg') repeat-x left bottom;
                    line-height:.9em;
                    border:1px solid #ccc;
                    }
                    div.contactRow img{
                        margin: 0 15px 0 0;padding:3px;
                        border:1px solid #ccc;
                        float:left;
                    }
                    div.contactRow ul{
                        margin:4px 0 0 0;padding:0;
                        list-style:none;
                        }
                        div.contactRow li{
                            line-height:.9em;
                            }
                            div.contactRow li strong{
                                color:#1D1C42;
                            }
    			     
                dl#contactForm{
                    font-family:Arial, Helvetica, sans-serif;
                    font-size:.8em;
                    }
                    dl#contactForm form{
                        margin:0;padding:0;
                        }
                        dl#contactForm dt{
                            padding-right:10px;
                            padding-top:3px;
                            width:100px;
                            text-align:right;
                            float:left;
                        }
                        dl#contactForm dd{
                            padding-bottom:2px;
                            min-height:30px;_height:30px;
                            text-align:left;
                            color:#1D1C42;
                        }
                        dl#contactForm input, dl#contactForm textarea{
                            position:relative;_left:-42px;
                            font-family:Arial, Helvetica, sans-serif;
                            padding:3px 4px;
                            font-size:.9em;
                            color:#1D1C42;
                            margin-left:0;
                            border:1px solid #ccc;
                        }
                        dl#contactForm input:hover, dl#contactForm textarea:hover{
                            background:#F3F7F9;
                        }
            .rightColumn{
                padding:30px 10px 10px 0;
                width:239px;
                float:right;
                color:#1D1C42;
                }
                .rightColumn ul{
                    font-size:.8em;
                    line-height:1.9em;
                }
                .rightColumn a:link,
                .rightColumn a:visited,
                .rightColumn a:active{
                    padding:0 0 1px 0;
                    color:#1D1C42;
                    text-decoration:none;
                    border-bottom:1px solid #1D1C42;
                }
                .rightColumn a:hover{
                    border:none;
                }
                .rightColumn div.imgBorder{
                    margin:50px 0 10px 18px;
                    border:2px solid #d9e7f0;
                    padding:2px;
                    width:210px;
                    min-height:250px;_height:250px;
                    text-align:center;
                    line-height:250px;
                    color:#d9e7f0;
                    font-size:.8em;
                }
				img.imgBorder{
					margin:0 0 0 16px;
					padding:1px;
					border:2px solid #d9e7f0;
				}
				
                .rightColumn blockquote{
                    margin:45px 10px 45px 19px;
                    font-size:.8em;
                    line-height:1.9em;
                    text-align:center;
                    }
                    .rightColumn blockquote cite{
                        font-size:.85em;
                    }
                    
            img.videoIcon{
                margin:0 0 0 4px;
            }
            
			h2#mission, h2#vbsHeader{
                display:block;
                margin:0 0 20px 25px;padding:0;
                width:500px;height:75px;
                background:url('../img/landing_mission.gif') no-repeat;
                text-indent:-9999px;
			}
			/* Content Area */
			div.ca_border{
                margin:0 0 12px 0;
				width:320px;
				border:1px solid #b3d2e6;
				padding:2px;
				}
				div.ca_border div{
					margin:0;padding:5px 5px 8px 7px;
					background:#7FB0D0 url('../img/landing_contentArea_tile.jpg') repeat-y;
					border:2px solid #d9e7f0;
				}
				div.ca_border p{
                    margin:0 0 0 13px;padding:0;
                    font-size:.75em;
                    line-height:1.4em;
                    color:#1d1d43;
				}
				div.ca_border h4{
                    display:block;
                    height:18px;width:150px;
                    margin:2px 0 6px 0;padding:0;
                    font-size:.9em;
                    font-weight:normal;
                    line-height:1.1em;
                    text-indent:-9999px;
				    }
				    h4.subServices{ background:url('../img/subtitle_services.jpg') no-repeat left center; }
				    h4.subOfficeHours{ background:url('../img/subtitle_officehours.jpg') no-repeat left center; }
				div.ca_border ul{
                    margin:0;padding:0;
                    list-style:none;
				    }
				    div.ca_border ul li{
                        margin:2px 0 2px 12px;
                        font-size:.75em;
                        line-height:1.4em;
                        color:#1d1d43;
				    }
				    ul a:link, a:visited, a:active{
                        color:#4B4B4B;
				    }
				    
/** -------------------------------------
 * Logo / Icons
* ------------------------------------- 
*/
a.getNewsletterButton{
  display:block;
  width:170px;height:30px;
  background:url('../img/getTrumpeterButton.gif') no-repeat;
  text-indent:-9999px;
  }
  a.getNewsletterButton:hover{
    background-position:0 -30px;
    }
a.getAcrobatReader{
  display:block;
  width:112px;height:43px;
  background:url('../img/getAcrobatReader.jpg') no-repeat left center;
  text-indent:-9999px;
}
.newsletterHeader{
  margin:0 0 25px -10px;
}
.pdfLogo_sm{
  position:relative; top:3px;
}
		
/** -------------------------------------
 * Directions Page
* ------------------------------------- 
*/
div#map{
	margin:5px 0 0 0;
	_margin-top:-12px;
	border:1px solid #1D1C42;
	height: 400px;
	}
	#googleMapsHeader{
		margin:10px 0;padding:0;
		width:150px;height:55px;
		background:url(../img/google_maps_logo.gif) no-repeat;
		text-indent:-9999px;
	}
	dl#googleMapsControls{
		margin:0;padding:0;
		_height:1%;
		font-family:Arial, Helvetica, sans-serif;
		}
		dl#googleMapsControls form{
			margin;0;padding:0;
			}
			dl#googleMapsControls dd{
				margin:0;padding:0;
				float:left;
				}
				#locationInput{
					margin-top:1px;
					margin-right:5px;
					width:254px;
				
				}
				#getDirectionsButton{
				
				}
		
p#footer{
	margin:6px auto 3px auto;padding:0 0 6px 0;
	width:770px;
	color:#444;
	font-size:.7em;
	text-align:center;
	border-bottom:1px solid #ccc;
}

/* COMPOSED OF: getNewsletterButton */
ul#footerIcons{
  margin:0 auto;padding:0;
  width:170px;
  list-style:none;
  }
  ul#footerIcons li{
    float:left;
  }

.clear{ clear:both; }


/* -----------------------------------
 * TEXT STYLES
 * ----------------------------------- */
#errorList{
    color:#990000;
    font-weight:bold;
    text-align:center;
}
#successList{
    color:#1E1B4A;
    font-weight:bold;
    text-align:center;
}

/* -----------------------------------
 * VBS STYLES
 * ----------------------------------- */
#vbs_howdy, #vbs_squeaky, #vbs_croc, #vbs_highSeas{
    position:absolute;
    margin:-310px 0 0 500px;
    display:block;
    width:219px;height:326px;
    background:url('../img/vbs/howdy.gif') no-repeat;
    text-indent:-9999px;
}
#vbs_squeaky{
	margin:-400px 0 0 400px;
	width:397px;height:372px;
	background:url('../img/vbs/SqueakyBeakerBMBSilo.gif') no-repeat;
}
#vbs_croc{
	margin:-500px 0 0 200px;
	width:634px;height:502px;
	background:url('../img/vbs/croc.gif') no-repeat;
}
#vbs_highSeas{
  margin:-400px 0 0 250px;
	width:624px;height:402px;
	background:url('../img/vbs/highSeas.gif') no-repeat;
}
h2#vbsHeader{
    height:20px;
    background:url('../img/vbs/vbsHeader.gif') no-repeat;
}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* -----------------------------------
 * VISUAL STYLES
 * ----------------------------------- */
#alertBox{
	position:absolute; 
	top:0;
	left:50%;
	margin-left:-368px;
	padding-left:26px;
	width:700px; height:45px; 
	background:#eedddd;
	line-height:45px;     
	border-left:4px solid #CCC;
	border-bottom:4px solid #CCC;
	border-right:4px solid #CCC;
	color:#333;
	font-size:.9em;
}
ul.simpleList{
  margin:15px 0 0 0;padding:0;
  list-style:none;
}