﻿#AdventBox {
	 overflow:hidden; height:210px; background-image:url('/images/front_boxes/advent2015.jpg'); position:relative;
	 margin-bottom:20px;
}
#AdventBox div {
	 width:56%; position:absolute; right:10px; top:32px; text-align:center; color:#fff;
}

#AdventBox div * { margin:0 0 5px; }

#AdventBox div a { color:#fff; }
#AdventBox div a:visited { color:#fff; }
#AdventBox div a:hover { color:#fff; text-decoration:none; }
#AdventBox:hover { cursor:pointer; }

#AdventBox p, #AdventBox h2 {
	transition:text-shadow 1s; 
}

#AdventBox:hover p, #AdventBox:hover h2 {
	text-shadow:0 0 35px rgba(255,255,204, .75);
}

#AdventBox p {font-size:13px; }

#InnerPalliumBox:hover {
	cursor:pointer;
}

#PalliumBox a {
	color:#000;
}

#PalliumBox a:visited {
	color:#000;
}

#PalliumBox a:hover {
	color:#000;
	text-decoration:none;
}

#PalliumBox:hover a{
	color:#000;
	text-decoration:underline;
}



#CreationBox a {
	color:#000;
	text-decoration:none;
}

#CreationBox a:visited {
	color:#000;
	text-decoration:underline;
}

#CreationBox a:hover{
	color:#000;
	text-decoration:underline;
}


#YoMBox {
	padding:10px;
	overflow:hidden;
	border:2px solid #0d5e7b;
	font-size:14px;
}

#YoMBox img {
	float:left;
	margin-right:10px;
}

#YoMBox h2 {
	font-size:24px;
	color:#003746;
	text-align:center;
	margin:0 0 10px;
}

#YoMBox h3 {
	text-align:center;
	font-size:18px;
	margin:5px 0;
	color:#3d7e94;
}

#YoMBox p
{
	margin:0;
	text-align:center;
}

#YoMBox ul
{
	padding:0px;
	margin:20px 0 0 145px;
}

#YoMBox li
{
	margin:7px 0 0;
}

#YoMBox a
{
	color:#3d7e94;
	
}

#Pallium a:hover { text-decoration:none; }
#Pallium { cursor:pointer }

#ChristmasCard2014 {
	
	background-color:#fefbf2; 
	margin-bottom:16px; 
	border:2px solid #8c9055;
	overflow:hidden;
}
#ChristmasCard2014 .cmasmain {
float:left; 
margin:0 8px 0 0; 
height:120px;
border-right:2px solid #8c9055;
}
#ChristmasCard2014 p {
 text-align:center; 
 font-family:Georgia, 'Times New Roman', Times, serif; 
 font-size:18px; 
 text-transform:uppercase; 
 font-weight:bold; 
 margin:15px 0 0;
}
#ChristmasCard2014 a {
 color:#a52719; 
}

#CupichCNWBox {
	border:2px solid #065c81;
	overflow:hidden;
	height:202px;
	position:relative;
	font-size:14px;
	text-align:center;
}

#ColumnBox {
	border:2px solid #065c81;
	overflow:hidden;
	position:relative;
	font-size:14px;
	padding:10px;
}
#CNWLogo {
width:175px;
padding:10px 0 0 10px;	
}

#CupichCNWBox #ABCImage {
	width:200px;
	float:right;
	padding:10px;
	margin:0 0 0 10px;
}

#CupichCNWBox p
{
	margin:10px 10px 0;
	text-align:center;
}

#CupichCNWBox p.small
{
	margin:0 10px;
	text-align:center;
	font-size:12px;
}

#CupichCNWBox a img
{
	vertical-align:bottom;
}

#CupichCNWBox span
{
	font-weight:bold;
	font-style:italic;
}

#CupichCNWBox .credit
{
	position:absolute;
	bottom:10px;
	right:10px;
	color:#818181;
	font-size:.75em;
	margin:0;
	
}

.obituary
{
    border:2px solid #000;
    background-color:#ccc;
    padding:10px;
    overflow:hidden;
}

.obituary img
{
    float:left;
    border:2px solid #000;
    margin:5px 10px 0 0;
    width:75px;
}

.videoChanger {
	position:relative;
	background-color:#336;
	border:2px solid #336;
	overflow:hidden;
}

.videoChanger h2
{
	margin:0;
	font-size:20px;
	line-height:26px;
	text-align:center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	border-bottom:2px solid #225;
}

.videoChanger iframe
{
	position:absolute;
	top:28px;
	left:0;
	border:none;
}

.videoList
{
	margin:0;
	padding:0 2px;
	list-style-type:none;
}

.videoList li
{
	float:left;
	width:25%;
	text-align:center;
}

.videoList a
{
	color:#fff;
	font-size:11px;	
	padding:4px;
	display:block;
	height:91px;
}

.videoList a:hover
{
	background-color:#225;
	text-decoration:none;
}

.videoList a.current
{
	color:#fff;
	background-color:#669;
}

.videoList a.current:hover
{
	text-decoration:none;
	cursor:default;
}


.videoList a img
{
	display:block;
	width:100%;
	margin-bottom:4px;
}

#FoF {
	background-color:#fff; 
	border:2px solid #c3996b;
	overflow:hidden;
	font-size:16px;	
}

#FoFClickable
{
	cursor:pointer;
}

#FoF .cornerimage { position: absolute; top: 0; left: 0; } 
#FoF .foflogo {position: absolute; top:5px; left: 5px;}
#FoF p {
 text-align:center; 
 font-size:20px; 
 font-family: Georgia, 'Times New Roman', Times, serif;
 text-transform:uppercase; 
 color: #44403a;
}
#FoF .tag {
 text-align:center; 
 font: italic bold 17px Georgia, 'Times New Roman', Times, serif; 
 text-transform:uppercase; 
 color: #44403a;
}
#FoF .suptext{
 font-size:14px;
 padding-left: 2px;
}
#FoF .sacrament {
	color:#ffffff;
	background-color:#c4996c;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	padding: 5px;
	margin-top: 32px;
	display: block;
	text-align: center;
}

#cardinal {
	background: url(../images/front_boxes/bkgd_card.png) no-repeat bottom right;
	padding:10px 5px 10px 10px;
	border:2px solid #000;
	background-color:#04040c;
	font-size:14px;
	color: #FFF;
	height: 300px;

}

#cardinal h1.heading {
	font-size:18px;
	color:#FFF;
	text-transform: uppercase;
	padding-bottom: 5px;
	text-align: center;
	width: 550px;
}


#cardinal h2 {
	font-size:16px;
}

#cardinal h3 {
	font-size:14px;
	text-align: left;
}

#cardinal p {
	width: 500px;
	color:#FFF;
}

#cardinal a {
	color:#fff;
}

#cardinal p a {
    color:#fff;
	font-size:14px;	
	text-decoration:underline;
}

#cardinal a:hover {
	color: #dddddd;
}

#cardinal table a {
	color:#fff;
	font-size:14px;	
	text-decoration:none;
}

#video {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
	border: #CCC;
	
}

#video h1 {
	font-size: 16px;
	padding-top: 5px;
	color: #FFF;
}

#romero {
	height: 230px;
	
}


#laud {
	padding:10px;
	overflow:hidden;
	border:2px solid #336;
	font-size:14px;
}

#laud h2 {
	font-size:24px;
	color:#003746;
	text-align:center;
	margin: -10px 0;
}

#laud h3 {
	text-align:center;
	font-size:18px;
	color: #003746;
	margin-top: 3px;
}

#laud p
{
	margin:0;
	text-align:center;
}

#laud ul
{
	padding:0px;
	margin: 0 45px;
	list-style-image: none;
	list-style-type: none;
}

#laud li
{
	margin:4px 0 0;
}

#laud a
{
	color:#336;
}


#callout {
	overflow:hidden;
	background-color:#f6ece0;
	border:2px solid #240a0f;
	font-size:14px;
	padding-bottom:15px;
}

#callout h2 {
	font-size:24px;
	color:#240a0f;
	text-align:center;
	margin: -10px 0 0 0;
}

#callout h3 {
	text-align:center;
	font-size:18px;
	color: #240a0f;
	margin-top: 3px;
}

#callout p
{
	margin: -5px 0;
	text-align:left;
	padding:0 15px;

}

#callout ul
{
	padding:0px;
	margin: 0 45px;
	list-style-image: none;
	list-style-type: none;
}

#callout li
{
	margin:4px 0 0;
}

#callout a
{
	color:#240a0f;
}







#lent16 {
	 overflow:hidden; height:210px; background-image:url('/images/front_boxes/lent16.jpg'); position:relative;
	 margin-bottom:20px;
}
#lent16 div {
	 width:68%; position:absolute; right:20px; top:32px; text-align:center; color:#fff;
}

#lent16 div * { margin:0 0 5px; }

#lent16 div a { color:#fff; }
#lent16 div a:visited { color:#fff; }
#lent16 div a:hover { color:#fff; text-decoration:none; }
#lent16:hover { cursor:pointer; }

#lent16 p, #lent16 h2 {
	transition:text-shadow 1s; 
}

#lent16:hover p, #lent16:hover h2 {
	text-shadow:0 0 35px rgba(255,255,204, .75);
}

#lent16 p {font-size:13px; }


#easter16 {
	 overflow:hidden; height:210px; background-image:url('/images/front_boxes/easter16.jpg'); position:relative;
	 margin-bottom:20px;
}
#easter16 div {
	 width:68%; position:absolute; right:20px; top:20px; text-align:center; color:#fff;
}

#easter16 div * { margin:0 0 5px; }

#easter16 div a { color:#fff; }
#easter16 div a:visited { color:#fff; }
#easter16 div a:hover { color:#fff; text-decoration:none; }
#easter16:hover { cursor:pointer; }

#easter16 p, #easter16 h2 {
	transition:text-shadow 1s; 
}

#easter16:hover p, #easter16:hover h2 {
	text-shadow:0 0 35px rgba(255,255,204, .75);
}

#easter16 p {font-size:13px; }


#callout2 {
	overflow:hidden;
	background-color:#fff;
	border:2px solid #240a0f;
	font-size:14px;
}

#callout2 h2 {
	font-size:20px;
	color:#240a0f;
	text-align:center;
	margin: 5px 0 0 0;
}

#callout2 h3 {
	text-align:center;
	font-size:15px;
	color: #240a0f;
	margin-top: 3px;
}

#callout2 p
{
	margin: -10px 5px 0 130px;
	text-align:left;
	font-size:13px;
	}



#callout2 a
{
	color:#240a0f;
}



