/* cmsms stylesheet: PCF 1.1 - Base modified: 10/28/20 11:55:37 */
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

    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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
      -webkit-transition: all 0.2s ease;
      -moz-transition:    all 0.2s ease;
      -ms-transition:     all 0.2s ease;
      -o-transition:      all 0.2s ease;
      transition:         all 0.2s ease;

    }  	

	.image-and-caption {
		border: 1px solid rgb(200,200,200);
		border-radius: 5px;
		float:right;
		background: white;
		padding: 10px;
		max-width: 300px;
		margin: 0 0 20px 20px;
	}
	.image-and-caption img {
		border-radius: 3px;
		box-shadow: 0px 1px 0px 1px rgba(0,0,0,.4);
		width: auto;
		min-width: 100px;
		max-width: 100%;
		display:block;
		margin: auto auto 5px auto;

	}
	.image-and-caption .caption {
		text-align:center;
		margin:0;
	}
	@media screen and (max-width: 767px) {
		.image-and-caption {
			float:none;
			margin: 0 auto 10px;
		}
	}

	.box {
		border: 1px solid rgba(0,0,0,.3);
		border-radius: 2px;
		padding: 10px 20px;
		background: rgba(255,255,255,.5);
		margin-bottom: 20px;
	}	

	.edit-button { /*Admin Edit Button*/
	    position: fixed;
	    right: 20px;
	    top: 20px;
	    z-index: 300;
	}	


/* #Typography
================================================== */

    @font-face {
        font-family: 'Cartogothic Std';
        src: url(https://www.assumption.org/uploads/fonts/CartoGothicStd-Book-webfont.eot);
        src: url(https://www.assumption.org/uploads/fonts/CartoGothicStd-Book-webfont.eot?#iefix) format('embedded-opentype'),
             url(https://www.assumption.org/uploads/fonts/CartoGothicStd-Book-webfont.woff) format('woff'),
             url(https://www.assumption.org/uploads/fonts/CartoGothicStd-Book-webfont.ttf) format('truetype'),
             url(https://www.assumption.org/uploads/fonts/CartoGothicStd-Book-webfont.svg#BebasNeueRegular) format('svg');
        font-weight: normal;
        font-style: normal;

    }


	h1, h2, h3, h4, h5, h6 {
		font-family: 'Libre Baskerville', Georgia, serif;
		color: rgb(0,55,110);
		font-weight: 800; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h4, h5, h6 {}
	h1 { font-size: 32px; line-height: 1.2; margin-bottom: 14px; }
	h2 { font-size: 28px; line-height: 1.2; margin-bottom: 10px; }
	h3 { font-size: 24px; line-height: 1.2; margin-bottom: 10px; }
	h4 { font-size: 20px; line-height: 1.2; margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,.3); box-shadow: 0 1px 0 rgba(255,255,255,.1);}
	h5 { font-size: 18px; line-height: 1.2; margin-bottom: 5px;}
	h6 { font-size: 16px; line-height: 1.2; margin-bottom: 5px;}
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/* #Links
================================================== */
	a { color: rgb(0,55,110); text-decoration: underline; outline: 0; }
	a:visited {color: rgb(45,80,130);}
	a:active, a:focus {color: rgb(80,80,80);}
	p a, p a:visited { line-height: inherit; }	

/* #Block Quotes
================================================== */
	blockquote {
		position: relative;
		display: block;
		max-width: 50%;
		float:right;
		background: rgb(250,250,250);
		margin: 0 20px 20px;
		padding: 10px;
		color: rgb(100,100,100);
		border-left: 10px solid rgb(40,80,120);
		box-shadow: 0 2px 2px rgba(0,0,0,.2);
		}

	blockquote .quote { 
		border-bottom:1px solid rgba(0,0,0,.3);
		box-shadow: 0 1px 0 rgba(255,255,255,.1);
		}

	blockquote p {
		font-style: italic;
		font-size: 12px;
		text-align: center;
		margin: 0 0 20px 0;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
		}

	blockquote .source {
		margin:0; 
		padding:0;
		padding-top: 10px;
		display:block;

		color: rgb(0,0,0);
		font-size: 14px;
		text-align:right;
		}

	hr { 

		border-width: 1px 0 0; 
		border-top: 1px solid rgba(0,0,0,.3);
		box-shadow: 0 1px 0 rgba(255,255,255,.1);
		clear: both; 
		margin: 10px 0 20px; 
		height: 0; }





/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: disc inside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 0 0 0 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

img.scale-with-grid {
	max-width: 100%;
	height: auto; }


/* #Buttons
================================================== */
	.button,
	.button:visited,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {

		background: rgb(40,80,120); /* Old browsers */
		border: 1px solid rgb(20,60,100);
		box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 2px 0 rgb(30,50,90), 0 3px 2px rgba(0, 0, 0, .5);	


		color: rgb(255,255,255);
		text-shadow: 0 1px rgba(0,0,0, .5);

		font-size: 14px;
		line-height: normal;		

		text-decoration: none;

		cursor: pointer;
		display: inline-block;		
		padding: 8px 10px;
		margin-bottom: 20px;

		transition: all .15s ease-in-out;
		}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color:white;
		background: rgb(150,170,190); /* Old browsers */
		border: 1px solid rgb(130,150,170);
		border-bottom: 1px solid rgb(170,20,40);
		box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 2px 0 rgb(110,130,150), 0 3px 2px rgba(0, 0, 0, .5);	
		}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		color:white;
		background: rgb(0,20,40); /* Old browsers */
		border: 1px solid rgb(0,0,0);
		box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) inset,  0 1px 1px rgba(0, 0, 0, .2);	
		}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}



/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {


		margin: 0;
		padding: 6px 4px;
		margin-bottom: 10px;

		background: rgb(240,240,240); 
		border: 3px solid rgb(180,180,180);
		border: 3px solid rgba(0,0,0,.2);
		border-radius: 2px;
		outline: none;

		box-shadow: inset 0 1px 10px rgba(0,0,0,.1);

		font-family:  'Cartogothic Std', Helvetica, Arial, sans-serif;

		width:auto;
		max-width: 100%;
		display: block;

		transition: all .15s ease-in-out;

		}

	input[type="text"]:hover,
	input[type="password"]:hover,
	input[type="email"]:hover,
	textarea:hover {
		box-shadow: 0 0 0 rgba(0,0,0,0);
		background: rgb(255,255,255);
		}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		background: rgb(255,255,255);
		box-shadow:  0 0 0 4px rgba(170,20,40,.2); 
		}

	select {
		padding: 0; 
		}
		
	textarea {
		min-height: 60px;
		max-width: 280px!important; 
		}

	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  
		}

	legend {		
		font-size:18px;
		margin-bottom:10px;
		}

	select {
		width: 220px; 
		}

	input[type="checkbox"] {
		display: inline; 
		}

	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; 
		}

/* #Tables
================================================== */

table {
	position: relative;
	width: 100%;
	max-width: 100%;
	border: 1px solid rgb(230,230,230);
	background: rgb(255,255,255);
	margin: 0 auto 20px;
}

table tr:nth-child(2n) {
	background: rgb(245,245,245);
}
table td {
	padding: 2px 5px;
	border-right: 1px solid rgb(230,230,230);
}
table tr:hover { background: rgb(230,230,230)}

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }

.button-orange {
  background: #BA372A;
}
/* cmsms stylesheet: PCF 1.1 - Layout modified: 10/22/19 11:40:14 */
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* #Site Styles
================================================== */
	body, html {
		overflow-x: hidden;
		}
	body {
		background: rgb(220,230,240) url(https://www.assumption.org/uploads/css/bg-tile.png);



		font: 14px/1.5 'Cartogothic Std', Helvetica, Arial, sans-serif;
		color: rgb(80,80,80);

		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		}
	.container {
		box-shadow: 20px 0 0 rgba(0,0,0,.1), -20px 0 0 rgba(0,0,0,.1);
	}

/* #Full Width Section Stylings
================================================== */
	.top {
		height:auto;
		position: relative;

		}
		.top .container {
			background: white;
		}

	.middle {
		position: relative;
		z-index: 50;
		}
		.middle .container {
			min-height: 850px;
			background: white url(https://www.assumption.org/uploads/css/tree-bg.png) no-repeat top right;
			box-shadow: 
				20px 0 0 rgba(0,0,0,.1), 
				-20px 0 0 rgba(0,0,0,.1), 
				inset 1px 0 0 rgb(160,160,160), 
				inset -1px 0 0 rgb(160,160,160);			
		}
		@media screen and (max-width: 767px) {
			.middle .container {

			background: white url(https://www.assumption.org/uploads/css/tree-bg.png) no-repeat center;
			}
		}

	.bottom {
		position: relative;
		z-index: 40;		

		}
		.bottom .container {
			background: rgb(240,240,240);
			box-shadow: 
				20px 0 0 rgba(0,0,0,.1), 
				-20px 0 0 rgba(0,0,0,.1), 
				inset 1px 0 0 rgb(160,160,160), 
				inset -1px 0 0 rgb(160,160,160),
				inset 0 1px 0 rgba(0,0,0,.2);	
		}		


/* #Main Layout
================================================== */
	#main {
		position: relative;
		z-index: 55;
		border-top: none;
		border-bottom: none;

	}
	.content {
		padding: 20px;
		}
	.content-secondary {
		padding: 20px 20px 0;
	}
	.content-secondary #contactinfo {
		text-align: center;
	}
		
	.sidebar {
		padding: 20px 0;
		border-radius: 0 0 0 3px;
	}

	@media screen and (max-width: 959px) {
		.content, .sidebar {
			padding: 10px;
		}
		#main {
			border: none;
		}		
	}

/* #Header
================================================== */
	header {
		position: relative;		
		z-index:55;
		min-height: 180px;

		border: 1px solid rgb(160,160,160);
		border-top: none;
		padding-top: 1px;
		box-shadow: inset 0 0 1px rgba(255,255,255,.4), 0 3px 0px rgba(0,0,0,.1);

		background: rgb(210,220,230);






		overflow: hidden;

		}
		header .logo {
			position: absolute;
			top: 20px;
			left:20px;
			z-index: 200;
			}
		header .logo a {
			display: block;
			height: auto;
			}
		header .logo img{
			display: block;			
			width: auto;
			margin: 0 auto 20px;
			max-width: 100%;
			height: auto;
			}

	/*Site Linking*/
	header .sites {
		color: white;
		position: absolute;
		top: -1px;
		right: 10px;

		width: 185px;
		height: 40px;
		color:black;

		text-align: center;

		background: url(https://www.assumption.org/uploads/css/sites.png) no-repeat;
		background-position: 0 -10px;
		z-index: 110;
	}
	header .sites ul {
		display: inline-block;		
		margin: 0;
	}
	header .sites ul li {

		display: inline-block;
		margin: 0;		
	}

	header .sites ul li a {
		font-family: 'Libre Baskerville', Georgia, serif;
		font-size: 9px;
		line-height: 1;
		text-transform: uppercase;
		text-decoration: none;
		padding: 3px 5px 2px;
		margin-right: 0;
		border-radius: 0;
		color: rgb(0,55,110);

	}
	header .sites ul li a:hover {
		background: rgb(170,20,40);
		color:white;
		text-shadow:none;
		border: none!important;
		border-radius: 3px;
	}
	header .sites ul  li a.current {
		border-bottom: 1px solid rgb(170,20,40);
	}

	/*Masthead Motto*/
	.masthead-motto {
		display: block;
		position: absolute;
		top: 140px;
		left:0;
		width:360px;


		font-family: 'Libre Baskerville', Georgia, serif;
		font-size: 1em;
		font-style: italic;
		text-align: center;

		text-shadow: 1px 1px 0 rgba(0,0,0,.3);

	}
	@media screen and (max-width: 767px) {
		.masthead-motto { top: 120px; width: 420px;}
	}
	@media screen and (max-width: 479px) {
		.masthead-motto { top: 120px; width: 300px;}
	}	


	/*Masthead Motto*/
	.masthead-divider {
		display: block;
		width: 100%;
		color: white;
		height:10px;

		border: 1px solid rgb(135,0,0);

		box-shadow: 0 0 0 1px rgba(255,255,255,.1) inset, 0 2px 0 rgba(0,0,0,.2);

		background: rgb(175,20,40); /* Old browsers */
		background: -moz-linear-gradient(left,  rgb(175,20,40) 0%, rgb(195,45,75) 50%, rgb(175,20,40) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(175,20,40)), color-stop(50%,rgb(195,45,75)), color-stop(100%,rgb(175,20,40))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgb(175,20,40) 0%,rgb(195,45,75) 50%,rgb(175,20,40) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgb(175,20,40) 0%,rgb(195,45,75) 50%,rgb(175,20,40) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgb(175,20,40) 0%,rgb(195,45,75) 50%,rgb(175,20,40) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgb(175,20,40) 0%,rgb(195,45,75) 50%,rgb(175,20,40) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af1428', endColorstr='#af1428',GradientType=1 ); /* IE6-9 */

		font-family: 'Libre Baskerville', Georgia, serif;
		font-size: 1em;
		font-style: italic;
		text-align: center;
		color: white;
		text-shadow: 1px 1px 0 rgba(0,0,0,.3);

	}




/*	header .masthead-motto {
		position: absolute;
		bottom:90px;
		right:40px;

		z-index: 110;

		font-family: 'Libre Baskerville', Georgia, serif;
		font-size: 1.5em;
		font-style: italic;
		color: white;
		text-shadow: 1px 1px 0 rgba(0,0,0,.3);
	}*/		

	/*Media Queries*/
	@media screen and (max-width: 959px) {
		.masthead-motto {  }
	}	

	@media screen and (max-width: 767px) {
		header { min-height: 140px; border: 1px solid rgb(160,160,160); border-top:none; border-bottom: none; box-shadow: none}
		header .logo {
			right: 40px;
		}
		header .logo img {float:none; max-width: 260px;}
		.masthead-motto { font-size: .75em; }
		header .sites {
			right: 10px;
			background:none;
			
		}
	}

	@media screen and (max-width: 479px) {	
		header .logo { right: 40px; }
		.masthead-motto { font-size: .75em;}
		header .sites { right: -20px; }
	}
	
/* #Breadcrumbs
================================================== */
	#breadcrumbs, #breadcrumbs a {
		color: rgb(100,100,100);
	}
	#breadcrumbs { 

		display:block;
		font-size:10px;
		line-height:20px;
		text-align: left;
		clear: both;
		margin-bottom:10px;

		padding: 0 15px;
		}
	.home #breadcrumbs, .home #free-quote {opacity: 0; height:0;}	

	@media screen and (max-width: 767px) {
	#breadcrumbs { 
		text-align: center;
		clear: both;
		margin-bottom:0;
		}
	}

/* #Sidebar
================================================== */
	.sidebar .box {
		padding: 10px 10px 0;
	}
	.sidebar blockquote {
		margin: 0 auto 20px;
		background-image: url(https://www.assumption.org/uploads/css/sidebar-testimonial.png);
		background-repeat: no-repeat;
		background-position: center top;
	}
	.sidebar .news {
		background-image: url(https://www.assumption.org/uploads/css/sidebar-news.png);
		background-repeat: no-repeat;
		background-position: center top;
	}
	.sidebar .calendar {
		background-image: url(https://www.assumption.org/uploads/css/sidebar-calendar.png);
		background-repeat: no-repeat;
		background-position: center top;
	}

/* #Footer
================================================== */
	footer {
		color:white;

		position: relative;
		padding:5px;

		border: 1px solid rgb(135,0,0);

		box-shadow: 0 0 0 1px rgba(255,255,255,.1) inset, 0 2px 0 rgba(0,0,0,.2);

		background: rgb(175,20,40); /* Old browsers */
		background: -moz-linear-gradient(left,  rgb(175,20,40) 0%, rgb(195,45,75) 50%, rgb(175,20,40) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(175,20,40)), color-stop(50%,rgb(195,45,75)), color-stop(100%,rgb(175,20,40))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgb(175,20,40) 0%,rgb(195,45,75) 50%,rgb(175,20,40) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgb(175,20,40) 0%,rgb(195,45,75) 50%,rgb(175,20,40) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgb(175,20,40) 0%,rgb(195,45,75) 50%,rgb(175,20,40) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgb(175,20,40) 0%,rgb(195,45,75) 50%,rgb(175,20,40) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af1428', endColorstr='#af1428',GradientType=1 ); /* IE6-9 */

		}

	form .row {margin-bottom:0;}

	footer p.disclaimer { font-size:10px; text-align: center; margin: 0;}

	footer a, 
	footer a:visited, 
	footer a:active, 
	footer a:hover 	{
		color:white;
	}

	body.contact footer #contactinfo, body.contact footer hr {display:none;}

/* #Footer Sitemap
================================================== */
	.footer-sitemap a {
		text-decoration: none;
		color: rgb(40,40,40);
	}
	.footer-sitemap a:hover {
		text-decoration: underline;
	}
	.footer-sitemap ul {
		list-style-type: none;
		margin: 0;
	}
		.footer-sitemap > ul > li {
			float:left;
			width: auto;
			padding: 0 20px;
			font-size: 18px;

		}

		.footer-sitemap > ul > li > a, .footer-sitemap > ul > li.sectionheader > a {
				font-weight: bold;	
		}		

		.footer-sitemap > ul ul {
			font-size: 12px;
			padding-top:10px;
			margin: 0;
		}
		.footer-sitemap > ul ul li.col{
			float: none;
			display: block;
			width:100%;
			margin: 0;
			padding: 0;
		}		

		.footer-sitemap > ul ul ul {
			list-style-type: circle;
			padding-top: 0;
			padding-left: 10px;
		}		


/* #Search
================================================== */
	#search {
		width: 170px; 
		float:none;
		margin: 0 0 10px 0;
		padding-left: 15px;
		position: relative; 
		z-index: 110;

		display: inline-block;
		zoom: 1; /* ie7 hack for display:inline-block */
		*display: inline;		
	}
	@media screen and (max-width: 959px) {
		#search {padding-left: 0; width:150px; margin:0;}
	}
	@media screen and (max-width: 767px) {
		#search {
			position: absolute;
			top:12px;
			right: 0px;
		}
	}
	#search form { margin-bottom: 0;}

	#search .search-input {
		font-family: 'Cartogothic Std', Sans-serif;
		font-size: 12px;
		color: rgb(100,100,100);
		background: rgb(240,240,240);	
		padding: 3px 10px;
		margin-bottom: 0;
		width: 100px;

		outline: none;

		border: none;
		border-radius: 2px;
		box-shadow: 0 0 0 3px rgba(0,0,0,.2);

	}
	#search .search-input:hover {
		background: rgb(255,255,255);
	}	
	#search .search-input:focus {
		color: rgb(170,20,40);
		background: rgb(230,230,230);
	}

	#search .search-button {
		position: absolute;
		top:-5px;
		right: 10px;
		height: 28px;
		width: 28px;
		margin: 2px 0 0 5px;
		padding: 2px;
		border: 0;
		opacity: 1;
		background: url(https://www.assumption.org/uploads/css/search.png) no-repeat center;
		box-shadow: none;
		text-indent: -1000em;
		cursor: pointer; 
		cursor: hand;
		outline: 0;
	}
	#search .search-button:hover {
		box-shadow: none;
		opacity: 1;
	}
	#search .search-button:active {
		border: 0!important;
		box-shadow: none;		
		opacity: 1;
	}

/* #CGBlog Module
================================================== */

	/* SUMMARY/DETAIL TEMPLATE */
	.post-info {
		color: rgb(140,140,140)!important;
	}

	/* RECENT POSTS TEMPLATE */	
	.recent-posts {
	}
	.recent-posts ul {
		padding-left: 20px;
		list-style: disc outside none;
	}
	.recent-posts ul.posts {
		list-style-type: none;
		margin:0 0 20px;
		padding:0;
	}
	.recent-posts h4 {
		font-size: 18px;
		border-bottom: none;
	}
	.recent-posts .post-name {
		font-size: 12px;
		font-weight:bold;
	}
	.recent-posts .post-date {
		font-size: 8px;
	}
	.recent-posts .post-info {
		font-size: 10px;
		line-height: 1.1;
	}
	.recent-posts .read-more {
		float:right;
		font-size: 10px;
		background: rgb(0,55,110);
		padding: 0 5px;
		text-decoration: none;
		color:white;
		border-radius: 2px;
	}


/* #STAFF DIRECTORY
================================================== */
	/* SUMMARY/GRID TEMPLATE */
	body.staff h3 {
		text-align: center;
		border-bottom: 1px solid rgb(120,120,120);
	}
	.staff .employee.summary {
		font-size: 10px;
	}
	.staff .summary {
		text-align: center;
	}

	.staff .summary .staff-name {
		font-size: 14px;
		border-bottom: none;
		box-shadow: none;
		margin-bottom: 0;	

	}
	.staff .summary .staff-name a, .staff .summary .staff-name a:visited  {
		color: inherit;
		text-decoration: none;
	}
	.staff .summary .photo {
		margin-bottom: 0;
	}
	.staff  .summary .photo img {
		height:auto;
		max-height: 100px;
		width:auto;
		max-width: 75px;
		border-radius: 2px;
		background: rgb(255,255,255);
		padding: 2px;
		border: 1px solid rgb(125,125,125);
		
	}
	.staff .summary .position-title {
		font-size: 11px;
		font-weight:bold;
		margin-bottom: 0;
	}

	.staff .summary .read-more, 
	.staff .summary .email a {
		padding: 2px 5px;
		background: rgb(110,60,115);
		color:white;
		font-size: 10px;
		border-radius: 3px;
		text-decoration: none;
	}
	.staff .summary .info > div {
		margin-bottom: 5px;
	}

	@media screen and (max-width: 479px) {
		
	}

	/* DETAIL TEMPLATE */
	.staff .employee {

	}
	.staff .summary {
		text-align: center;
	}

	.staff .staff-name {
		border-bottom: none;
		box-shadow: none;
	}
	.staff .photo img {
		height:auto;
		width:auto;
		max-width: 100%;
		border-radius: 2px;
		background: rgb(255,255,255);
		padding: 2px;
		border: 1px solid rgb(125,125,125);	
		
	}
	.staff .position-title {
		font-weight:bold;
		margin-bottom: 0;
	}
	.staff .employee > a:last-child
	, .staff .email a {
		font-size: 10px;
		padding: 2px 5px;
		background: rgb(110,60,115);
		color:white;

		border-radius: 3px;
		text-decoration: none;
	}
	.staff .info > div {
		margin-bottom: 5px;
	}

/* #Calendar
================================================== */

	/* Upcoming Events */
	.calendar-sidebar {

	}
	.calendar-sidebar h4 {
		font-size: 18px;
		border-bottom: none;

	}
	.calendar-sidebar h4 a {
		text-decoration: none;
		color: inherit;	
	}
	.calendar-sidebar .calendar-event {
		margin-bottom:20px;
	}
	.calendar-sidebar .event-title {
		color: rgb(100,150,40);
		font-size: 14px;
		font-weight: bold;
	}
	.calendar-sidebar .calendar-date-from{
		font-size: 10px;
	}

	/* Monthly Events Listing */
	.calendar-list .box{
		padding-bottom: 20px;
	}
	.calendar-list .calendar-event h3{
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 0;

	}
	.calendar-list h4 {
		border-bottom: none;

	}
	.calendar-list h4 a {
		text-decoration: none;
		color: inherit;	
	}
	.calendar-list .calendar-event {
		margin-bottom:20px;
	}
	.calendar-list .event-title {
		color: rgb(100,150,40);
		font-size: 14px;
		font-weight: bold;
	}
	.calendar-list .calendar-date-from{
		font-size: 10px;
		font-weight: bold;
	}

	/* Event Details */
	.calendar-event {
		position: relative;
		margin-bottom:20px;
	}

	.calendar-event h2{
		line-height: 1.5;
		margin-bottom: 0px;

	}
	.calendar-event h4 {
		border-bottom: none;
	}
	.calendar-event .button a{
		color:white!important;
	}
	.calendar-event h4 a {
		text-decoration: none;
		color: inherit;	
	}
	.calendar-event .calendar-details {
		margin-bottom: 20px;
	}
	.calendar-event .event-title {
		color: rgb(100,150,40);
		font-size: 14px;
		font-weight: bold;
	}
	.calendar-event .calendar-date-from{
		font-size: 10px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.calendar-event a.read-more,
	.calendar-list a.read-more,
	.calendar-sidebar a.read-more		
	 {
		float:right;
		position: absolute;
		top:-5px;
		right:5px;

		font-size: 10px;
		background: rgb(100,150,40);
		padding: 0 5px;
		text-decoration: none;
		color:white;
		border-radius: 2px;
	}

/* #Menu System
================================================== */
	/*Frame*/
	nav {
		position:relative;
		clear:both;
		display: block;
		z-index:110;

		}
	.navigation {
		position: relative;
		margin: 0!important;
		margin-right: 10px!important;
		padding: 10px;


background: rgb(185,195,205); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(185,195,205) 0%, rgb(170,180,195) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(185,195,205)), color-stop(100%,rgb(170,180,195))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(185,195,205) 0%,rgb(170,180,195) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(185,195,205) 0%,rgb(170,180,195) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(185,195,205) 0%,rgb(170,180,195) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(185,195,205) 0%,rgb(170,180,195) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9c3cd', endColorstr='#aab4c3',GradientType=0 ); /* IE6-9 */




		border-radius: 0 0 5px 0;

		border: 1px solid rgb(160,170,185);
		border-top: none;
		border-left: 1px solid rgb(160,160,160);

		box-shadow: 0 2px 0 rgba(0,0,0,.2);

		}
	@media screen and (max-width: 767px) {
		.navigation {border: 1px solid rgb(160,160,160); border-top:none;}
	}

	/* Mobile Dropdown Menu */
	nav select.main-nav {
		display:none; 
		width:100%; 
		border:none; 
		padding: 3px;}

		@media only screen and (max-width: 959px) {
			nav #mainmenu     { display: none; margin: 0!important; }
			nav select.main-nav { 
				display:inline-block; 

				top:10px; 
				left:0; 
				width: 600px; 
				clear:none; 
				margin-bottom:10px;
				box-shadow: 0 0 0 3px rgba(0,0,0,.2);				
			}
		}/*MEDIA QUERY CLOSE*/

		@media only screen and (max-width: 767px) {	
			nav select.main-nav {width: 250px;}
			nav.navigation {border-radius: 0}
		}/*MEDIA QUERY CLOSE*/

		@media only screen and (max-width: 479px) {	
			nav select.main-nav { width: 130px;}		
		}/*MEDIA QUERY CLOSE*/


	#mainmenu {
		position: relative;
		margin-bottom: 20px;

	}
	@media screen and (max-width: 767px) {
	.sidebar #mainmenu {display: none;}
	}


		/* #Top Level Links
		================================================== */
		#mainmenu > ul {
			margin-top: 2px!important;
		}
		#mainmenu ul li > a, #mainmenu .sectionheader > span { /* First Level Menu Items */
			display: block;
			border: 1px solid rgba(125,125,125,0);
			background:;
			box-shadow: 0 0 1px rgba(255, 255, 255, 0) inset, 0 1px 2px rgba(0, 0, 0, 0);
	
			color: rgb(0,55,110);
			font-size:12px;
			font-weight: bold;
			line-height:16px;

			text-align: left;
			text-transform: uppercase;

			margin: 0 0 0 0;
			padding: 5px 15px;

			transition: .15s all ease;
			}
		#mainmenu .sectionheader {

			cursor:default;
			text-align:center;
			}
		#mainmenu ul li {
			margin-bottom: 0;
			}

		#mainmenu ul li > a:hover, #mainmenu ul .sectionheader > span:hover { /* 1st Level Hover */
			color: rgb(80,80,80);
			background: rgb(255,255,255);

			}
		#mainmenu ul .menuactive > a,
		#mainmenu ul .currentpage a,
		#mainmenu ul  a.currentpage,
		#mainmenu .sectionheader.currentpage { /* First Level Current Page */
			margin-top: 0px;
/*
			background: rgb(255,255,255);
			border: 1px solid rgb(235,235,235);*/

			border-bottom: 1px solid rgb(170,20,40);
			
			}

			#mainmenu ul .parent:after, #mainmenu ul .sectionheader:after {
			    content: "";
			    color:white;
			    height: 16px;
			    opacity: .1;
			    position: absolute;
			    background: url(https://www.assumption.org/uploads/css/menu-arrow.png);
			    right: 0px;
			    top: 7px;
			    width: 16px;
			}	
			#mainmenu ul ul .parent:before, #mainmenu ul .sectionheader:before	{

			}		

			/* #Second Level Links
			================================================== */

			#mainmenu ul ul{
				border: 1px solid rgb(200,200,200);

				z-index:10;
				font-size:12px;	
				width:150px;

				margin:0;
				box-shadow: 0 2px 0 rgba(0,0,0,.2);

				}
			#mainmenu ul ul li{
				margin-bottom: 0;
				}
			#mainmenu ul ul li a{
				margin-bottom: 0px;
				}

			#mainmenu ul ul a, #mainmenu ul ul .sectionheader { /* 2nd Level Menu Items */
				display:block;


				color: rgb(80,80,80);
				font-size: 11px;
				font-weight: normal;
				text-align: left;
				text-shadow: none;
				text-transform: none;

				margin-right:0px;
				margin-bottom: 0;
				padding: 10px 9px;

				border-radius: 0;

				background: rgb(220,220,220);
				border-bottom: 1px solid rgba(0,0,0,0);

				box-shadow: none;


				}

			#mainmenu ul ul li:first-child a {
			}				

			#mainmenu ul ul li:last-child a {
			}
		


			#mainmenu ul ul a:hover, #mainmenu ul ul .sectionheader:hover { /* 2nd Level Hover */
				background: rgb(255,255,255);
				border-bottom: 1px solid rgba(170,20,40,1);	
				color: rgb(80,80,80);
				}
			#mainmenu ul ul .menuactive > a,				
			#mainmenu ul ul .currentpage a,
			#mainmenu ul ul a.currentpage,
			#mainmenu ul ul .sectionheader.currentpage { /* 2nd Level Current Page */
				border-bottom: 1px solid rgba(170,20,40,1);		
				}		

			#mainmenu ul ul .parent:after, #mainmenu ul ul .sectionheader:after { /*2nd Level Parent */
			    content: "";
			    color:white;
			    height: 16px;
			    opacity: .3;
			    position: absolute;
			    background: url(https://www.assumption.org/uploads/css/menu-arrow.png);
			    right: 0px;
			    top: 11px;
			    width: 16px;
			}	

	/* #Menu Layout
	================================================== */

	#mainmenu  ul {

		padding:0;
		margin:0;

		}

	#mainmenu li {
		list-style-type: none;
	    position:relative; 
	    margin-left:0px;

		}

	#mainmenu > ul > li:last-child a {
		}

	#mainmenu > ul > li:first-child a {
		}

	#mainmenu a {
		text-decoration: none;
		font-size:1em;
	        cursor:pointer;
		display:block;
		text-align:center;
		padding:3px;
		}

	/* ****************Secondary*************** */

	#mainmenu ul ul {
		right:-150px;
		top:0px;
		display: none;

		}

	#mainmenu ul li:hover ul {
		display:block;	
		position: absolute;
		}

	#mainmenu li li {
		}

	/* **************** Tertiary*************** */

	#mainmenu ul li:hover ul ul {
		display:none;
		}

	#mainmenu ul ul li:hover ul {
		display:block;
		position:absolute;
		right: -150px;
		top:0px;
		}

	/* ************** Quaternary *************** */
	#mainmenu ul ul li:hover ul ul {
		display:none;
		}

	#mainmenu ul ul ul li:hover ul {
		display:block;
		position:absolute;
		left:120px;
		top:0px;
		}

	/* ************** Quinary *************** */

	#mainmenu ul ul ul li:hover ul ul{
		display:none;
		}

	#mainmenu ul ul ul li:hover ul li:hover ul {
		display:block;
		position:absolute;
		left:120px;
		top:0px;
		}

	/* ******** Marking Menu Parents ********** */
			
	#mainmenu .sectionheader > a:first-child {
		/* Section Headers don't show that they can be clicked on */
		cursor:default!important;
		}

	.depth1 > a:before {
		/* Section Headers on the first level of the menu don't display +'s next to their link */
		display:none;
		}




/* #Mobile Action Bar
================================================== */

	.mobile-action-bar {
		display: block;			
		text-align: center;
		z-index:100;
		bottom:10px;
		right:10px;
		}

	.mobile-action-bar a{
		display: inline-block;

		width: 30px; 

		margin-right: 5px;
		}
	.mobile-action-bar a:last-child{
		margin-right: 0;
		}	

	.mobile-action-bar .phone span,
	.mobile-action-bar .email span,
	.mobile-action-bar .map span,
	.mobile-action-bar .facebook span,
	.mobile-action-bar .shop span {
		display: block;
		margin:auto;
		height: 30px;
		width:30px;
		background: url(https://www.assumption.org/uploads/css/mobile-action-bar-sprite.png) no-repeat;
		}

	.mobile-action-bar .phone span {
		background-position: ;
		}
	.mobile-action-bar .email span {
		background-position: -30px 0;
		}
	.mobile-action-bar .map span {
		background-position: -60px 0;
		}
	.mobile-action-bar .facebook span {
		background-position: -90px 0;
		}

		@media only screen and (max-width: 959px) {
			.mobile-action-bar {	}		
		}
		@media only screen and (max-width: 767px) {
			.mobile-action-bar {right: 140px;}
		}
		@media only screen and (max-width: 479px) {
			.mobile-action-bar {right: 75px;}		
		}
/* #Mass Table
================================================== */

		#masstable {
			font-size: 10px;
			border: 1px solid rgb(160,160,160);
			margin: 0 auto 20px;
			background: rgba(255,255,255,.3);
		}
		#masstable p {
			margin: 0;
			padding: 0;
		}
		#masstable td {
			padding: 5px 5px 10px;
			border-right: 1px solid rgb(160,160,160);
			border-bottom: 1px solid rgb(160,160,160);
		}
		#masstable tr td:first-child {
			text-align: right;
		}

/* #Bulletin Table
================================================== */

table.bulletin {
	width: 100%;
	margin: 0 auto 20px;
}

table.bulletin tbody tr:nth-child(2n) {
	background: rgba(0,0,0,.05);
	padding: 2px 0;

}

table.bulletin tbody tr td:first-child {
	padding-left: 10px;
	font-weight: bold;
}