/* ------------------------------------------------------------------------------------------------------*/
/* ZERO OUT ALL BROWSER PRE-SET VALUES  -----------------------------------------------------------------*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, img, form, fieldset, a {
	margin: 0;
	padding: 0;
	border: 0;
}

html 	{ overflow-y: scroll; }	/* Add this in to always generate vertical scrolls (and avoid page shift on centered layouts) */
a:focus	{ outline: 0; } 		/* Gets rid of outlines in FF */
.clear 	{ clear: both; }



/* ------------------------------------------------------------------------------------------------------*/
/* BASE BLOCK ELEMENTS & GLOBAL STYLES ------------------------------------------------------------------*/


html { height: 100%; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	background: #e6e6e6 url(../images/shared/bg-bottom-fade.gif) repeat-x top;
}

#topFade {
	width: 100%;
	background: url(../images/shared/bg-top-fade.gif) repeat-x top;
}


/* Container for entire page content */

#wrapper {
	margin: 0 auto;
	width: 990px;
	background: url(../images/shared/photo-box.gif) no-repeat 0 79px;
}

#headerBlock {
	margin: 0 auto;
	width: 990px;
	height: 89px;
}

#contentBlock {
	margin: 24px 0 0 5px;
	padding: 10px 20px 0 20px;
	width: 940px;
	background: #FFF;
	border-radius:10px; 			/* rounded corners in CSS3 browsers */
	-moz-border-radius: 10px;		/* rounded corners in FF */
	-webkit-border-radius: 10px;	/* rounded corners in Safari, Chrome */
}

#footerBlock {
	clear: both;
}

.clear {
	clear: both;
	height: 10px;
}

noscript {
	display: block;
	margin: 0 0 14px 0;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #BF3019;
}



/* ------------------------------------------------------------------------------------------------------*/
/* HEADER BLOCK: LOGO, CORNER & MAIN NAVIGATION  --------------------------------------------------------*/


/* Top Corner Navigation ---------- */ 

ul#cornerNav {
	width: 225px;
	height: 13px;
	padding: 6px 13px;
	margin: 0 0 0 10px;
	font-size: 9px;
	line-height: 10px;
	background: #FFF;
	color: #bebfc0;		/* Need this for the vertical rules beteen links */
}

ul#cornerNav li{ 
	list-style: none;
	display: inline;
	margin : 0;
}

/* Basic link styles */
#cornerNav a:link	 { color: #616365; text-decoration: none; }
#cornerNav a:visited { color: #616365; text-decoration: none; }
#cornerNav a:hover	 { color: #AA272F; text-decoration: none; }
#cornerNav a:active	 { color: #AA272F; text-decoration: none; }

/* Hide the Paypal "Giving" form  */ 
#giving { display: none; }


/* Main Navigation ---------- */ 

ul#mainNav {
	width: 638px;
	height: 13px;
	display: block;
	margin: 29px 0 22px -2px;
	font-size: 10px;
	line-height: 10px;
	list-style: none;
}

#mainNav li{
	float: left;
	display: inline;
	margin-left: 26px;
}

#mainNav li a {
	display: block;
	text-indent: -5000px;
	height: 13px;
	border: none;
}

/* Basic Link Styles */
#mainNav a:link		{ color: #808284; text-decoration: none; }
#mainNav a:visited	{ color: #808284; text-decoration: none; }
#mainNav a:hover	{ color: #5d8688; text-decoration: none; }
#mainNav a:active	{ color: #5d8688; text-decoration: none; }

/* Nav Rollovers */
#mainNav .eatTruth a 			{ background: url(../images/shared/nav-eat-truth.gif) no-repeat; width: 71px; }
#mainNav .eatTruth a:hover		{ background-position: -71px 0; }
#mainNav .eatTruth a:focus		{ outline: 0; }
#mainNav .liveSent a 			{ background: url(../images/shared/nav-live-sent.gif) no-repeat; width: 66px; }
#mainNav .liveSent a:hover		{ background-position: -66px 0; }
#mainNav .liveSent a:focus 		{ outline: 0; }
#mainNav .doSomething a			{ background: url(../images/shared/nav-do-something.gif) no-repeat; width: 106px; }
#mainNav .doSomething a:hover  	{ background-position: -106px 0; }
#mainNav .doSomething a:focus  	{ outline: 0; }
#mainNav .inCommunity a 		{ background: url(../images/shared/nav-in-community.gif) no-repeat; width: 105px; }
#mainNav .inCommunity a:hover	{ background-position: -105px 0; }
#mainNav .inCommunity a:focus	{ outline: 0; }

/* "Current Section" Highlight States */
#eatTruth #mainNav .eatTruth a 			{ background-position: -71px 0; }
#liveSent #mainNav .liveSent a			{ background-position: -66px 0; }
#doSomething #mainNav .doSomething a	{ background-position: -106px 0; }
#inCommunity #mainNav .inCommunity a	{ background-position: -105px 0; }


/* ------------------------------------------------------------------------------------------------------*/
/* OTHER HEADER ELEMENTS  -------------------------------------------------------------------------------*/

/* Logo */
a#logo {
	display: block;
	width: 209px;
	height: 33px;
	float: right;
	margin: 22px 13px 0 0;
	text-indent: -5000px;
	background: url(../images/shared/logo-redeemer-church.gif) no-repeat;
}
a#logo:link	 	{ color: #717174; text-decoration: none; }
a#logo:visited	{ color: #717174; text-decoration: none; }
a#logo:hover	{ color: #c0321e; text-decoration: none; }
a#logo:active	{ color: #c0321e; text-decoration: none; }

/* Photo Banner */
#bannerPhoto {
	width: 972px;
	height: 294px;
	margin: 3px 0 0 13px;
	color: #d1d3d4;
	position: relative; /* For the absolute positioning of the "New Here" link */
}

/* New Here Link*/
a#newHere {
	display: block;
	width: 46px;
	height: 106px;
	top: 9px;
	left: -20px;
	position: absolute;
	z-index: 10;
	text-indent: -5000px;
	background: url(../images/shared/btn-new-here.png);
}



/* ------------------------------------------------------------------------------------------------------*/
/* PAGE CONTENT BLOCK / SIDEBAR & SECONDARY/TERTIARY NAV  --------------------------------------------------------*/


#sidebar {
	width: 250px;
	min-height: 360px;
	margin: 0 34px 0 -20px;
	padding: 0;
	float: left;
	background: url(../images/home/sidebar_bgGrad.gif) repeat-x;
}

ul#secondaryNav  { list-style: none; }
ul#secondaryNav li { margin: 0 0 3px 0; padding: 0; }

ul#secondaryNav li a {
	display: block;
	width: 220px;
	padding: 5px 10px 5px 20px;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-radius: 2px; 		/* rounded corners in CSS3 browsers */
	-moz-border-radius: 2px;	/* rounded corners in FF */
	-webkit-border-radius: 2px;	/* rounded corners in Safari, Chrome */
}

ul#secondaryNav a:link		{ color: #FFF; text-decoration: none; background: #bcbdbe; }
ul#secondaryNav a:visited	{ color: #FFF; text-decoration: none; background: #bcbdbe; }
ul#secondaryNav a:hover		{ color: #FFF; text-decoration: none; background: #808284; }
ul#secondaryNav a:active	{ color: #FFF; text-decoration: none; background: #808284; }

/* "Current Sub-Section" Highlight States */
ul#secondaryNav a.currentSubSection:link	{ background: #808284; }
ul#secondaryNav a.currentSubSection:visited	{ background: #808284; }




ul#tertiaryNav  	{ list-style: none; font-size: 12px; }
ul#tertiaryNav li	{ margin: 5px 10px 5px 20px; padding: 0; }

ul#tertiaryNav li a {
	display: inline;
	margin: 0;
	padding: 0;
	text-transform: none;
}
ul#tertiaryNav a:link		{ color: #4e878a; text-decoration: none; background: none; }
ul#tertiaryNav a:visited	{ color: #4e878a; text-decoration: none; background: none; }
ul#tertiaryNav a:hover		{ color: #4e878a; text-decoration: none; background: url(../images/shared/linkStyle_off.gif) repeat-x bottom }
ul#tertiaryNav a:active		{ color: #4e878a; text-decoration: none; background: url(../images/shared/linkStyle_off.gif) repeat-x bottom }

/* "Current Page" Highlight States */
ul#secondaryNav a.currentPage:link		{ color: #bf2e1a; text-decoration: none; background: none; }
ul#secondaryNav a.currentPage:visited	{ color: #bf2e1a; text-decoration: none; background: none; }
ul#secondaryNav a.currentPage:hover		{ color: #bf2e1a; text-decoration: none; background: none; }
ul#secondaryNav a.currentPage:active	{ color: #bf2e1a; text-decoration: none; background: none; }





/* ------------------------------------------------------------------------------------------------------*/
/* MAIN CONTENT BLOCK  ----------------------------------------------------------------------------------*/

#mainContent{ 
	float: right;
	width: 630px;
	margin: 0 40px 0 0;
}


/* ------------------------------------------------*/
/* All text styles for Main Text Block area -------*/


#contentBlock h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
	font-size: 26px;
	line-height: 28px;
	letter-spacing: .02em;
	font-weight: normal;
	margin: 3px 0 5px 0;
	padding: 0;
	color: #616365;
}

#contentBlock h2 {
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	margin: 0 0 9px 0;
	padding: 0 0 3px 0;
	color: #4e878a;	
}

#contentBlock h3 {
	font-size: 13px;
	line-height: 14px;
	font-weight: normal;
	letter-spacing: .08em;
	text-transform: uppercase;
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
	color: #C4C4C4;	
}

#contentBlock h4 {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 16px;
	color: #909193;
	font-weight: bold;
}

#contentBlock p {
	margin: 0 0 14px 0;
	padding: 0;
	font-size: 11px;
	line-height: 16px;
	color: #909193;
}


#contentBlock ul {
 	list-style-type: none;
	padding: 0;
	margin: 0 0 14px 0;
	font-size: 10px;
	line-height: 14px;	
	color: #909193;
}

#contentBlock li {
	margin: 8px 0 4px 0;
	background-image:url(../../images/shared/listBullet.gif);
	background-repeat: no-repeat;
	background-position: .4em .4em;
	padding-left: 13px;
}

#contentBlock a:link 	{ color: #4e878a; text-decoration: none; background: url(../images/shared/linkStyle_off.gif) repeat-x bottom;  }
#contentBlock a:visited	{ color: #4e878a; text-decoration: none; background: url(../images/shared/linkStyle_off.gif) repeat-x bottom;  }
#contentBlock a:hover	{ color: #BF3019; text-decoration: none; background: url(../images/shared/linkStyle_on.gif) repeat-x bottom; }
#contentBlock a:active	{ color: #BF3019; text-decoration: none; background: url(../images/shared/linkStyle_on.gif) repeat-x bottom; }

/* Specialized "Action" links (subscribe, volunteer)  */

#contentBlock a.actionLink {
	display: block;
	margin: -3px 0 25px 0;
	font-size: 12px;
	letter-spacing: .06em;
	padding-left: 16px;
	background: url(../images/shared/icon_actionLink_off.gif) no-repeat;
}

#contentBlock a.actionLink:link { color: #909193; text-decoration: none; background: url(../images/shared/icon_actionLink_off.gif) no-repeat; }
#contentBlock a.actionLink:visited { color: #909193; text-decoration: none; background: url(../images/shared/icon_actionLink_off.gif) no-repeat; }
#contentBlock a.actionLink:hover { color: #909193; text-decoration: none; background: url(../images/shared/icon_actionLink_on.gif) no-repeat; }
#contentBlock a.actionLink:active { color: #909193; text-decoration: none; background: url(../images/shared/icon_actionLink_on.gif) no-repeat; }
#contentBlock a.actionLink:focus { outline: 0; }

#contentBlock .horizRule {
	clear: both;
	margin: 0 0 5px 0;
	font-size: 6px;
	line-height: 6px;
	background: url(../images/shared/dottedRule.gif) repeat-x center left;
}

#contentBlock .micetype {
	font-size: 9px;
	color: #B8B9BA;
}

.date { color: #B8B9BA; }



/* ------------------------------------------------------------------------------------------------------*/
/* BASIC FORM STYLES  -----------------------------------------------------------------------------------*/

/* form-specific form styles are defined in their section-specific CSS */

input.text, select, input.checkbox, textarea {
	background-color: #EDEDED;
	border: 1px solid #E1E1E2;
	padding: 3px;
	font-size: 10px;
	color: #616365;

}

input.checkbox {
	background-color: #EDEDED;
	border: 1px solid #E1E1E2;
}

input.radio {
	float: left;
	margin: 0 2px 0 0;
}

input:focus, textarea:focus {
	background-color: #FFFFFF;
}

label {
	display: block;
	text-align: left;
	margin: 0 0 1px 0;
	padding-top: 3px;
	font-size: 9px;
	line-height: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #C5C5C5;
}

table.formLayout td {
	width: auto;
	padding: 3px 0 3px 0;
	margin: 0;
}

table.formLayout td.spacer {
	width: 10px;
}

label.radioLabel {
	display: inline;
	margin: 0;
	padding-top: 0;
}

/* "Required Fields" messaging */

#contentBlock .requiredKey {
	float: right;
	line-height: 12px;
	color: #AA272F;
	font-size: 10px;
}

.required { color: #AA272F; !important }