@charset "utf-8";
/* CSS Document */

@import url('common.css');

div#columnA {
	float:left;
	width:670px;
}

div#columnA div.columnHeader {
	position:relative;
	margin-bottom:4px;
	height:401px;
	background:url(../../_homeimg/columna_columnheader_bg.gif) no-repeat bottom left;
	overflow:hidden;
}

div#columnA p#todaysDate {
	position:absolute;
	top:145px;
	right:13px;
	z-index:1;
	font-size:1em;
	line-height:1em;
	margin:0em;
	color:#d2ff84;
	font-weight:bold;
}

div#columnA div.columnHeader h1.mastHead {
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	width:670px;
	height:168px;
	background:url(../../_homeimg/columnA_masthead.jpg) no-repeat top left;
}

div#columnA div.columnHeader ul {
	position:absolute;
	top:168px;
	left:0px;
	margin:0px;
	padding:13px 6px 16px 17px;
	width:185px;
	height:200px;
	list-style-type:none;
	background:url(../../_homeimg/columnA_columnheader_ul.jpg) no-repeat top left;
}

div#columnA div.columnHeader li {float:left;}
div#columnA div.columnHeader li img {float:left;}

div#columnA div.columnHeader #flashAnimation {
	position:absolute;
	top:168px;
	left:208px;
	width:462px;
	height:229px;
}

div#columnA div.columnBody {
	float:left;
	padding:0px 0px 0px 11px;
	width:659px;
}

div#columnA div.pod {
	float:left;
	display:inline;
	margin:0px 9px 8px 0px;
	width:320px;
	background:url(../../_homeimg/columna_pod_bg.gif) repeat-y top left;
	overflow:hidden;
}

div#columnA div.pod h2.podCappingTop {margin:0px; padding:0px; height:45px; overflow:hidden;}

div#newsPod h2.podCappingTop {background:url(../../_homeimg/newspod_h2_bg.gif) no-repeat top left;}
div#spiritualityPod h2.podCappingTop {background:url(../../_homeimg/spiritualitypod_h2_bg.gif) no-repeat top left;}
div#lifeStoriesPod h2.podCappingTop {background:url(../../_homeimg/lifestoriespod_h2_bg.gif) no-repeat top left;}
div#mercyResourcesPod h2.podCappingTop {background:url(../../_homeimg/mercyresourcespod_h2_bg.gif) no-repeat top left;}

div#columnA div.pod ul.podItems {margin:0px; padding:0px; list-style-type:none;}

div#columnA div.pod div.podItem,
div#columnA div.pod div.podItemWithThumbnail {
	margin:0px 1px 1px 1px;
	padding:10px 11px 0px 11px;
	width:296px;
	height:100px;
	border-bottom:1px solid #e2e2e2;
	background:#fffffe url(../../_homeimg/columna_poditem_bg.gif) repeat-x top left;
}

div#columnA div.pod ul.podItems li.lastItem div.podItem,
div#columnA div.pod ul.podItems li.lastItem div.podItemWithThumbnail {border-bottom:none;}

div#columnA div.pod h3 {
	margin-top:0.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	color:#f7941d;
}
div#columnA div.pod h3 a {color:#f7941d;}

div#columnA div.pod div.podItemWithThumbnail {
	position:relative;
	padding:20px 11px 0px 101px;
	width:206px;
}

div#columnA div.pod div.podItemWithThumbnail img {
	position:absolute;
	top:20px;
	left:11px;
	padding:1px;
	width:70px;
	height:70px;
	background-color:#ffffff;
	border:2px solid #c7c5c5;
}

div#columnA div.pod li > div.podItem,
div#columnA div.pod li > div.podItemWithThumbnail {height:auto!important; min-height:100px!important;}

div#columnA div#spiritualityPod div.podItem {
	padding:10px 0px 0px 0px;
	width:318px;
	text-align:center;
}

div#columnB {
	float:left;
	width:230px;
}

div#columnB img.block {clear:both;}

h2#hdgWhereWeAre {
	margin:0px;
	padding:0px;
	width:230px;
	height:39px;
	background:url(../../_homeimg/h2_whereweare_bg.jpg) no-repeat top left;
	overflow:hidden;
}

ul#ulWhereWeAre {
	float:left;
	margin:0px;
	padding:0px 0px 0px 10px;
	width:220px;
	height:160px;
	list-style-type:none;
	background:url(../../_homeimg/columnB_whereweare_bg.jpg) no-repeat top left;
	overflow:hidden;
}

ul#ulWhereWeAre li {float:left;}
ul#ulWhereWeAre li img {float:left;}

div#editableArea01 {background:url(../../_homeimg/editablearea01_bg.gif) repeat-y top left;}

div#editableArea01 div.editableImage {
	padding:0px 16px 0px 6px;
	width:208px;
	height:150px;
	background:url(../../_homeimg/editablearea01_editableimage_bg.gif) no-repeat top left;
}
div#editableArea01 > div.editableImage {height:auto; min-height:150px;}

div#editableArea01 div.editableText {
	padding:10px 23px 5px 23px;
	width:184px;
	height:30px;
	background:url(../../_homeimg/editablearea01_editabletext_bg.gif) no-repeat bottom left;
}
div#editableArea01 > div.editableText {height:auto; min-height:30px;}