body, td, div, p, a, font, span { font-family: arial, sans-serif }
body {
	min-width: 460px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */		
	}

a {
		color: #aea88f;
}
a:link, a:visited {
		color: #5c723e;
		text-decoration: none;
}
a:hover { 						/* mouse over link */
	color: #554229; 
	text-decoration: underline; 
}	
/* Styling for PDF links */
a[href$=".pdf"] {
	padding-right: 1.5em;
	background: URL(../images/page_white_acrobat.png) no-repeat center right;
	}
/* Styling for Links */
a[href^="http"] {
	padding-right: 1.5em;
	background: URL(../images/page_white_link.png) no-repeat center right;
	}
/* Styling for mailto links */
	a[href^="mailto:"] {
	padding-right: 2em;
	background: URL(../images/mail-edit-24x24.png) no-repeat right;
	}

/*a:hover img {border: 1px dotted #036;
	background: #fff;
	} */ 
#container {
	padding-left: 140px;      /* LC fullwidth */
	padding-right: 140px;     /* RC fullwidth + CC padding */	
	}
		
#container .column {
	position: relative;
	float: left;
	}
		
#center {
	padding: 10px 20px;       /* CC padding */
	width: 100%;
	}
		
#left {
	width: 130px;             /* LC width */
	padding: 0 5px;          /* LC padding */
	right: 180px;             /* LC fullwidth + CC padding */
	margin-left: -100%;
	}
		
#right {
	width: 80px;             /* RC width */
	padding: 0 10px;          /* RC padding */
	margin-right: -100%;
	}
		
#footer {
	clear: both;
		}
		
		/*** IE Fix ***/
* html #left {
	left: 100px;              /* RC fullwidth */
	}

		/*** Equal-height Columns ***/

#container {
	overflow: hidden;
	}

#container .column {
	padding-bottom: 1001em;     /* X + padding-bottom */
	margin-bottom: -1000em;     /* X */
	}

		/*** Footer Fix ***/

* html body {
	overflow: hidden;
	}
		
* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	/*padding-bottom: 10010px;
	margin-bottom: -10000px;*/
	background: #FFF;         /*** Same as body background ***/
	}

		/*** Just for Looks ***/

body {
	margin: 0;
	padding: 0;
	background: #FFF; /* sets the background color for the page */ 
	background: #369;
	}

#header, #footer {
	font-size: large;
	text-align: center;
	padding: 0.3em 0;
	background: #f7f3d2;
	}
#header h1, h2, h3, h4, h5, h6
{
		font-family: arial, sans-serif;
		color: #036;
		white-space: normal;
}
#header h1 {
		line-height: 1em;
}
#header h4 {
		text-decoration: underline;
		color: #369;
		line-height: 3px;
}
#header a {
		color: #369;
		padding-right: 0pt;
		background: none;  
}
#header a:link, a:visited {
		color: #369;
		text-decoration: none;
}
#header a:hover { 						/* mouse over link */ 
		text-decoration: underline;
		font-weight: bolder;
}		

#left {
	background: #369;
	}

#center {
	background: #f7f3d2;
	background: #fff;
	}

#right {
	background: #f7f3d2;
	}

#container .column {
	padding-top: 1em;
	text-align: justify;
	}
/* Styling to prevent link images in footer */
#footer [href^="http"] {
	padding-right: 0%;
	background: none;
	}
#footer ul {
		clear:left;
		float:left;
		position: inherit;
		width:100%;
		list-style:none;
		margin: 10px 0 10px auto;
		padding:0;
	}
#footer ul li {
		display:inline;
		list-style:none;
		padding:5px;
		text-align: center;
		margin: auto;
	}
#footer ul li a {
		display:inline-block;
		margin:0 0 0 1px;
		/*padding:3px 10px;*/
		text-align:center;
		background:#F7F3D2; /* footer background color */
		color:#000;
		text-decoration:none;
		position:relative;
		/*left:15px;*/
		line-height:1.3em;
	}
#footer ul li a:hover {
		background:#369;
		color:#fff;
	}
#footer ul li a.active,
#footer ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
#footer ul li a span {
		display:block;
	}
	
.caption { 
		color: #369; 
		background: #e8eefa; 
		text-align: center; 
		white-space: nowrap; 
}
.mission { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 70%;
		color: #369;
		 }
.text, .news { 
		font-family: arial,sans-serif;
		font-size: 1em;
		color: #036; /* content text color */
		line-height: 1.25em;
		text-decoration: none;
}
.outreach {
		background: URL(../images/outreach450x379.jpg) no-repeat right;
}
.text a:link, .news a:link {
		color: #036;
		text-decoration: underline;
	}
.text a:visited, .news a:visited {
		color: #036;
		text-decoration: underline;
		font-weight: normal;
	}
.text a:hover, .news a:hover {
		border: 1px dotted #036;
	}
div.figure {
  		float: right;
  		right: 10%;
  		padding: 0 0 0 10px;
}
div.figure p {
		text-align: center;
		font-style: italic;
		font-size: smaller;
		text-indent: 0;
}
div.staff {
		position:absolute; 
		width: 20%; 
		border: #000 solid 1px; 
		padding: 10px; 
		display: inline-table; 
		
		clear: none; 
		text-align: center; 
		margin: 10px;
}
.prayer {
		font-style: italic; 
		  
}
.prayer ol li{
		padding-bottom: .5em;
		color: red;
}
.prayer ul li{
		color: red;
}
div.mary {
		background: #fff;
		/*background-image: url('images/mary.jpg');*/
		background-image: url(../images/mary.jpg);
		background-position: center;
		background-attachment: fixed;
		background-repeat: no-repeat;
}
li.column1 { margin-left: 0em; }
li.column2 { margin-left: 12em;
		/*width: 10em;*/
}
li.column3 { margin-left: 24em; }
li.text {
	   line-height: 1.2em;
  }
li.reset
  {
    margin-top: -17.4em;
  } /*Vertical return = number of items in a column * height of each item. */
.confirmation {
	background: URL(../images/confirmation-cross164x234.jpg);
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
	width: 100%;
}
.communion { 
	background: URL(../images/1stCommunionGirl_187x309.jpg);
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
	width: 100%;
}
/* P L A C E M E N T */
.left {float: left; margin-right: 20px;}
.right {float: right; margin-left: 20px;}
.right.inset {margin: 0 120px 0 20px;} /* img floated right within text */
.left.inset {margin-left: 230px;} /* img floated left within text */

.highlight {
	background-color: yellow;
}