body{
background-color: #FFFFFF;
margin: 0 auto;
text-align: center;
margin-top: 0px;
font-family: Arial, Helvetica, Verdana, Tahoma, Sans-serif;
}

#SEOWrapper{
position: absolute;
width: 80%;
text-align: left;
margin: 0 0 0 0;
}

#LeftTopBG{
position: absolute;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
left: 0;
right: 0;
height: 164px;
background-color:#7C2514;
background-position: top left;
background-image: url(images/HeaderBGRep.jpg);
background-repeat: repeat-x;
z-index: -3;
}

#RightTopBG{
position: absolute;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
height: 280px;
top: 164px;
left: 0;
right: 0;
background-color:#FFFFFF;
background-position: top left;
background-image: url(images/BannerBG.jpg);
background-repeat: repeat-x;
z-index: -4;
}

#PageWrapper{
margin: 0 auto;
width: 890px;
text-align: left;
}

	#HeaderSpace{
	width: 890px;
	height: 164px;
	background-image: url(images/StPatrickCathedral.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
	/* Removes the 1px of padding IE6 thoughtfully inserts above the menu */
	
		#MenuSpace{
		float:left;
		height: 20px;
		margin-top: 130px;
		display: inline;
		} 
		
			#MenuSpace ul{
			float: left;
			list-style-type: none;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			margin-left: 40px;
			text-indent: 0px;
			display: inline;
			z-index: 2000;
			}
	
			#MenuSpace ul li{
			float: left;
			display: inline;
			width: 135px;
			height: 34px;
			display: block;
			margin-left: 3px;
			text-align: center;
			background-image: url(images/WiderMenuTab.gif);
			background-repeat: no-repeat;
			background-position: top left;
			line-height: 41px;
			color: #FFFFFF;
			font-family: Arial, Helvetica, Verdana, Tahoma, Sans-serif;
			font-size: 11px;
			cursor: pointer;
			}

			#MenuSpace ul li:hover{
			background-image: url(images/WiderMenuTabHoverRed.gif);
			}
			
			#MenuSpace ul li a:link,#MenuSpace ul li a:visited{
			width: 135px;
			height: 34px;
			display: block;
			line-height: 41px;
			color: #FFFFFF;
			}
			
			#MenuSpace ul li a:hover{
			color: #FFFFFF;
			text-decoration: none;
			}
			
			#MenuSpace #CurrentLink{
			background-image: url(images/WiderMenuTabHover.gif);
			color: #000;
			background-repeat: no-repeat;
			background-position:top left;
			}
				
			#MenuSpace ul li ul{
			display: none;
			}
						
			#MenuSpace ul li:hover ul{
			display:block;
			position: relative;
			float: left;
			width:135px;
			height: auto;
			color: #000000; 
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			text-indent: 0px;
			margin-top: -5px;
			margin-left: -3px;
			}
			
			#MenuSpace ul li:hover ul li, #MenuSpace ul li:hover ul li a:link, #MenuSpace ul li:hover ul li a:visited{
			background-image: none;
			background-color: #CAC9C5;			
			color: #000000;
			width: 135px;
			height: 20px;
			line-height: 20px;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			border-top: 1px #AFAEAB solid;
			text-align: left;
			text-indent: 5px;
			}
						
			#MenuSpace ul li:hover ul li a:hover {
			color:#FFFFFF; 
			background-image: none;
			}
			
			#MenuSpace ul li:hover ul li:hover ul {
			display:block; 
			position: relative;
			height: 20px;
			line-height: 20px;
			background-image: none; 
			top:0px}
						
			#MenuSpace ul li:hover #CurrentLink{
			background-image: none;
			}

			#MenuSpace ul li:hover ul li ul{
			display: none;
			}
						
			#MenuSpace ul li ul li:hover ul{
			position: relative;
			float: left;
			margin-left: 132px;
			margin-top: -25px;
			display: block;	
			text-align: left;
			}
			
	#BannerSpace{
	float: left;
	clear: both;
	width: 890px;
	width: 840px;
	display: inline;
	}

		#BannerImage{
		float: left;
		clear: none;
		margin-left: 40px;
		margin-top: 30px;
		width: 547px;
		width: 840px;
		display: inline;
		}
		
			#BannerImage .cssTitle{
			display: none;
			}
			
			#BannerImage .TitleRow{
			}
		
		#BannerText{
		float: left;
		clear: none;
		width: 340px;
		margin-top: 30px;
		margin-left: 22px;
		display: inline;
		}
		
			/* NB Titles for blue variant are 4E75A1, for red variant these change to A14747 */
			#BannerText .cssTitle{
			width: 100%;
			float:left;
			font-family: Georgia, Times, 'Times New Roman', Serif;
			font-size: 23px;
			line-height: 30px;
			padding-top: 5px;
			padding-bottom: 10px;
			font-weight: bold;
			text-align: left;
			color: #A14747;
			}
			
			#BannerText .Text{
			font-family: Georgia, Times, 'Times New Roman', Serif;
			font-size: 14px;
			font-style: italic;
			font-weight: bold;
			text-align: left;
			color: #000000;
			line-height: 19px;
			}
			
	#ContentSpace{
	float: left;
	clear: both;
	width: 850px;
	width: 830px;
	margin-top: 20px;
	margin-left: 40px;
	font-size: 12px;
	line-height: 17px;
	}

	#BigContentSpace{
	float: left;
	clear: both;
	width: 850px;
	margin-top: 20px;
	margin-left: 40px;
	font-size: 12px;
	line-height: 17px;
	}	

#DoubleColumn img, #LeftCol img{
padding: 3px 3px 3px 3px;
border: 1px #A9A9A9 solid;
background-color: #F3F3F3;
}
		#LeftCol{
		float: left;
		clear: left;
		display: inline;
		width:280px;
		}


		#MidCol{
		float: left;
		clear: none;
		display: inline;
		width:280px;
		margin-left: 25px;
		margin-left: 15px;
		}
		
		/* Table specifications for announcements to prevent overflow */
			#MidCol table{
			float: left;
			width: 280px;
			}
		
		/* with grey background  */
		#RightCol{
		width:220px;
		clear: right;
		display: inline;
		float: right;
		margin-right: 0px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		margin-top: -15px;
		background-image: url(images/BannerBG.jpg);
		background-repeat: repeat-x;
		background-position: top left;
		}

		/* Wider column for content pages - leaving right hand col intact for related items */
		#WideCol{
		float: left;
		clear: left;
		display: inline;
		width:548px;
		}	
		#FullWidthCol{
		float: left;
		clear: left;
		display: inline;
		width: 850px;
		}	

#WideCol img{
padding: 3px 3px 3px 3px;
border: 1px #A9A9A9 solid;
background-color: #F3F3F3;
}
	
		
			#ContentSpace .cssTitle, #BigContentSpace .cssTitle{
			width: 100%;
			float: left;
			margin-bottom: 20px;
			color: #6A1E10; 
			font-family: Georgia,Times,'Times New Roman',Serif; 
			font-size: 20px; 
			font-weight: normal; 
			line-height: 30px; 
			padding-bottom: 10px; 
			padding-top: 25px; 
			text-align: left; 
			}
			
		
		#BottomLeftSpace{
		float: left;
		clear: left;
		width: 588px;		
		margin-left: 0px;
		margin-top: 30px;
		cursor: pointer;
		}			
		
			#BottomLeftSpace .TitleRow{
			margin-top: -25px;
			}
		
			#BottomLeftSpace .cssTitle{
			display: none;
			}

	#SubContentSpace{
	float: left;
	clear: both;
	width: 850px;
	margin-top: 50px;
	margin-left: 40px;
	font-size: 12px;
	line-height: 17px;
	}
	
		#BottomLeftCol{
		float: left;
		clear: left;
		display: inline;
		width:280px;
		}
		
		#BottomMidCol{
		float: left;
		clear: none;
		display: inline;
		width:280px;
		margin-left: 25px;
		}
		
		#BottomRightCol{
		float: right;
		clear: right;
		margin-right: 0px;
		display: inline;
		width:280px;
		}
			
	#FooterSpace{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 30px;
	font-size: 10px;
	line-height: 30px;
	text-align: center;
	/** JB Web 2.0 additions**/
	height: 500px;	
	background-color:#333333;
	color: #FFF;
	}
	
		#FooterContentSpace{
		clear: both;
		width: 850px;
		margin:auto;
		margin-top: 50px;
		font-size: 12px;
		line-height: 17px;
		text-align: left;
		}
		
			#FooterLeftCol{
			float: left;
			clear: left;
			display: inline;
			width:280px;
			color: #777;
			}
			
			#FooterMidCol{
			float: left;
			clear: none;
			display: inline;
			width:275px;
			margin-left: 10px;
			color: #777;
			}
			
			#FooterRightCol{
			float: right;
			clear: right;
			margin-right: 0px;
			display: inline;
			width:280px;
			color: #777;
			}
			
			#FooterFullCol{
			float: left;
			clear: left;
			margin-right: 0px;
			display: inline;
			width:895px;
			color: #777;
			border-top: solid 1px #777;
			}
			
			#FooterFullCol .cssTitle {display: none; }
			
			#FooterLeftCol .cssTitle, #FooterMidCol .cssTitle, #FooterRightCol .cssTitle{
			width: 100%;
			float:left;
			font-family: Georgia, Times, 'Times New Roman', Serif;
			font-size: 16px;
			line-height: 30px;
			padding-top: 5px;
			padding-bottom: 10px;
			font-weight: bold;
			text-align: left;
			color: #EEE;
			}
			
			#FooterLeftCol ul a{
			color: #DDD;
			}
	
/* Global link classes - overrides for menu etc to follow */
/*NB: For blue variant, links are 679BD5, for red variant BF5858*/

a:link,a:visited{
	color:#BF5858;
	text-decoration: none;
	}
	
a:hover{
	text-decoration: underline;
	}

/* Announcements classes */
/* Announcements classes */
.AnnImg{
width: 60px;
height: 60px;
float: left;
clear: none;
padding: 0px 7px 5px 5px;
}

.AnnImg img{
border: 1px grey solid;
width: 60px;
height: 60px;
}

.AnnPubDate{
float: left;
padding-bottom: 10px;
color:#656565;
font-size: 12px;
height: 15px;
}

.AnnTitle{
float:left;
padding-bottom: 10px;
text-decoration: underline;
text-decoration: none;
color: #BF5858;
clear: none;
display: inline;
width: 200px;
}

.AnnDescription{
float:left;
padding-bottom: 10px;
font-size: 11px;
line-height: 14px;
}

.AnnLink{
float:left;
padding-bottom: 10px;

}

/* Hiding borders around linked images (overrides default DNN behaviour) */
a:link img, a:visited img{
border: none;
}

/* Hiding help icons from email form */

#dnn_ctr12608_Feedback_plEmail_imgHelp,#dnn_ctr12608_Feedback_plName_imgHelp,#dnn_ctr12608_Feedback_plSubject2_imgHelp,#dnn_ctr12608_Feedback_plBody_imgHelp,#dnn_ctr12608_Feedback_plCaptcha_imgHelp{
display: none;
}

/* Font styles for Headings and sub-headings - provisional */
h1{
font-family: arial, sans-serif;
font-size: 15px;
line-height: 12px;
margin-top: 20px;
color: #555;
}


h2{
font-family: arial, helvetica, sans-serif, sans;
font-size: 14px;
font-weight: bold;
line-height: 30px;
border-bottom: solid 1px #CCC;
color: #333;
margin-top: 20px;
}

h2.noborder
{ border: 0px; }

h3{}

/* IE6 only menu hacks */

/* specific to IE5.5 and IE6 browsers */
#IE6MenuWrapper	#MenuSpace ul li a:hover ul {display:block;position:absolute;height: auto;top:0px; t\op:0px; background:#fff;left:130px; marg\in-top:0px; border-bottom:0;padding-top: 0px;padding-bottom: 0px;}
#IE6MenuWrapper	#MenuSpace ul li a:hover ul li a {display:block;background:#FDF9BC;color:#000000; height:1px; line-height:14px; padding:3px 10px; width:152px; w\idth:120px; text-align: left;}
#IE6MenuWrapper	#MenuSpace ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0}
#IE6MenuWrapper	#MenuSpace ul li a:hover ul li a:hover {color:#FFFFFF; background: #030080;}
#IE6MenuWrapper	#MenuSpace ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; top:0; t\op:-1px; color:#000; left:120px}

#DoubleColumn
{ float: left; clear; display:inline; width: 580px;}