/*----------------------------------------
Name: global.css
Developed by: Justin Ruess
Date Created: 3-30-09
Last Updated: 3-30-09
Copyright: Elevate Church
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("reset.css");


/* Elements
----------------------------------------*/
html { 
overflow: -moz-scrollbars-vertical;
}

body
{
	background:url(../images/backgrounds/html_bg.jpg) ;	
}

#bg {
background:transparent url(../images/backgrounds/body_bg.jpg) repeat-x scroll 0 0;
height:543px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:0;
}

body, p, td, th, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#fff;
}

#mainContainer
{
	width:890px;
	margin: -38px auto 0;
	position:relative;
}

p
{
	margin: 0 0 20px;
}

/*--- Link Styles ---*/
a:link, a:visited
{
	color:#fff;
	text-decoration:underline;
}

a:hover, a:active
{
	color:##919B7C;
	text-decoration:none;
}

h1
{
	color:#fff;
	margin:0 0 20px 0;
	font-size:24px;
}

h2
{
	color:#fff;
	margin:0 0 20px 0;
	font-size:20px;
}

h3
{
	color:#fff;
	margin:0 0 20px 0;
	font-size:16px;
}

h4
{
	color:#fff;
	margin:0 0 20px 0;
	font-size:14px;
	font-weight:bold;
}



ul
{
	margin-left:25px;
	
}

ol
{
	margin-left:25px;
	
}

blockquote	{margin: 0 0 18px 18px; color:#eee; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

/* Header
----------------------------------------*/
#header
{
	width:890px;
	height:139px;	
	position:relative;
	float:left;
	z-index:100;
}

.logo {
	width:493px;
	height:172px;
	position:absolute;
	background:url(../images/elevate-church-logo-trans.png) no-repeat;
	top:23px;
	left:-59px;
	z-index:100;
}

.logo h1 {
	visibility:hidden;
}

a.giveOnline {
	width:160px;
	height:52px;
	position:absolute;
	top:0;
	left:745px;
	background:url(../images/give-online-trans.png) no-repeat;
	text-decoration:none !important;
}

a.home {
position:absolute;
height:80px;
width:350px;
display:block;
top:0;
left:150px;
}

	a.home span {
		display:none;
	}


a.giveOnline span {
	visibility:hidden;	
}

	/* Nav
	----------------------------------------*/
	ul#nav
	{
		position:absolute;
		bottom:0;
		right:0;
		margin:0;
		padding:0;
		z-index:110;
	}
	
	ul#nav li {float:left; list-style-type:none;}
	ul#nav li a {font-size:16px;text-decoration:none;color:#fff; padding:5px 15px;}
	ul#nav li a:hover {background:#fff;color:#000;}
	
	
	
/* Main Content
----------------------------------------*/
#mainContent
{
	width:880px;
	background-color:#fff;
	position:relative;
	top:5px;
	padding:5px;
	float:left;
	z-index:90;
}

#mainContentSub
{
	width:890px;
	position:relative;
	top:5px;
	float:left;
}

	.subImage {
		background-color:#fff;
		padding:5px 0 5px 5px;
		width:655px;
		margin:0 0 10px;
	}
	
	.subContent {
		background:#000 url(../images/backgrounds/sub_bg.png) repeat-x;
		width:890px;
		min-height:200px;
		position:relative;
		z-index:2;
		float:left;
	}
	
		.subContentLeft {
			width:660px;
			float:left;
			
		}
		
		.subContentRight {
			width:230px;
			float:left;
			padding:0 0;
			border-bottom:5px solid #fff;
		}
		
			.subPromo {
			background:#000 url(../images/backgrounds/teaser.jpg) repeat-x;
			width:200px;
			height:134px;
			border:5px solid #fff;
			border-bottom:none;
			padding:10px;
			position:relative;
			}
				
				.subPromo h2 {
				color:#fff;
				margin:0 0 10px 0;
				font-size:18px;
				line-height:26px;
				}
				.subPromo p {
				color:#fff;
				margin:0 0 10px 0;
				font-size:14px;
				line-height:18px;
				padding:0 40px 0 0;
				}
				.subPromo img {
				position:absolute;
				top:10px;
				left:170px;
				}
	

	/* Homepage Gallery CSS
	------------------------------------*/
			
			#myGallery
			{
				text-align: left;
				margin: 0 auto;
				display:none;
			}

#map_canvas {
height:400px;
}

#directions table {
background:#000 !important;	
}

/* Footer
----------------------------------------*/
.foot {
position:relative;	
float:left;
}

#footer
{
	width:890px;
	height:30px;
	background-color:#000;
	margin:24px 0;
	position:relative;
	z-index:2;
}

.foot_bg {
	width:890px;
	height:134px;
	position:absolute;
	top:-24px;
	background:url(../images/backgrounds/footer_bg-trans.png) no-repeat;
	z-index:1;
}

#footer p 
{
	font-size:12px;
	color:#fff;
	text-align:right;
	line-height:30px;
	padding:0 10px 0 0;
}

#footer a {
	color:#fff;
	text-decoration:none;
}

#footer a:hover {
	color:#919B7C;
	text-decoration:underline;
}

.OneTime {
float:left;
width:234px;
padding:20px;
height:150px;
background:url(../images/givingL.png) no-repeat;
margin:0 0 20px 0;
border-bottom:2px solid #FFFFFF;
}

.reoccuring {
float:left;	
width:235px;
padding:20px;
background:url(../images/givingR.png) no-repeat;
height:150px;
margin:0 0 20px 0;
border-bottom:2px solid #FFFFFF;
}

.givetoday {
position:absolute;
left:601px;
top:32px;
}

.subContentLeft .unify {
margin:5px 50px 10px 25px;	
}

#myContent {
margin:5px 57px;	
}

.mceContentBody, #un1fyEditContent_ifr {
color:#000;
}

.bigGive {
width:890px;
height:900px;
position:relative;
background:url(../thebiggive/biggiveBG.jpg) no-repeat;
}

.bigGive input.giveam {
	position:absolute;
	top:245px;
	left:520px;
	width:200px;
}

.bigGive input.givesub {
	position:absolute;
	top:275px;
	left:595px;
	width:125px;
}

a.promo {
height:154px;
width:220px;
display:block;
text-indent:-999999px;
margin:-10px 0 0 -10px;
}

a.listen {
background:url(../images/promo/listenPromo.jpg) no-repeat top;	
}

a.blog {
background:url(../images/promo/blogPromo.jpg) no-repeat top;	
}

a.calendar {
background:url(../images/promo/calendarPromo.jpg) no-repeat top;	
}

a:hover.promo {
background-position:bottom;
}

.jdGallery .slideInfoZone p a {
text-decoration:underline !important;	
}

.jdGallery .slideInfoZone p a:hover {
text-decoration:none !important;	
}