@charset "UTF-8";
/* CSS Document - Allies Styles for Calvary Chapel
Designed, coded, and maintained by www.alexandrayackel.com
Content of this site, such as photos, images, logos, and things the word "content" generally reffers to, is personal property to Allie Yackel...so please, don't steal my stuff...but feel free to use any CSS or XHTML hints or hacks you find...kthx   =D  
*/

/* ------------------------------------------------------  Body Elements  ------------------------------------------------------ */
body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-attachment:fixed;
	background-color: #900;
	text-align:center; /*  This is a hack for Internet Explorer browsers below version 7 - It allows the content to be aligned to the center  */
}

div.wrapper {
	width: 1024px;  /*a PIXEL with of your largest photo or content div - - allows the page to have a liquid structure, while letting the browser add the horiz. scroll bar if pixel width goes below set pixels */
	text-align:left; /*  Telling the browser that all text inside Wrapper is left aligned, over writing the command we made in the Body section to align the text to the center - once again, just the hack for Internet Explorer pre-IE7*/
	margin-left : auto;
	margin-right : auto;
	position : relative; /* relative position allows all inside content to be absolute, and positioned as such, remember: elements inside wrapper that are Left:0; Top:0; will be at the top left of the WRAPPER, not the page itself.  So be careful with your absolute positioning */
}

/*  ------------------------------------------------------ Begin HEADER Elements  ------------------------------------------------------ */
.header  /*  WILL NOT CHANGE  */
{	position:absolute;
	top: 0px;
	left: 0px;
	z-index:2;
}
/*  ------------------------------------------------------  Begin NAVIGATION Elements ------------------------------------------------------  */
.navigation {
	position: absolute;
	top: 200px;
	text-align:center;
	z-index:1;
	left:0px;
}
.navigation #navigationFireworks{
	position:absolute;
	top:0px;
	left: 150px;
	border:none;
}
/*  -------------------------------------------------------- Begin MAIN Elements  ------------------------------------------------------ */
.main {
	position:absolute;
	left: 30px;
	top: 270px;
}

.main #mainBg{
	position:absolute;
	top:98px;
	z-index:-1;
	height: 792px;
}
.main #pageIndependent{
	position:absolute;
	top:110px;
	left:50px;
	width:900px;
	
}
#imgHeader{
	position:absolute;
	left:15px;
	top:-1px;
}
.floatLeft{
	float:left;
	width:45%;
}
.floatRight{
	float:right;
}


/*  ------------------------------------------------------ Begin FOOTER Elements  ------------------------------------------------------ */

.footer #footerText #linksFooter p{
	margin-top:15px;
	color:#FFF;
}

.footer #footerText #linksFooter p a:link,
.footer #footerText #linksFooter p a:visited
{
	color: #FFF;
}
.footer #linksFooter p{
	text-align:center;
	font-size:14px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	z-index:7;
}
.footer #brownFooter{
	position:absolute;
	top:0px;
	z-index:-2;
}
.footer #paperFooter{
	position:absolute;
	top:40px;
	z-index:-2;
}
.footer #infoFooter {
	margin-top:30px;
}
.footer #infoFooter p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#FFF;
	padding-top: 5px;
	margin:0px;
	text-align:center;
}
.footer div#footerText{
	margin-top: 10px;
}
/* ------------------------------------------------------- End FOOTER Elements --------------------------------------------------------------- */

/*  ||||||||||||||||||||||||||||||| Begin Block Element Formatting ||||||||||||||||||||||||||||||||||||*/

h1{
	margin:0px;
	padding:0px;
	margin-bottom: 25px;
	margin-top:10px;
	padding-top: 10px;
	color:#900;
	font-weight:300;
	font-stretch:extra-condensed;

}
h2{
	margin:0px;
	text-indent: 10px;
	padding-top: 10px;
	text-decoration:underline;
	padding-bottom: 10px;
	font-variant:small-caps;
}
h3{
	text-indent: 20px;
	margin:0px;
	margin-top:15px;
	padding-bottom: 5px;
}
h4 {
	text-indent:30px;
	margin:0px;
	padding-bottom: 1px;
	padding-top: 5px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

}
h5 {
	text-indent:40px;
	margin:0px;
	padding-bottom: 5px;
}
p, td, blockquote{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:15px;
}

#pageIndependent p, #pageIndependent td {
	text-indent: 20px;
	padding-bottom:18px;
	padding:0px;
	margin:0px;
	margin-right:35px;
	padding-left: 15px;
	padding-right: 40px;
}
#pageIndependent #contact td, #pageIndependent #prayerRequest td, #pageIndependent #staffEmails td{
	text-indent: 0px;
	padding-bottom:0px;
	padding:0px;
	margin:0px;
	margin-right:0px;
	padding-left: 0px;
	padding-right: 0px;
}

ol{
	list-style:circle;
	margin-bottom:2px;
	margin-top: 2px;
}

ul{
	list-style:none;
}

#navigationContainer {
	border:0px;
}

div {border: none;}
table {border: none;}
map {border: none;}
img {border:none;}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin Active Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a:link {
	border: none;
	color:#000;
	text-decoration:underline;
}
a:visited {
	border: none;
	color:#06F
}
a:hover {
	border: none;
}
a:active {
	border: none;
}
a img {
	border: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  End Active Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/*

"Faithful is He that calleth you, for He will also do the work."
 - - First Thess. 5:24

*/

