div#trinity { margin-left: 17px; margin-bottom: 14px;}
div#trinity a {width: 301px; display: block; padding: 0; margin: 0;}
div#trinity a.usetobecatholic { background-image: url(/assets/images/used_to_be.png); height:105px;}
div#trinity a.notcatholic { background-image: url(/assets/images/am_not.png); height:125px;}
div#trinity a.amcatholic { background-image: url(/assets/images/am.png); height:107px;}

div#welcome
{
	margin: 25px 5px 0px 9px;
}

div#biglinks
{
	margin-left: 32px;
	height: 175px;
}

div#biglinks div.infobox
{
	height:175px;
	float: left;
}

div.infobox div.left,
div.infobox div.center,
div.infobox div.right
{
	float: left;
	height: 196px;
}

div.infobox div.left { width:15px; background:url(/assets/images/infobox-left.png) no-repeat top left; }
div.infobox div.center{ background:url(/assets/images/infobox-middle.png) repeat-x top; width: 264px; }
div.infobox div.right{ width:15px; background:url(/assets/images/infobox-right.png) no-repeat top right; }
div.infobox + div.infobox { margin-left: 0px; }
	
div#commercials img { float: left; padding: 63px 5px 0 5px; }

div#commercials .column
{
	margin-top: 53px;
	float: left;
	margin-left: 0px;
}

div#commercials .column a,
div#freebook a,
div#shophere a
{
	color: inherit;
	text-decoration: none;
}

div#commercials h3
{ 
	margin: 0;
	margin-left: 3px;
	font-family: Baskerville, Palatino, serif; 
	font-size: 14pt;
	line-height: 16px;
	color: #014b71;
	font-weight: normal;
}

div#commercials h3 + h3
{
	font-size: 17pt;
	line-height: 19px;
}


div#commercials ul
{
	list-style-image: url(/assets/images/infobox-bullet.png);
	list-style-position: inside;
	margin: 0;
	padding: 0;
	margin-top: 8px;
}

div#commercials li
{
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	color: #717171;
	line-height: 18px;
}

div#freebook.infobox div.center { width:307px; }
div#freebook img { float: left; padding: 53px 1px 0 13px; }

div#freebook .column
{
	padding-top: 33px;
	float: left;
	margin-left: 9px;
}

div#freebook h3
{
	margin-bottom: 0;
	font-family: Baskerville, Palatino, serif; 
	font-size: 20pt;
	color: #9FBFE7; 
	font-weight: normal;
}

div#freebook h4
{
	font-family: Baskerville, Palatino, serif; 
	font-size: 20pt;
	color: #014b71;
	padding: 0;
	margin: 0;
	font-weight: normal;
	margin-left: 20px;
	line-height: 20px;
	margin-top: 2px;
}

div#freebook h4 + h4
{
	font-size: 24pt;
	line-height: 24px;
	margin-top: 8px;
	margin-left: 32px;
}

div#shophere img { float: left; padding: 53px 5px 0 5px; }

div#shophere .column
{
	margin-top: 63px;
	float: left;
	margin-left: 0px;
}

div#shophere h3
{
	margin: 0;
	font-family: Baskerville, Palatino, serif; 
	font-size: 20pt;
	line-height: 23px;
	color: #014b71;
	font-weight: normal;

}

div#shophere h3 + h3
{
	margin-left: 14px;
}

div#shophere h4
{
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	color: #717171;
	padding: 0;
	margin: 0;
	margin-top: 2px;
	font-weight: normal;
	text-align: center;
	position: relative;
	left: -18px;
	width: 120px;
}

div#social
{
	margin: 30px 20px 0 40px;
	padding: 7px 15px 13px 25px;
	height: 20px;
	font-size: 16pt;
	font-family: Helvetica, sans-serif;
}

div#social * + a,
div#social * + img
{
	padding-left: 45px;
}

div#social div.follow
{
	font-style: italic;
	margin-top: 4px;
	float: left;
	color: #014b71;
}

div#news
{
	clear: left;
	margin-left: 10px;
}

div#news div.rss
{
	float: left;
	width: 400px;
	padding: 0px 15px 12px 15px;
	margin-bottom: 22px;
	height: 175px;
}

div#news div.rss h1
{
	white-space: nowrap;
	overflow: hidden;
}

div#news div.rssfeed
{
	padding-top: 15px;
	height: 170px;
}

div#news div.rss a.rss
{
	float: right;
	display: block;
	width: 45px;
	height: 45px;
	background-image:url(/assets/images/rss.png);
}

div.rss + div.rss
{
	margin-left: 43px;
}

/*
 * scrolling in rss area
 */
/* root element for scrollable */ 
div#news div.scrollable
{ 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    width: 400px; 
    height:100px; 
} 
 
/* root element for scrollable items */ 
div#news div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}

div#news div.items div.entry
{
	height: 100px;
}
/* you may want to setup some decorations to active the item */ 
div#news div.items div.active { 
    border:1px inset #ccc; 
    background-color:#f0f; 
}

/* position and dimensions of the navigator */ 
div#news .navi { 
    margin: 0 auto; 
    width:200px; 
    height:20px;
	text-align: center;
} 
 
 
/* items inside navigator */ 
div#news .navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin:3px; 
    background:url(/assets/images/navigator.png) 0 0 no-repeat; 
    display:block; 
    font-size:1px; 

	float:none;
	display:inline-block;
} 
 
/* mouseover state */ 
div#news .navi a:hover { 
    background-position:0 -8px;       
} 
 
/* active state (current page state) */ 
div#news .navi a.active { 
    background-position:0 -16px;      
}