@charset "UTF-8";
/* CSS Document */
/*standard colors: maroon: 8a0808  |  orange/yellow: feca65  | beige: e4dfd7  | taupe  9b9382   */
/******************Eric Meyer reset css code **************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 16px;
	font-family: inherit;
	vertical-align: top;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong {
	font-weight:bold;
	color:#222;
	font-size:16px;
}
input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}

/*******************************************/
html, body {
	height:100%;
	min-height:100%;
}
body {
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	font-size:11px;
	line-height:18px;
	background:#fff url(https://89b4aad0dac23b70dd5d-ff83d332689d86069d59ed3bd0cffa9d.ssl.cf2.rackcdn.com/filmgrain_png-1386969990) top left repeat;
}
p {
	font-size: 1em;
	line-height: 1.25em;
	margin: 0 0 1.25em 0;
	text-align: left;
	color: #333;
}
p + p {
	margin-top: 1.25em;
}
a {
	color: #660;
	text-decoration:underline;
}
a:hover {
	color:#feca65;
}
ul, ol {
	padding:0 0 10px 30px;
	list-style-position:outside;
}
blockquote {
	padding-left:40px;
	font-size:.9em;
}
h1 {
	color:#6f5918;
	font-size:1.8em;
	padding:10px 0;
	line-height:1.25em;
	font-family: 'Righteous', cursive;
}
h2 {
	color:#3c3319;
	font-size:1.3em;
	line-height:1.25em;
	font-family: 'Righteous', cursive;
}
h3, h4, h5 {
	color:#333;
	font-size:1em;
	font-weight:bold;
	line-height:1.25em;
}
dt { font-weight:bold; }
dd { margin-left:40px; }
.quotes {
	background:transparent url(https://89b4aad0dac23b70dd5d-ff83d332689d86069d59ed3bd0cffa9d.ssl.cf2.rackcdn.com/quotes_png-1386969991) top left no-repeat; 
	padding:10px 20px 20px 40px;
}
p.quotes { font-size:.95em; font-style:italic; color:#333; }

/****************** major layout blocks *************************/
#top-area, #top-areahome {
	background:#6b6555 url(https://89b4aad0dac23b70dd5d-ff83d332689d86069d59ed3bd0cffa9d.ssl.cf2.rackcdn.com/lightwool_png-1386969992) top left repeat;
	padding-bottom:0;
	width: 100%;
	z-index: 9999;

}
#top-areahome {
	position: static;
	padding-bottom: 25px;
}
#top-areahome #header #anchornavblock {
	display: none;
}
#header {
	width:1000px;
	position:relative;
    margin:0 auto;
}
#headerlogo { width:600px; height:100px; padding-top: 18px; float:left; }
#headerinfo {width:390px; height:150px; margin-left:610px; text-align:right;}
#topmenu {
	width:1000px;
	margin:0;
	padding:0;
	position: relative;
    z-index: 100;
	height: 65px;
}

#splashWrapper {
    width: 1000px; 
	height:400px; 
	margin:0 auto;
	background-color:#000;
	-webkit-box-shadow: 0 10px 10px -6px #333333;
	-moz-box-shadow: 0 10px 10px -6px #333333;
	box-shadow: 0 10px 10px -6px #333333;
}
#bottom-area {
	padding: 10px 0 15px 0;
	-moz-box-shadow: inset 0px 2px 3px #666666;
	-webkit-box-shadow: inset 0px 2px 3px #666666;
	box-shadow: inset 0px 2px 3px #666666;	
}
#maincontent {
	width:1000px;
	overflow:hidden;
	margin:0 auto;
	padding-top: 10px;
	min-height:700px;
}
#innercontent { 
	overflow:hidden;
	margin:0 10px 0 20px;
}
#innercontent h1 { width:580px; }
#leftcol {
	width:580px;
	margin:5px 10px;
	float:left;
}
#rightcol {
	width:400px;
	float:left;
}
.floatrightcol {
    float: right;
	margin:0 0 0 30px; 
    padding: 0;
    position: relative;
    width:280px;
}
#footer-area {
	background:#6b6555 url(https://89b4aad0dac23b70dd5d-ff83d332689d86069d59ed3bd0cffa9d.ssl.cf2.rackcdn.com/lightwool_png-1386969992) top left repeat;
}
#footer {
	width: 1000px;
	min-height: 160px;
	margin: 0 auto;
	padding: 30px 0;
	position: relative;
}
#footer p, #footer a {
	font-size: 12px;
	line-height: 1.4em;
	color: #333;
}
#footer p { padding-top: 30px; }
#footer a { text-decoration: underline; }
/****************** basics *************************/
p#address {
	font-size: .8em;
	margin: 0;
	padding: 10px 0;
	text-align: right;
}
.cornersuphome {
	width: 240px;
    height: 105px;
    padding: 0px 10px 18px 0px;
	background:transparent url(../images/cornersup_small.png) center bottom no-repeat;
}
.middleup {
	width: 1000px;
	padding-bottom: 36px;
	background: transparent url(https://89b4aad0dac23b70dd5d-ff83d332689d86069d59ed3bd0cffa9d.ssl.cf2.rackcdn.com/middleup_png-1386969993) center bottom no-repeat;
}

        .boxhome {
            width:238px;
            height:120px;
            float:left;
            margin:10px 5px;
            position:relative;
            text-align:center;
        }
        .boxhome img {
	        -moz-box-shadow: 0px 0px 3px #333333;
			-webkit-box-shadow: 0px 0px 3px #333333;
			box-shadow: 0px 0px 3px #333333;
        }
        .boxhome h2, .boxhome h2 a {
            font-family: 'Righteous', cursive;
            color:#fff;
            font-size:22px;
            margin-top:-90px;
            line-height:20px;
            text-decoration:none;
            text-transform:uppercase;
            text-shadow:0px 2px 3px #555;
        }
        
        
/****************** slider stuff *************************
.slidedeck ul {
	list-style:none;
	padding:0 10px 10px 20px;
}
.slidedeck ul li {
}
.slidedeck ul a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	padding-right:20px;
	background:transparent url(../images/rightarrow.png) top right no-repeat;
}
.slidedeck ul a:hover { text-decoration:underline; }
.slidesubmenu {
	padding:10px 10px 0 0;
	position:absolute; 
	top:10px; 
	left:30px;
	color:#fff;
	background:transparent url(../images/transbkg.png) top left repeat;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;

}*/
/****************** submenu *************************/
#submenu {
	width:383px; 
	padding:5px 5px 5px 0;
	margin:5px 0 0 0;
	float:left;
	border:1px solid #ddd;
	background-color:#f6f6f6;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
#submenu ul.nav {
	display: block;
	width: 378px;
	padding: 0;
	list-style:none;
}
#submenu ul.nav li { margin:2px 0 0 -1px;  }
#submenu ul.nav li a {
	color: #8a0808;
	padding: 5px 15px;
	width: 344px;
	display: block;
	text-decoration: none;
}
#submenu ul.nav li a:hover {
	font-weight:bold;
}
#submenu ul.nav li a.current {
	font-weight:bold;
	background:transparent url(../images/bulleticon.png) top left no-repeat;
}
#socials {
	width:388px;
	float:left;
}
/****************** video slider stuff *************************/
#videowrapper li { position:relative; }
#videowrapper li img { background-color: #FFFFFF; border: 1px solid #CCCCCC; margin: 5px 3px 3px 3px; max-height:95px; /*max-height: 130px; */ padding: 5px 6px; width:146px; }
#videowrapper li span { position:absolute; bottom:5px; left:3px; display:block; width:160px; height:18px; text-align:center; color:#222; background-color:#fff; overflow:hidden; font-size:11px; }
/*#videowrapper li span { position:absolute; bottom:0px; left:1px; display:block; width:200px; text-align:center; color:#222; background-image:url(video/video_txt_bg.jpg); background-repeat:no-repeat; font-size:11px; }*/
#videowrapper a.vGalleryOverlay { top:-20px; left:-14px; }
/************** Smart List styles *****************/
#eventbox { /*border:1px solid #ccc*/ }
.slheader {
	margin:0;
	padding:5px;
	/*background-color:#F8F8FF;
	border:1px solid #dedede;
	border-bottom:none;*/
}
#sl2 {
	/*border:1px solid #dedede;
	border-top:none;
	background-color:#F8F8FF;*/
	padding:0 10px;
}
#sl2-pagination {margin-left:50px;}
#sl2-pagination span {padding:0 4px; }
#sl2-pagination-previous, #sl2-pagination-next { display:none; }
.sl2-pagination-selected { border: 1px solid #6f0d30; font-weight: bold; }
.sl2-pagination-selected a:link, .sl-pagination-selected a:visited { text-decoration: none; }
.item {
	padding:5px 0;
	border-bottom:1px dotted #ccc;
}
.item h2 {
	padding:0;
	margin:15px 0 2px 0;
	font-size:130%;
}
.item p, .item ul {
	font-size:12px;
	line-height:13px;
}
.flags, .flags a {
	font-size:10px;
}
/* 
	Grey Suits you Sir. Please host the images on your own server.
	written by Stuart Colville http://www.muffinresearch.co.uk
*/
.item .eventdate {
	font-size:11px;
	font-weight:bold;
	font-style:italic;
}

/****************** other stuff *************************/
.category {
	padding:6px 12px;
	line-height:18px;
	/*background:#feca65 url(../images/category_bkg.jpg) top left repeat-x;*/
	background-color:#eee;
	
}
h2.category { color:#000000; font-size:100%; font-weight:bold; font-family:Verdana, Geneva, sans-serif; }
.articletitle { font-size:180%; padding:20px 0 0 0; line-height:24px; }
.byline { font-size:90%; font-style:italic; color:#666; }
.imageleft { float:left; margin:10px 10px 10px 0; }
.imageleftb { float:left; margin:10px 10px 10px 0; border:1px solid #ccc; 

}
.fatothermenu {
	color:#fff;
	padding:5px 10px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}
.fatothermenu h3 { color:#fff; }
.fatothermenu a { color:#fff; }
.fatothermenu a:hover { color:#000; }

/****************** staff & other  contact styles ***************/
.staffcontact2 {
	margin:10px 0px 0px 0; 
	padding:10px;
	-moz-box-shadow: inset 0 0 3px #ccc;
	-webkit-box-shadow: inset 0 0 3px #ccc;
	box-shadow: inset 0 0 3px #ccc;	
	background-color:#fff;
	height:140px;
	width:368px;
}

.contactbox {
	margin:0px 0px 10px 0px; 
	padding:10px;
	-moz-box-shadow: inset 0 0 3px #ccc;
	-webkit-box-shadow: inset 0 0 3px #ccc;
	box-shadow: inset 0 0 3px #ccc;	
	background-color:#fff;
	width:260px;
}
.contactwrapper { padding:5px 2px; overflow: hidden; }
.staffcontact img, .contactwrapper img {
	 padding:2px; border:1px solid #CCCCCC; margin:0 7px 5px 0; background-color:#ffffff; max-width: 80px; float: left;
}

.staffcontact2 img, .contactwrappe2r img {
	 padding:2px; border:1px solid #CCCCCC; margin-right:10px; background-color:#ffffff; float:left;
}

.staffcontact p {
	margin:0 10px;
	font-size:12px;
	padding:15px 0;
}
.floatrightcol .staffcontact {
	width:208px;
	height:auto;
	text-align:center;
	margin-bottom:10px;
}
.floatrightcol .staffcontact img {
	float:none;
	margin:0;
}
.floatrightcol .staffcontact p {
	margin:0 10px;
	padding:0;
	text-align:center;
}
.contacttext {
	padding:5px 0 0 10px;
}
.contactname {
	padding-top:0;
	font-weight:bold; 
	font-size:14px; 
}
.contactemail {
	text-align:left;
	padding-left:20px;
	margin-bottom:3px;
	font-size:11px;
	/*background:transparent url(https://89b4aad0dac23b70dd5d-ff83d332689d86069d59ed3bd0cffa9d.ssl.cf2.rackcdn.com/iconemail_png-1386969994) bottom left no-repeat;*/
}
.contactemail a {font-size:11px;}
.contactphone {
	padding-left:20px;
	font-size:11px;
	margin-bottom:3px;
	text-align:left;
	/*background:transparent url(https://89b4aad0dac23b70dd5d-ff83d332689d86069d59ed3bd0cffa9d.ssl.cf2.rackcdn.com/iconphone_png-1386970017) no-repeat;*/
}
.contacttitle {
	display: block;
	font-size: 11px;
}
.floatrightcol .email a {padding-left:0; }
.floatrightcol .othercontact {
	width:220px;
	padding:4px 10px;
	border: 1px solid #ddd;
	margin-left:0;
}
.email {
	display:inline-block;
	text-align:left;
	padding-left:20px;
	margin-bottom:3px;
	font-size:11px;
	background:transparent url(https://89b4aad0dac23b70dd5d-ff83d332689d86069d59ed3bd0cffa9d.ssl.cf2.rackcdn.com/iconemail_png-1386969994) bottom left no-repeat;
}
.email a {font-size:11px;}
.phone {
	display:inline-block;
	padding-left:20px;
	font-size:11px;
	margin-bottom:3px;
	text-align:left;
	background:transparent url(https://89b4aad0dac23b70dd5d-ff83d332689d86069d59ed3bd0cffa9d.ssl.cf2.rackcdn.com/iconphone_png-1386970017) no-repeat;
}
.biolink a {
	font-size:10px;
}
.biotext {
	display:none;
	font-size:11px;
	background-color:#fff;
	border:2px solid #353630;
	padding:10px;
	width:350px;
	position:absolute;
	top:-50px;
	left:-10px;
	z-index:100;
	
}



/***************** letter styles ********************/
#letterblock {
	padding:5px;
	margin:0;
}
.letter {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	overflow:hidden;
}
.letter h2 { padding:4px 0; }
.letterby {
	font-size:.8em;
	font-style:italic;
	display: none;
}
.lettermore { 
	display:none; 
	border-top:1px dotted:#ddd;

}
.letteropen {
	width:80px;
	height:18px;
	background:transparent url(https://89b4aad0dac23b70dd5d-ff83d332689d86069d59ed3bd0cffa9d.ssl.cf2.rackcdn.com/letteropen_png-1386970017) top left no-repeat;
	float:right;
	cursor:pointer;
}
.letterclose {
	width:80px;
	height:18px;
	background:transparent url(https://89b4aad0dac23b70dd5d-ff83d332689d86069d59ed3bd0cffa9d.ssl.cf2.rackcdn.com/letterclose_png-1386970018) top left no-repeat;
	float:right;
	cursor:pointer;
}
.oneLetterImage {
	float:left;
	padding:6px;
	margin:0 10px 10px 0;
	border:1px solid #ddd;
	background-color:#fff;
}
a.pastmessages {
	width:100%;
	display:block;
	padding:10px 0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#18445d;
	background-color:#f0eada;
	font-style:italic;
	margin:0 0 10px 0;
	text-decoration:none;
}
a.pastmessages:hover { text-decoration:underline; }
/***************** video gallery styles ********************/
#vGalleryTopWrap {
	width:970px;
	/*height:330px;
	padding:100px 0 0 0;*/
	margin:30px 0 10px 0;
	padding:0 0 48px 0;
	/*background:#000 url(images/videoareabkg.jpg) top left no-repeat;*/
	overflow:hidden;
	position:relative;
	background:transparent url(../images/header-shadow.png) center bottom no-repeat;
}
.vGalleryVideoContainer {
	width:480px;
	padding:15px 30px;
	float:left;

}
.vGalleryVideoText {
	float:left;
	width:400px;
}
.vGalleryVideoText h2, .vGalleryVideoText p {
	/*color:#fff;*/
}
.vGalleryVideoText a {
	/*color:#fff;*/
	font-weight:bold;
}
.vGalleryVideoText a:hover {
	color:#18445D;
}
.vGalleryByline {
	/*color:#fff;*/
	font-size:11px;
	font-style:italic;
}
.vGalleryGoogle {
	position:absolute;
	top:295px;
	left:100px;
}
.vGalleryFacebook {
	position:absolute;
	top:297px;
	left:200px;
}
#vGalleryCatLinks {
	width:300px;
	margin:0 0 0 10px;
	float:right;
}
#vGalleryListWrap {
	width:660px;
	overflow:hidden;
}
#vGalleryListWrap h3, #vGalleryCatLinks h3 {
	font-size:20px;
	border-bottom:1px dotted #ccc;
}
.vidthumb {
	width:200px;
	height:240px;
	float:left;
	margin:10px;
	position:relative;
}
.vidthumb img {
	width:180px;
	max-height:130px;
	border:1px solid #ccc;
	padding:5px 6px;
	margin:3px;
	background-color:#fff;
}
a.vGalleryOverlay {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:200px;
	height:150px;
	background:transparent url(../images/videoplay.png) top left no-repeat;
}
.vGalleryOverlayNew {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:200px;
	height:150px;
	background:transparent url(../images/videoplaynew.png) top left no-repeat;
}
.vGalleryOverlayPlay {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:200px;
	height:150px;
	background:transparent url(../images/videoplaying.png) top left no-repeat;
}
a.vGalleryOverlay:hover, a.vGalleryOverlayNew:hover, a.vGalleryOverlayPlay:hover {
	background-position: 0 -150px;
}
.vidthumb ul { list-style:none; padding:0; }
.vidthumb li { border-bottom:1px dotted #ddd; color:#999; padding:2px; font-size:11px; }
.vidthumb a.vidLink { color:#999; text-decoration:none; font-size:11px; }
.vidthumb a:hover { color:#333; }
#vGalleryCatLinks ul {
	list-style:none;
	padding:0;
}
#vGalleryCatLinks ul li {
	border-bottom:1px dotted #ddd;
 	color:#999; 
	padding:8px 2px; 
}
#vGalleryCatLinks ul li.current {
	background:transparent url(../images/videoicon.png) top left no-repeat;
}
#vGalleryCatLinks ul li a {
	font-size:13px;
	padding-left: 36px;
	text-align: left;
	text-decoration: none;
	color: #999;
}
#vGalleryCatLinks ul li a:hover {
	color:#333;
}


.homilypagetitle {
	font-size:14px;
	margin-left: 100px;    
}

.homilypagepresenter{
	font-size:12px;
	line-height:6px;
    
}
.homilypagedate{
	font-size:12px;
	line-height:6px;
    
}

.homilypagedl{
	font-size:12px;
	line-height:6px;

    
}


.homilycontainer {
	width:700px; 
	padding:10px; 
	margin-bottom:10px;
	border-bottom: 1px dotted #ccc;
}
.homilycontainerimg {
	float: left;
	margin-top: 14px;
	border: solid 1px #999;
	padding: 3px;
}
.homilycontainerimg img {
	max-width: 90px;
}
.homilycontainertxt {
	margin-left:110px;
}

#intentionblock {

	padding:5px;
	width:240px;
	background-color:#FFF;
	margin-bottom:10px;

}
.intention {
	font-size:12px;
	overflow:hidden;
	margin:2px 0;
	padding:2px 0 4px 0;
	border-bottom:1px dotted #A49C94;
}
.intention strong { font-size:14px; color:#666; }
.intention .mass { float:left; width:64px; font-size:11px; padding-right:4px; line-height:11px; font-weight:bold; margin-top:5px; color:#666; }
.intention .who { float:left; font-size:12px; line-height:13px; padding:4px; width:160px; color:#666; }
.intention p {
	color:#666;
	font-size:11px;
	line-height:12px;
	border-bottom:1px dotted #ccc;
}

/* family catechesis styles */
		#familycatechesishead { width:1000px; height:30px; background-color:#353647; position:relative; }
		#familycatechesishead ul#deptnav { position:absolute; bottom:0px; left:0px; }
		#familycatechesishead ul#deptnav li { margin:0 5px; padding: 6px 3px 0 3px; }
		#familycatechesishead ul#deptnav li a { font-size:11px; }
		#familycatechesishead ul#deptnav .sub {background-color:#353647;}
		#familycatechesishead ul#deptnav .sub ul li { margin:0; }
		#familycatechesishead ul#deptnav .sub ul li h2 { padding:10px 0 5px 0; color:#B69D21; font-size:16px; font-weight:bold; }
		#familycatechesishead ul#deptnav .sub ul li p { font-size:11px; line-height:13px; padding:5px 0; }
		#familycatechesishead ul#deptnav .sub ul li dl { padding-bottom:10px; }
		#familycatechesishead ul#deptnav .sub ul li dd { padding-left:20px; font-size:12px; }
/********************** dept navigation *********************/
/*#deptmenu {
	width:1000px;
	height:30px;
	padding:0;
	margin:0;
	z-index:99;
	background-color:#353647;
}
ul#deptnav {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	width:100%;
}
ul#deptnav li {
    float:left;
	margin:0;
	padding:6px 10px 0 10px;
	color:#fff;
	font-size:11px;
	position:relative;
}
ul#deptnav li a {
	float:left;
	height:24px;
	color:#fff;
	font-size:11px;
	text-decoration:none;
}
ul#deptnav li:hover a, ul#deptnav li a:hover { color:#B69D21; }
ul#deptnav li a.current { color:#B69D21; }
h1#depthead {
	background-color:#353647;
	padding:10px;
	color:#fff;
}
*/


/********************** anchor navigation *********************/
.white {
	color:#FFF;
	
}

#anchornavblock {
	height: 30px;
	width: 1000px;
	margin: 0 auto;
	padding-top:2px;
	background-color:#1D1D1D;
}
#anchornavblock hr {
	border: 0;
	height: 1px;
	margin: 2px;
	background: #6B6555;
	background-image: -webkit-linear-gradient(left, #a09c92, #6B6555, #a09c92); 
	background-image:    -moz-linear-gradient(left, #a09c92, #6B6555, #a09c92); 
	background-image:     -ms-linear-gradient(left, #a09c92, #6B6555, #a09c92); 
	background-image:      -o-linear-gradient(left, #a09c92, #6B6555, #a09c92);
}
ul#anchornav {
	list-style: none; margin-top:4px; 
}
ul#anchornav li {
	float: left; padding: 0 10px;  font-size: 1.3em; font-family: 'Righteous', cursive; border-right:#999 solid 1px;
}

ul#anchornav li a {
	float: left;  text-decoration:none;  color:#fff; font-size:12px;
}

ul#anchornav li a:hover {
	text-decoration: underline;
}



dd { margin-left:0; }
	dt { font-size:11px; font-weight: bold; }
	dd a { font-size:11px; text-decoration:none; }
	dd a:hover { text-decoration: underline; color:#999; }
	
	
	
.homequicklink {
	display:block; margin:3px 0; width:173px;
}
.homequicklink img {
	width: 173px;
}
.homequicklink:hover {
	background-color:#FFF; border:#999 dotted 1px;
}