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: 155px;
	margin-bottom: 0;
}

div.biglinks + div.biglinks
{
  margin-top: 0;
	margin-bottom: auto;
}

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

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

div.infobox div.left { width:15px; background:url(/assets/images/infobox-left-155.png) no-repeat top left; }
div.infobox div.center{ background:url(/assets/images/infobox-middle-155.png) repeat-x top; }
div.infobox div.right{ width:15px; background:url(/assets/images/infobox-right-155.png) no-repeat top right; }
div.infobox + div.infobox { margin-left: 0px; }

div.infobox.left  div.center,   
div.infobox.right div.center
{
  width: 260px;
}
div.infobox.center div.center  { width: 314px;}

.arrow
{
  background: url(/assets/images/blue-triangle.png) no-repeat center right;
  height: 21px;
  padding-right: 22px;
  font-weight: bold;
}

.pointer
{
  cursor: pointer;
}
	
div#commercials img { float: left; padding: 33px 5px 0 5px; }

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

div#commercials .column a,
div#shophere a,
div#map a,
div#virtuemedia a
{
	color: #717171;
	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#map div.column
{
  background: url(/assets/images/home/globe.png) no-repeat center left;
  height: 107px;
  padding-left: 113px;
  padding-top: 46px;
}

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

div#map h3+h3
{
  margin-left: 1em;
}

div#map p.arrow
{
  position: relative;
  top: 33px;
  text-align: right;
  padding-right: 22px;
	font-family: Baskerville, Palatino, serif; 
	font-size: 10pt;
	line-height: 19px;
	margin: 0;
}

div#virtuemedia div.column
{
  margin-top: 18px;
  background: url(/assets/images/home/virtuemedia.jpg) no-repeat top center;
  height: 107px;
}

div#virtuemedia p.arrow
{
  position: relative;
  top: 99px;
  text-align: right;
  padding-right: 22px;
	font-family: Baskerville, Palatino, serif; 
	font-size: 10pt;
	line-height: 19px;
	margin: 0;
}

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

div#shophere .column
{
	margin-top: 28px;
	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: 6px;
	font-weight: normal;
	text-align: center;
	position: relative;
	left: -18px;
	width: 120px;
}

div#shophere h4 + h4
{
  margin-top: 0;
}

div#lighthouse div.column
{
  padding-top: 10px;
  margin-top: 18px;
  margin-left: 10px;
  background: url(/assets/images/home/lighthouse.jpg) no-repeat top right;
  height: 107px;
}

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

div#lighthouse a
{
	font-size: 10pt;
	color: #717171;
	text-decoration: none;
}

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

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

div#lighthouse ul.audiobullets li
{
  list-style-type: none;
  list-style-image: none;
  
  height: 20px;
}

div#lighthouse ul.audiobullets li a
{
  background: url(/assets/images/icons3/Blue/18/music_01.png) left center no-repeat;
  padding-left: 20px;
  line-height: 20px;
  height: 20px;
  display: block;
}

div#lighthouse p.arrow
{
  position: relative;
  top: 4px;
  text-align: right;
  padding-right: 22px;
	font-family: Baskerville, Palatino, serif; 
	font-size: 10pt;
	line-height: 19px;
	margin: 0;
}

div#encouragepriests div.column
{
  padding-top: 78px;
  margin-top: 38px;
  margin-left: 0px;
  background: url(/assets/images/home/encourage-priests.jpg) no-repeat top right;
  height: 107px;
}

div#encouragepriests p.arrow
{
  text-align: right;
  padding-right: 22px;
	font-family: Baskerville, Palatino, serif; 
	font-size: 10pt;
	line-height: 19px;
	margin: 0;
}

div#encouragepriests a
{
	font-size: 10pt;
	color: #717171;
	text-decoration: none;
}

/******/

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;      
}