/************************************/
/* Europe Region					*/
/* Layout Stylesheet				*/
/************************************/

/************************************/
/* General Formatting				*/
body {
	background: #0cc299;
}
.left, .alignleft {
	float: left;
}
.right, .alignright {
	float: right;
}
#page {
	background: #0cc299 url(../images/bkgrd_body.jpg) fixed;
}
#page .page_left {
	background: url(../images/bkgrd_body_l.jpg) repeat-y -24px top fixed;
}
#page .page_right {
	background: url(../images/bkgrd_body_r.jpg) repeat-y 104% top fixed;
}
#page .page_top {
	background: url(../images/bkgrd_body_top.jpg) repeat-x top left fixed;
}
#page .page_bottom {
	background: url(../images/bkgrd_body_btm.jpg) repeat-x bottom left fixed;
}
#page .page_tlc {
	background: url(../images/bkgrd_body_tl.png) no-repeat top left fixed;
}
#page .page_trc {
	background: url(../images/bkgrd_body_tr.png) no-repeat top right fixed;
}
#page .page_blc {
	background: url(../images/bkgrd_body_bl.png) no-repeat bottom left fixed;
}
#page .page_brc {
	background: url(../images/bkgrd_body_br.png) no-repeat bottom right fixed;
}
#page .page_wrap {
	background: url(../images/bkgrd_header.gif) no-repeat 10% 0 fixed;
}
#page #page_content {
	margin: 0 auto;
	width: 908px;
}

/************************************/
/* Header							*/
#header {
	background: url(../images/bkgrd_page_top.png) no-repeat bottom;
	padding: 0 0 58px 0;
	position: relative;
}
#header h1 {
	margin: 0;
	position: absolute;
	text-indent: -999em;
	top: 54px;
	width: 218px;
}
#header h1 a {
	background: url(../images/img_logo.png) no-repeat;
	display: block;
	float: left;
	height: 75px;
	width: 78px;
}
#header h1 span {
	background: url(../images/img_title.png) no-repeat;
	display: block;
	float: left;
	height: 19px;
	margin: 54px 0 0 0;
	width: 139px;
}
#header #mailing {
	background: url(../images/img_mailing.png) no-repeat;
	height: 94px;
	left: 262px;
	position: absolute;
	text-indent: -999em;
	top: 0;
	width: 126px;
}

	/* Nav */
	#nav {
		background: url(../images/bkgrd_nav.png) no-repeat top right;
		float: right;
		margin: 79px 0 0 0;
		padding: 17px 1px 0 0;
	}
	#nav li {
		float: left;
		padding: 0 0 7px 0;
	}
	#nav a {
		float: left;
		display: block;
		padding: 0.75em;
	}
	#nav .current_page_item, #nav .current_page_ancestor {
		background: url(../images/bkgrd_nav_current.gif) no-repeat bottom center;
	}
	
	/* Search */
	#searchform {
		position: absolute;
		right: 0;
		top: 58px;
		width: 10.75em;
	}
	#content #searchform {
		position: relative;
		top: 0;
	}
	#searchform #s {
		float: right;
		padding: 3px;
		width: 7.50em;
	}
	#searchform #searchsubmit {
		float: left;
		margin: 0 6px 0 0;
		padding: 2px 3px;
	}

/************************************/
/* Content							*/
#content {
	background: url(../images/bkgrd_page.png);
}

	/* Layout */
	#main {
		float: right;
		padding: 0 27px;
		width: 623px;
	}
	#entry.notitle {
		margin-top: 1.35em;
	}
	#headline {
		padding: 0 27px;
	}
	#content #headline h2 {
		margin: 0;
	}
	
	/* General */
	#main h1, #main h2, #main h3,
	#main h4, #main h5, #main h6 {
		margin: 0.50em 0;
	}
	#content p {
		margin: 1.00em 0;
	}
	#content ol, #content ul, #content dl {
		margin: 1.00em 0 1.00em 24px;
	}
	#content .page li, #content .page dd {
		margin: 0 0 0.50em 0;
	}
	#content blockquote {
		margin: 0 0 0 48px;
		padding: 1px 12px;
	}
	#content .post_title {
		margin: 0;
		padding: 24px;
	}
	#main p {
		margin: 1.00em 0;
	}
	#main ul, #main ol {
		margin: 1.00em 0 1.00em 24px;
	}
	#main li, #main dd {
		margin: 0 0 0.75em 0;
	}
	#main img, #story_videoWrap, #main .slidepress {
		float: left;
		margin: 16px 16px 16px 0;
		padding: 5px;
	}
	#main img.alignright, #main img[align="right"] {
		float: right;
		margin: 16px 0 16px 16px;
	}
	#main #entry img, #main #entry img.alignright, #main #entry img[align="right"] {
		margin-top: 0;
	}
	#main table {
		clear: both;
		margin: 1.00em 0;
	}
	#main th, #main td {
		padding: 0.50em 2.00em 0.25em 0.50em;
		vertical-align: top;
	}
	
	/* Sub Nav */
	#subnav ul {
		margin: 1.65em 0 0.50em 0;
	}
	#subnav li {
		float: left;
		margin: 0 0.25em 0 0;
		padding: 0 0.25em 0 0;
	}
	#subnav a {
		display: block;
		padding: 0.25em;
	}
	
	/* Homepage */
	.home #main {
		float: left;
		margin: 0 0 0 27px;
		padding: 4px;
		width: 642px;
	}
	#main.promo {
		background: url(../images/bkgrd_mainpromo.png) no-repeat;
		padding: 5px 2px 2px 4px;
	}
	#content #prayerGuides {
		background: url(../images/bkgrd_sidepromo.png) no-repeat 0 -13px;
		border-top: solid 1px #ECECEC;
		margin: 2px 0 0 0;
		padding: 0 3px 3px 3px;
	}
	#prayerGuides li {
		float: left;
	}
	#prayerGuides a {
		background: url(../images/bkgrd_homepromo.jpg);
		display: block;
		float: left;
		height: 110px;
		text-indent: -999em;
		width: 99px;
	}
	#prayerGuides .daily a {
		background-position: 0 0;
	}
	#prayerGuides .area a {
		background-position: -99px 0;
	}
		/* Scrollable Settings */ 
		.home .scrollable { 
			/* required settings */ 
			position:relative; 
			overflow:hidden; 
			width: 614px; 
			height:294px; 
		} 
		 
		/* 	root element for scrollable items. Must be absolutely positioned 
			and it should have a extremely large width to accomodate scrollable items. 
			it's enough that you set width and height for the root element and 
			not for this element. 	*/ 
		.home .scrollable .items { 
			/* this cannot be too large */ 
			width:20000em; 
			position:absolute; 
		} 
		.home #main .scrollable .items .item { 
			position: relative;
		}
		.home #main .scrollable .items img { 
			margin: 0 16px 0 0;
		}
		.home #main .scrollable h3 {
			right: 0;
			padding: 0.50em 0.5em 0.30em;
			position: absolute;
			top: 0;
			z-index: 100;
			margin: 2px 2px 0 0;
		}
		.home #main .scrollable .items p {
			bottom: 0;
			display: block;
			left: 0;
			padding: 0.5em 0.50em 0.50em 48px;
			position: absolute; 
			margin: 0 0 2px 2px;
		}
		.home #main .scrollable .items span {
			display: block;
			padding: 0.50em;
			float: left;
		}
		.home #main .scrollable .items p a {
			display: block;
			float: left;
			padding: 0.60em 0.5em;
		}
		.home .scrollable .scrollnav {
			bottom: 18px;
			left: 12px;
			position: absolute;
		}
		.home .scrollable .scrollnav a {
			cursor: pointer;
			display: block;
			float: left;
			font-size: 0;
			height: 18px;
			text-indent: -999em;
			width: 18px;
		}
		.home .scrollable .scrollnav a.left {
			background: url(../images/btn_scrollleft.png);
		}
		.home .scrollable .scrollnav a.right {
			background: url(../images/btn_scrollright.png);
		}
		.home #main .scrollable .scrollnav a.left:hover {
			background: url(../images/btn_scrollleft.png) 0 -18px;
		}
		.home #main .scrollable .scrollnav a.right:hover {
			background: url(../images/btn_scrollright.png) 0 -18px;
		}
		 
		/* 	a single item. must be floated in horizontal scrolling. 
			typically, this element is the one that *you* will style 
			the most.	*/ 
		div.scrollable div.items div { 
			float:left; 
		} 
		 
		/* you may want to setup some decorations to active the item */ 
		div.items div.active { 
			border:1px inset #ccc; 
			background-color:#fff; 
		}
	
	/* Stories */
	#stories ul {
		margin: 1.00em 0;
	}
	#stories li {
		list-style: none;
	}
	#stories .recent {
		float: left;
		margin: 0 0 16px 0;
		width: 302px;
	}
	#stories .recent img, #stories .story .image {
		height: 134px;
		margin: 16px 16px 0.50em 0;
		width: 288px;
	}
	#stories .story .image {
		display: block;
		height: 104px;
		overflow: hidden;
		padding: 20px;
		width: 258px;
	}
	#stories .recent.odd {
		clear: both;
		margin: 0 16px 16px 0; 
	}
	#stories .recent span {
		display: block;
	}
	#stories .older {
		float: left;
		margin: 0;
		width: 302px;
	}
	#stories .older.odd {
		clear: both;
		margin: 0 16px 0 0; 
	}
	#stories .more a {
		display: block;
		float: left;
		padding: 0.15em 0.25em;
	}
	#content.archives h3 a {
		display: block;
		padding: 0.25em 0;
	}
	#content.archives h3 span {
		display: block;
		float: right;
		margin: -0.35em 0 0 0;
		padding: 0.25em 0 0.75em 0.50em;
	}
	.navigation {
		padding: 0.50em 8px;
	}
	.navigation div {
		width: 45%;
	}
	
	/* Contact */
	.cform, .securemail {
		clear: both;
		margin: 1.60em 0 1.00em 0;
		padding: 0 20px 0 0;
	}
	#main .cform ol, #main .securemail ol {
		list-style: none;
		margin: 1.00em 0 0 0;
	}
	#main .cform ol li, #main .securemail ol li {
		margin: 0 0 4px 0;
	}
	.cform label, .securemail label {
		float: left;
		padding: 0 12px 0 0;
		width: 170px;
	}
	.securemail label {
		float: none;
	}
	#main #entry .securemail img {
		display: block;
		float: none;
		margin: 8px 16px 8px 0;
	}
	.cform legend {
		margin: 1.00em 0 0 0;
	}
	.cform input, .cform select, .cform textarea {
		padding: 0.25em;
		width: 200px;
	}
	.cform textarea {
		height: 140px;
		width: 410px;
	}
	.reqtxt, .emailreqtxt, .linklove, .cf_hidden {
		display: none;
	}
	.cf_info {
		clear: both;
		padding: 4px;
	}
	.cform #sendbutton {
		cursor: pointer;
		margin: 0 0 0 182px;
		padding: 0.25em 1.00em;
		width: auto;
	}
	

/************************************/
/* Sidebar							*/

	/* Layout */
	#sidebar {
		float: right;
		padding: 0 0 0 27px;
		width: 204px;
	}
	
	/* General */
	.promo_small {
		background: url(../images/bkgrd_sidepromo.png) no-repeat;
		margin: 0 0 4px 0;
		padding: 3px;
	}
	
	/* Home */
	.home #sidebar {
		float: left;
		padding: 0 27px 0 0;
		width: 204px;
	}
	.home #sidebar .featured img {
		background: url(../images/bkgrd_sidepromo.png) no-repeat;
		height: 120px;
		padding: 3px 3px 2px 3px;
		width: 198px;
	}
	#content #archivesStories p, #content #archivesStories h4 {
		margin: 0;
	}
	.home #content #archivesStories h4 {
		padding: 0 0 5px 0;
	}
	#content #archivesStories h4 a {
		display: block;
	}
	#content #archivesStories h4 a span {
		display: block;
		margin: 0.25em 0.25em 0.75em 0.25em;
		padding: 0.25em;
	}
	#archivesStories a.archives {
		display: block;
		padding: 0.50em 0;
	}
	
	/* Quicklinks */
	#content #quicklinks h3 {
		margin: 1.00em 0 0.50em 0;
	}
	#quicklinks ul {
		margin: 0;
	}
	#quicklinks a {
		display: block;
		padding: 8px 0 6px 0;
	}
	
	/* Register */
	#register ul {
		margin: 1.00em 0;
	}
	#register li {
		float: left;
	}
	#register li a {
		display: block;
		float: left;
		padding: 0.50em 0.50em;
	}
	
	/* Archives */
	#content #archivesStories h3 {
		margin: 1.00em 0 0.50em 0;
	}
	
	/* Connect */
	#content #connect h3 {
		margin: 1.00em 0 0.50em 0;
	}
	#connect ul {
		margin: 0.50em 0;
	}
	#connect li {
		float: left;
		margin: 0 6px 0 0;
	}
	#connect li a {
		background: url(../images/sprites_social.png);
		display: block;
		float: left;
		text-indent: -999em;
	}
	#connect li.facebook a {
		background-position: 0 0;
		height: 26px;
		width: 69px;
	}
	#connect li.flickr a {
		background-position: -79px 0;
		height: 26px;
		width: 77px;
	}
	#connect li.facebook a:hover {
		background-position: 0 -26px;
	}
	#connect li.flickr a:hover {
		background-position: -79px -26px;
	}
	
	/* Newsletter */
	#content #newsletter h3 {
		margin: 1.00em 0 0.50em 0;
	}
	#newsletter #newsletter_field {
		padding: 3px;
	}
	#newsletter #newsletter_btn {
		padding: 3px;
	}

/************************************/
/* Footer							*/
#footer {
	background: url(../images/bkgrd_page_btm.png) no-repeat top;
	padding: 40px 0 200px 0;
}
#footer #AG {
	background: url(../images/img_aglogo.png);
	display: block;
	height: 38px;
	margin: -14px 0 0 24px;
	text-indent: -999em;
	width: 51px;
}
#footer ul {
	float: right;
}
#footer li {
	float: left;
	padding: 0.10em 0.50em;
}