BODY{
	margin-top : 10px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	text-align : justify;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 100.1%;
	BACKGROUND-ATTACHMENT: scroll;
	background-color : #FFFFFF;
	background-image: url(images/sidebar.gif);
	background-repeat : repeat-y;
}

/* 	This section controls the layout of standard items
	such as page headers, links, images, table cells
*/

h1,h2,h3,h4,h5,h6 { 
	font-size: 1em;
	margin: 0; 
	padding: 0;
}
a:link{
	color : #990000;
}
a:visited{
	color : #990000;
}
a:active{
	color : #990000;
}
a:hover{
	color : #0000FF;
}

img{
	display:block;
}

#gallery img{
	display:inline;
}

td, th{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 1.0em; 
}

/* 	This section controls the layout of the headings
*/

#branding{
	position: absolute;
	background-image: url(images/heading.jpg);
	top: 0px;
	left: 0px;
	height: 125px;
	width: 100%;
	background-repeat: no-repeat;
	background-color: #FBFFCC;
}

#branding h1{
    text-indent: -5000px;
}

#Heading h2{
	top: 125px;
	width: 100%;
	position: absolute;
	font-family : "Times New Roman",Arial;
	font-weight : bold;
	font-style : italic;
	background-color: #990000;
	border-bottom-style: ridge;
	border-bottom-color: #999999;
	border-top-style: ridge;
	border-top-color: #999999;
	color: #FDFFCB;
	vertical-align: middle;
	z-index: 5;
	font-size: 1.1em;
}

.subhead, h3{
	font-family : "Times New Roman",Arial;
	font-weight : bold;
	color : #990000;
	font-size: 1.4em;
}

#cofelogo {
	position: absolute;
	top: 4px;
	right: 20px;
	width: 81px;
	height: 110px;
	background-image: url(images/cofe.gif);
}

#Logomap {
	top: 11px;
	left: 31px;
	position: absolute;
	height: 60px;
}

#navigation{
	position:absolute;
	color: #FDFFCB;
	top: 133px;
	right: 10px;
	z-index: 7;
}

#navigation A:LINK{
	color: #FDFFCB;
	text-decoration : underline;
}

#navigation A:VISITED{
	color: #FDFFCB;
	text-decoration : underline;
}

#navigation A:ACTIVE{
	color: #FDFFCB;
	text-decoration : underline;
}

#navigation A:HOVER{
	color: #FDFFCB;
	text-decoration: underline;
}

/* 	This section controls the layout
	of the three columns 
*/

#ColumnLeft{
	width : 7.83em;
	text-align : right;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	top: 155px;
	position: absolute;
	left: 5px;
}

#ColumnRight {
	top: 202px;
	right: 0px;
	position: absolute;
	width : 180px;
	margin-left : 0px;
	margin-right : 15px;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

#ColumnRightDiary {
	top: 202px;
	right: 0px;
	left : 60em;
	position: absolute;
	margin-left : 0px;
	margin-right : 10px;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

#ColumnMiddle {
	left : 9.4em;
	margin-bottom : 10px;
	top: 161px;
	position: absolute;
	right: 5px;
	padding-bottom: 10px;
	z-index: 4;
}

#ColumnMiddleOutreach {
	left : 9.4em;
	margin-bottom: 10px;
	top: 161px;
	position: absolute;
	right: 225px;
}

#ColumnMiddleRegular {
	left : 9.4em;
	margin-bottom: 10px;
	top: 161px;
	position: absolute;
	right: 210px;
}

#ColumnMiddleSchool {
	left : 9.4em;
	top: 161px;
	position: absolute;
	right: 225px;
	margin-bottom: 10px;
}

#ColumnMiddleDiary {
	left : 9.4em;
	top: 161px;
	position: absolute;
	right: 400px;
	margin-bottom: 10px;
}

#ColumnMiddleBaptism {
	left : 9.4em;
	top: 161px;
	position: absolute;
	right: 200px;
	margin-bottom: 10px;
}

#ColumnNews1 {
	top: 0px;
	position: absolute;
	width : 172px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	left: 0px;
}

#ColumnNews2 {
	top: 0px;
	position: absolute;
	width : 220px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	left: 184px;
}

#ColumnNews3 {
	top: 0px;
	position: absolute;
	width : 172px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	left: 416px;
}

#IndexAdvert {
	bottom: 60px;
	right: 0px;
	position: absolute;
	width : 146px;
	margin-left : 20px;
	margin-right : 10px;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

/* These are items on the home page */

#CatiaLogo {
	float:left;
}

#CatiaText {
	left : 200px;
	font-size: 0.8em;
	top: -35px;
	float: left;
	clear: left;
	display: block;
	position: relative;
}

#Copyright {
	z-index: 0;
	clear: both;
}

#acckeys{
	display: block;
}

/* This section contains text formatting */

.xsmallJust{
	text-align : justify;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
}

.xsmallLeft{
	text-align : left;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
}

.xsmallRight{
	text-align : right;
  	font-family : Verdana, Arial, Helvetica, sans-serif;
  	font-size : 0.8em;
}

.xsmallCentre{
	text-align : center;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
}

.xxsmallLeft{
	text-align : left;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.6em;
}

.xxsmallRight{
	text-align : right;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.6em;
}

.xxsmallCentre{
	text-align : center;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.6em;
}

.xxsmallJustify{
	text-align : justify;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.6em;
}

/*-----------------------------------------------------------*/
.rounded-box {
	background-color: #eeeeee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 4px 4px 10px #333; /* box shadow for firefox */
	-webkit-box-shadow: 4px 4px 10px #333;  /* box shadow for Safari */
	box-shadow: 4px 4px 10px #333;     
	padding: 10px;
	/*background: -moz-linear-gradient(top,  #fa9c68,  #eeeeee); /* cssgradients for firefox */
	/* background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eeeeee),color-stop(1, #fa9c68)); */
	border: 1px solid #990000;
	text-align : left;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
}

.services {
	color: #444444;
	font-weight: bold;
}

.ColourTextBold {
	color: #990000;
	font-weight: bold;
}

.ColourTextNormal {
	color: #990000;
}

.ColourTextBoldItalic {
	color: #990000;
	font-weight: bold;
	font-style: italic;
}

.twocol {
	-moz-column-count: 2;
	-moz-column-gap: 4em;
	-moz-column-rule: 1px solid #ddccb5;
	-webkit-column-count: 2;
	-webkit-column-gap: 4em;
	-webkit-column-rule: 1px solid #ddccb5;
}

/* This section contains the formatting of lists */

.ListBaptisms {
	text-align : left;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	float : left;
	font-size : 0.6em;
}

.ListBaptisms ul {
	border : none;
	list-style-image: none;
	list-style-type: none;
	margin : 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:auto;
}

.ListBaptisms li{
	margin : 0em 0.1em 0.25em 0.1em;
	list-style-image: none;
	list-style-type: none;
	color : #444444;
	font-weight: bold;
	padding:0px 0px 0px 0px;
}
	
.ListBaptisms li a {
	display : block;
	text-decoration : none;
	margin : 0px 0px 0px 0px;
	width : auto;
	font-weight : bold;
	color : #990000;
	BACKGROUND-IMAGE: url(images/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 7px;
	padding-bottom: 2px;
}

.ListBaptisms li a:hover {
	display : block;
	text-decoration : underline;
	margin : 0px 0px 0px 0px;
	width : auto;
	font-weight : bold;
	color : #990000;
}

.ListOutreach {
	text-align : left;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	float : left;
	font-size : 0.6em;
}

.ListOutreach ul {
	border : none;
	list-style-image: none;
	list-style-type: none;
	margin : 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:auto;
}

.ListOutreach li{
	border : 2px solid #CCCCCC;
	margin : 0em 0.1em 0.25em 0.1em;
	padding : 0px 0px 0px 0px;
	list-style-image: none;
	list-style-type: none;
	color : #000000;
	vertical-align: middle;
	}
	
.ListOutreach li a {
	display : block;
	padding : 0.3em 0.3em 0.3em 0.5em;
	text-decoration : none;
	margin : 0px 0px 0px 0px;
	width : auto;
	font-weight : bold;
}

.ListOutreach li a:hover {
	background-color : #FFFF88;
}

.ListOutreach li img {
	display: inline;
}

.ListAbout {
	text-align : left;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	clear: both;
	padding-top: 0px;
	margin-top: 0px;
}

.ListAbout li{
	margin : 0px 0px 0px 0px;
	width : auto;
	font-weight : 500;
	padding-left: 7px;
	padding-bottom: 2px;
	list-style-type: disc;
	padding-top: 10px;
}

.ListIndex {
	text-align : left;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	float : left;
	font-size : 0.6em;
}

.ListIndex ul {
	border : none;
	list-style-image: none;
	list-style-type: none;
	margin : 0px 0px 0px 25px;
	padding:0px 0px 0px 0px;
	width:auto;
}

.ListIndex li{
	display : list-item;
	width : auto;
	font-weight : bolder;
	BACKGROUND-IMAGE: url(images/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 7px;
	color: #444444;
	padding-bottom: 4px;
}

.ListRegular {
	text-align : left;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	float : left;
	font-size : 0.6em;
}

.ListRegular ul {
	border : none;
	list-style-image: none;
	list-style-type: none;
	margin : 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:auto;
}

.ListRegular li{
	margin : 10px 0px 0px 0px;
	width : auto;
	font-weight : bolder;
	BACKGROUND-IMAGE: url(images/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 7px;
	padding-bottom: 2px;
	color: #990000;
}

#ListRegularx{
	display : block;
	margin : 0px 0px 0px 15px;
	padding : 0px 0px 0px 0px;
	color : #000000;
	font-weight : normal;
	background-image: url(images/blank.gif);
	}

dl.event {
	margin : 2px 0px 0px 0px;
	padding: 0;
	}
	
.event dt {
	left : 0;
	color : #444444;
	font-weight: bold;
	margin : 0 0 0 8px;
	width : 3em;
	float : left;
	}

.event dd {
	margin : 0 0 0 4.8em;
	color : #000000;
	font-weight : normal;
	}

/* This section is the layout for the menus */

.menu A {
	display : block;
}

.menu A:LINK{
	color : #990000;
	text-decoration : none;

}
.menu A:VISITED{
	color : #990000;
	text-decoration : none;

}
.menu A:ACTIVE{
	color : #990000;
	text-decoration : none;
}

.menu A:HOVER{
	color : #6600CC;
	background-color: #cccccc;
	text-decoration : none;
	position:relative; /* fixes disappearing background problem in IE5 & IE6*/
}

.menu A:FOCUS{
	color : #6600CC;
	background-color: #cccccc;
	text-decoration : none;
}

.menu{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.6em;
}

.menuD{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	font-weight : bold;
}

/* This sections is the format for links on the Links page */

A.links:LINK{
	color : black;
	font-weight : bold;
	text-decoration : none;
	font-family : Verdana, Arial,"Courier New";
}
A.links:VISITED{
	color : black;
	font-weight : bold;
	text-decoration : none;
	font-family : Verdana, Arial,"Courier New";
}
A.links:ACTIVE{
	font-weight : bold;
	text-decoration : none;
	font-family : Verdana, Arial,"Courier New";
}
A.links:HOVER{
	color : blue;
	font-weight : bold;
	text-decoration : underline;
	font-family : Verdana, Arial,"Courier New";
}

A.links img {
	display:inline;
}

/* This section is the formatting of table cells */

TD.main{
  text-align : justify;
}

TD.mainL, TH.mainL{
  text-align : left;
  vertical-align : top;
}

TD.mainL2, TH.mainL2{
  text-align : left;
}

TD.mainR, TH.mainR{
  text-align : right;
}

TD.mainC, TH.mainC{
  text-align : center;
}

TD.mainCTop, TH.mainCTop{
  text-align : center;
  vertical-align : top;
  font-size: 0.8em;
}

TD.mainLred, TH.mainLred{
  text-align : left;
  color : #990000;
}

TD.mainCred, TH.mainCred{
  text-align : center;
  color : #990000;
}

TH.newshead {
	color: #FEFCE3;
	font-weight: bold;
  	text-align : center;
    vertical-align : middle;
}

P.mainLred{
  text-align : left;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size :0.8em;
  color : #990000;
}

/* Page layouts - image display with drop shadows */

.img-wrapperL {
	background: url(images/shadow.gif) no-repeat bottom right;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
	margin-right: 5px;
}
 
.img-wrapperL img {
  background: #FFFFFF;
  padding: 4px;
  border: 1px solid #a9a9a9;
  position: relative;
  left: -5px;
  top: -5px;
}

.img-wrapperR {
	background: url(images/shadow.gif) no-repeat bottom right;
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
}
 
.img-wrapperR img {
  background: #FFFFFF;
  padding: 4px;
  border: 1px solid #a9a9a9;
  position: relative;
  left: -5px;
  top: -5px;
}

.img-wrapperRnb {
  background: url(images/shadow.gif) no-repeat bottom right;
  float: right;
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 0px;
}
 
.img-wrapperRnb img {
  background: #FFFFFF;
  padding: 0px;
  border: 1px solid #a9a9a9;
  position: relative;
  left: -5px;
  top: -5px;
}