/* stpeterchanel.css stylesheet begins */

div {
	border: 0px solid #FFcc00;
	}

/* this div is for catholic mass times hamilton */	
.times {color:#D2E8E8;
	}
	
body {
	padding: 2em;
	background-image: url(../images/bg_tone01.jpg);
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4em;
	color: #003366;
	text-align: center;
	/* text-align: center; */
}

/* this div contains the paper background of the page */
div#maindiv {
	border: 0px solid #663399;
	background-image: url(../images/bg_papier01.jpg);
	text-align: center;
	width: 80%;
	padding: 4em;
	}

/* this is the beginning of the content pages */
/* header-left encloses h1 header on inside pages */
#header-left {
	text-align: left;
	border: 0px solid #aaaaff;
	padding: 1em;
	}
	
/* header-right is for logo */
#header-right {
	width: 71px;
	border: 0px solid #FF0000;
	position: absolute;
	top: 7em;
	right: 11em;
	height: 63px;
	}

/* remove link border from logo image */
div#header-right img {
	border: none;	
	}

/* end of the content pages header */

/* these are only on the home page */
/* intro = "The Parish of ..." */

.intro {
	font-size:0.6em;
	text-align: left;
	letter-spacing: 2pt; 
	border: 0px solid #FFFF00;
	}
	
/* main-header is large red type on home page "St Peter Chanel" */
#main-header {
	font-family: "Perpetua Titling MT", Perpetua, Georgia, "Times New Roman", Roman;
	font-size: 4em;
	line-height: 0.8em;	
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 3pt;
	border: 0px solid #ff0000;
	}

/* main-header text with shadow effect */
	
div.text { 
color: #CC0000;
position: relative; 
left: -3px; 
top: 20px; 
z-index: 2 
} 

div.shadow { 
color: #999999; 
position: relative; 
left: 0px; 
top: -29px; 
z-index: 1 
} 
	
/* extro = "In transparish with ..." */	
.extro {
	font-size:0.6em;
	text-align: center;
	letter-spacing: 2pt;
	border: 0px solid #00FF00;
	}

/* box encloses intro2 and intro3 */
#introbox {
	text-align: center;

	border: 0px solid #999999;
	}
	
/* welcome = "Welcome to the Parish of ..." */
.intro2 {
	text-align: center;
	letter-spacing: .5pt;
	border: 0px solid #0000FF;

	}

/* this formats the first letter of a paragraph in the <welcome> class */
.intro2 p:first-letter {
	font-size:1.6em;
	border: 0px solid #FF0000;
	font-family: "Perpetua Titling MT", Perpetua, Georgia, "Times New Roman", Roman;
	color: #005599;
	font-weight: bolder;
	}
	

/* introduction = "St Peter Chanel Parish is in the suburb of ..." */
.intro3 {
	text-align: center;
	font-size:0.8em;
	font-weight: normal;
	letter-spacing: .5pt;
	border: 0px solid #00FFFF;
	line-height: 1em;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFF00;
	}

/* this formats the first letter of a paragraph in the <introduction> class */
.intro3 p:first-letter {
	font-size:1.6em;
	border: 0px solid #FF0000;
	font-family: "Perpetua Titling MT", Perpetua, Georgia, "Times New Roman", Roman;
	color: #005599;
	font-weight: bolder;
	}

/* Then <div class="content"> and <div class="reflection"> begins on all pages */
.content {
	border: 0px solid #000000;
	text-align: left;
	padding: 1em;
	}

/* reflection divs are for most of the changing content */
.reflection {
	border: 0px solid #00FFFF;
	text-align: left;
	padding: 1em;
	margin: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFF00;
	}

/* Catholic Enquiry Centre color: #5087c7 - image is in cec-content */
#catholic-enquiry {
	border: 0px solid #00FFFF;
	padding: 1em;
	margin: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFF00;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #5087c7;
	}
	
#cec-content {
	float: left;
	width: 26%;
	margin-right: 4%;
	text-align: right;
	padding: 0em;
}

#cec-sidebar {
	font-size:1.2em;
	float: right;
	width: 70%;
	text-align: left;
	padding-top: .1em;

}

#cec-footer {
	clear: both;
	margin: 0em;
	text-align: center;
	padding-top: 1em;
	padding-right: 5em;
	padding-bottom: 0em;
	padding-left: 5em;	
}

/* salutation is for start and end of messages from father */

.salutation {
	font-size:1.2em;
	font-family: "Perpetua Titling MT", Perpetua, Georgia, "Times New Roman", Roman;
	color: #005599;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	font-style: italic;
	font-variant: small-caps;
	line-height: 2em;
	font-weight: bold;
	}

/* if the salutation is between <p></p> tags, this makes the first letter an initial */

.salutation p:first-letter {
	font-size:1.6em;
	border: 0px solid #FF0000;
	font-family: "Perpetua Titling MT", Perpetua, Georgia, "Times New Roman", Roman;
	color: #005599;
	font-weight: bolder;
	}

/* this is to highlight easter greetings or feast days */
	
.alleluia {
	font-size:1.6em;
	font-family: "Perpetua Titling MT", Perpetua, Georgia, "Times New Roman", Roman;
	color: #FFFF00;
	text-align: left;
	font-variant: small-caps;
	line-height: 2em;
	background-color: #990033;
	font-weight: bold;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	text-indent: 0.8em;
	letter-spacing: 2pt;
	}
	
.christ-king {
	font-size:2em;
	font-family: "Perpetua Titling MT", Perpetua, Georgia, "Times New Roman", Roman;
	color: #990033;
	text-align: center;
	font-variant: small-caps;
	line-height: 2em;
	background-color: #fff;
	font-weight: bold;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	text-indent: 0em;
	letter-spacing: 2pt;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #990033;
	border-right-color: #990033;
	border-bottom-color: #990033;
	border-left-color: #990033;
	}
	
/* This is the end of <div class="content"> and <div class="reflection"> which enclose most of the content */

/* citation is for quoted content */
.citation {
	font-size:0.8em;
	font-family: "Perpetua Titling MT", Perpetua, Georgia, "Times New Roman", Roman;
	color: #990066;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	font-variant: small-caps;
	}
	
/* center class is for centering content */
.center {
	font-size:0.8em;
	text-align: center;
	border: 0px solid #00FF00;
	padding: 1em;
	margin: 1em;
	}
	
/* These are the hierarchical heading tags */
h1 {
	font-size:2.5em;
	font-family: "Perpetua Titling MT", Perpetua, Georgia, "Times New Roman", Roman;
	color: #006699;
	text-align: left;
	font-variant: small-caps;
	background-repeat: repeat-x;
	}

h2 {
	font-size:1.6em;
	font-family: "Perpetua Titling MT", Perpetua, Georgia, "Times New Roman", Roman;
	color: #005599;
	text-align: left;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	font-variant: small-caps;
	line-height: 2em;
	}
	
h3 {
	font-size:1.2em;
	font-family: "Perpetua Titling MT", Perpetua, Georgia, "Times New Roman", Roman;
	color: #069;
	text-align: left;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	font-variant: small-caps;
	}
	
h4 {
	font-size:0.9em;
	font-family: "Perpetua Titling MT", Perpetua, Georgia, "Times New Roman", Roman;
	color: #4F02A4;
	text-align: left;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	}
	

	
/* end of the hierarchical heading tags */

/* this is for tables within the content block */
.content table {
	margin-bottom : 2em;
	width: 80%;
	} 
	
.content table, th, td {
	border: 0px solid #FFFF99; 
	padding : 1em;
	} 

.content th {
	font-weight: bold;
	vertical-align: text-top;
	background-color: #D2E8E8;

	}

.content td {
	text-align : left;
	vertical-align: text-top;
	background-color: #E8E8D2;
	}

/* end of tables in the content block */

/* div.image-01 positions images to the right with centered text */
div.image-01 {
	text-align: center;
	float: right;
	padding : 0em 3em 0em 2em;
	border: 0px solid #ffff00;
	}
					
/* --- */

/* this is the box that contains the navigation */
div#listcontainer {
	position:absolute;
	top: 17em;
	right: 2.5em;
	border: 0px solid #00ff00;
	width: 11em;
	font-size: 0.75em;
	margin: .5em;
	background-color: #FFFFCC;
	}

div#listcontainer ul {
	border: 0;
	margin: 12px 20px 10px 1.25em;
	padding: 0;
	list-style-type: none;
	border-top: 2px solid #069;
	}

div#listcontainer li {
	border-bottom: 2px solid #069;
	margin: 0;
	padding: 0.3em 0;
	text-indent: 0.5em;
	}
	
div#listcontainer li:first-child {
	border-top: 0px solid #069;
	}

div#listcontainer a:link { 
	color: #069;
	text-decoration: none 
	}
	
div#listcontainer a:visited { 
 	color:#999;
	text-decoration: none 
	}

div#listcontainer a:hover {
	color: #FCC;
	text-decoration: none 
	}
	
div#listcontainer a:active {
	color: #900;
	text-decoration: none;
	}
	
/* end of the box that contains the navigation */
	
/* image "cross" links to the home page */

.cross {
	text-align:center;
	border: 0px solid #660099;
	padding: 1em;
	margin-top: 2em;
	}
	
/* remove link border from the cross image */
.cross img {
	border: none;	
	}
	
/* footer begins below maindiv */
.footer {
	color: #ff0000;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	border: 0px solid #009933;
	letter-spacing: 1px;
	padding: 1em;
	margin: 1em;
	}

/* the footer image is the diamond that links to the "Top of Page" */
.footer img {
	border: 0px solid #FF0000;
	padding: 1em;
	margin: 1em;
	}
		
/* footer ends */
		
/* the watermark is last thing at the bottom of the page */
.watermark {
	color: #CCCCCC;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	letter-spacing: 1px;
	padding: 1em;
	margin: 1em;
	border: 0px solid #FFFFFF;
	}
	
/* this is the end of the stpeterchanel.css style sheet by <colin sutherland> */