/* 
 * Date of Creation		: 23/08/2008
 * CSS level 			: 2.1
 * Description			: CSS w3c compliant Document
 */



body {margin: 0px; padding: 0px; background: #fff url(../images/page-bg.jpg) repeat-x left top; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 12px; color: #333; text-decoration: none; font-weight: normal;}


img
{behavior: url(css/iepngfix.htc); border: none;}

.clear
{
clear: both;
}


/*slide arrow*/
.leftCol .arrows{z-index: 9999; position: relative; float: right; margin: 222px 10px 0 0; bottom: 0! important; right: 0;}

#wrapper{ width: 1000px;}
#wrapper .header{ width: 1000px; height: 184px; background: url(../images/header-bg.jpg) left top no-repeat; padding: 0; float: left;}
#wrapper .header .topRow{width: 1000px; float: left;}
#wrapper .header .topRow .logo{width: 500px; float: left; padding: 20px 0 0 20px;}
#wrapper .header .topRow .logo img{float: left; border: none;}
#wrapper .header .topRow .minorNav{width: 475px; float: left;}
#wrapper .header .topRow .minorNav ul{ list-style: none; padding: 40px 0 0 0; margin: 0; width: 430px; float: right; font-size: 14px; font-family: "Trebuchet MS", Verdana, Arial; color: #89714b;}
#wrapper .header .topRow .minorNav li{ list-style: none; padding: 0; margin: 0; display: inline; float: left;}
#wrapper .header .topRow .minorNav a{margin: 0 5px; color: #89714b; text-decoration: none; font-size: 12pt; font-weight: bold;}
#wrapper .header .topRow .minorNav a:hover{margin: 0 5px; color: #960; text-decoration: none;}

#wrapper .header .downRow{width: 1000px; float: left;}
#wrapper .header .downRow .weburl{width: 225px; float: left;}
#wrapper .header .downRow .weburl img{ float: left; margin: 14px 0 0 10px;}
#wrapper .header .downRow .mainNav{float: right; margin: 0; padding: 0 10px 0 0;}

#wrapper .mainImg{float: left; margin: 0; padding: 9px 0 40px 0; width: 1000px;}
#wrapper .mainImg .leftImg{float: left; margin: 0; padding: 0 0 0 20px; width: 305px; height: 265px; background: url(../images/st-francis.jpg) 20px top no-repeat;}
#wrapper .mainImg .rightImg{float: left; margin: 0; padding: 0 0 0 15px; width: 645px; height: 265px; background: url(../images/provincial-house.jpg) 15px top no-repeat;}
#wrapper .mainImg .rightImg h1{float: right; margin: 0; padding: 220px 30px 0 0; width: 600px; height: 40px; font-size: 16px; font-weight: bold; color: #89714b; text-align: right; font-family: "Trebuchet MS", Verdana, Arial;}


#wrapper .contentContainer{float: left; margin: 0 0 0 18px; padding: 0 0 30px 0; width: 966px; background: url(../images/content-bg.jpg) left top no-repeat;}
#wrapper .bgsitemap{background: url(../images/content-bg-sitemap.jpg) left top no-repeat;}
#wrapper .bgsitemap .flashCont{padding: 16px 0 0 0px;}

#wrapper .contentContainer .leftColumn{float: left; padding: 0; margin: 20px 0 0 18px; width: 240px;}
#wrapper .contentContainer .leftColumn h1{float: left; padding: 0 0 0 15px; margin: 0; width: 225px; height: 37px; line-height: 37px; text-align: left; color: #4b2d05; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background: url(../images/left-h1-bg.jpg) left top no-repeat;}
#wrapper .contentContainer .leftColumn p{float: left; padding: 10px 0 0 30px; margin: 0; width: 190px; line-height: 18px; text-align: justify; color: #4b2d05; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; background: url(../images/note.gif) 10px 15px no-repeat; }
#wrapper .contentContainer .leftColumn p.noIcon{float: left; padding: 10px 0 0 30px; margin: 0; width: 190px; line-height: 18px; text-align: justify; color: #4b2d05; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; background: none;}
#wrapper .contentContainer .leftColumn p a{ text-decoration: none; color: #4b2d05;}
#wrapper .contentContainer .leftColumn p a:hover{ text-decoration: underline;}
#wrapper .contentContainer .leftColumn p a.sub{ text-decoration: none; color: #c8b492; font-weight: lighter; font-size: 12px; padding: 0 0 0 10px; float: left;}
#wrapper .contentContainer .leftColumn p a.sub:hover{ text-decoration: underline; color: #9b855f;}
#wrapper .contentContainer .leftColumn p .noLink{ color: #9b855f; text-decoration: underline;}
#wrapper .contentContainer .leftColumn p .subnoLink{ color: #9b855f; font-size: 11px; padding: 0 0 0 10px; text-decoration: underline;}


#wrapper .contentContainer .rightColumn{float: left; margin: 20px 0 30px 45px; padding: 0; width: 640px;}
#wrapper .contentContainer .rightColumn h1{float: left; padding: 0 0 0 10px; margin: 0; width: 640px; height: 37px; line-height: 37px; text-align: left; color: #4b2d05; font-family:"Trebuchet MS", Verdana, Arial; font-size: 24px; font-weight: bold;}
#wrapper .contentContainer .rightColumn h1.smalTxt{float: left; padding: 0 0 10px 10px; margin: 0; height: auto; width: 640px; line-height: 20px; text-align: left; color: #4b2d05; font-family:"Trebuchet MS", Verdana, Arial; font-size: 18px; font-weight: bold;}
#wrapper .contentContainer .rightColumn .membersInDetail p.inMember{ width: 180px;height: 200px; padding: 10px 0 0 10px; margin: 0; float: left;}
#wrapper .contentContainer .rightColumn .membersInDetail p.inMember img{padding: 0; margin: 0 25%;}
#wrapper .contentContainer .rightColumn .membersInDetail p.inMember b{ width: 180px; padding:0; margin: 0; line-height: 18px; text-align: center; color: #4b2d05; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; float: left;}
#wrapper .contentContainer .rightColumn p{padding: 10px 0 0 10px; margin: 0; line-height: 18px; text-align: justify; color: #4b2d05; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}
#wrapper .contentContainer .rightColumn p a{ text-decoration: underline; color: #4b2d05;}
#wrapper .contentContainer .rightColumn p a:hover{ text-decoration: none; color: #cf5818;}
#wrapper .contentContainer .rightColumn hr{ width: 620px; background: #4b2d05; height: 2px;}
#wrapper .contentContainer .rightColumn hr.new{ width: 620px; background: #e6d7b5; height: 2px;}
#wrapper .contentContainer .rightColumn .membersInDetail{ float: left; width: 600px; border-bottom: 2px solid #f6f1e5; padding: 0 0 15px 0; margin: 0 0 0 10px;}
#wrapper .contentContainer .rightColumn .membersInDetail p.align{padding: 10px 0 0 10px; float: left; width: 150px; margin: 0 10px; line-height: 18px; text-align: center; color: #4b2d05; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}
#wrapper .contentContainer .rightColumn .membersInDetail .align img{ margin: 0 0 0 20px;}
#wrapper .contentContainer .rightColumn .membersInDetail img {float: left; margin: 0 10px 0 0; border: none;}
#wrapper .contentContainer .rightColumn ul {width: 580px; margin: 10px 0 0 20px; padding: 0 0 0 10px; float: left; list-style: square;}
#wrapper .contentContainer .rightColumn ul li{text-align: left; line-height: 20px; padding: 0 0 10px 0; color: #4b2d05;}
#wrapper .contentContainer .rightColumn ol li{text-align: left; line-height: 20px; padding: 0 0 10px 0; color: #4b2d05;}


.footer {width: 100%; float: left; text-align: center; height: 92px; margin: 1px 0 0 0; background: #e6d7b5; border-top: 4px solid #c8b492;}
.footer .footerIn {width: 960px; height: 92px; margin: 0; padding: 0 0 0 20px;}
.footer .footerIn .footerContainer{ width: 960px; float: left; margin: 0; padding: 0px;}
.footer .footerIn .footerContainer .LinksCopyright{width: 960px; height: 90px; margin: 0; float: right;}
.footer .footerIn .footerContainer .LinksCopyright ul{ list-style: none; display: inline; margin:  0; color: #c6b9a2; padding: 30px 0 0 0; float: left; width: 960px; text-align: center;}
.footer .footerIn .footerContainer .LinksCopyright li{ list-style: none; display: inline; margin: 0; padding: 0; }
.footer .footerIn .footerContainer .LinksCopyright a{ color: #836f4d; text-decoration: none;}
.footer .footerIn .footerContainer .LinksCopyright a:hover{ color: #000; text-decoration: under-line;}
.footer .footerIn .footerContainer .LinksCopyright p{color: #c6b9a2; margin: 10px 0 0 0; padding: 0px; width: 960px; float: left; text-align: center;}
.footer .footerIn span{color: #393;}

.sliderImages
	{
		padding: 0;
		margin: 0;
	}

.friarsPics
{
	width: 635px;
	float: left;
	padding: 0 0 0 0px;
}

.friarsPics dl
{
	float: left;
	width: 630px;
	margin: 0;
	padding: 5px 0;
	background: url(../images/friarsPicsbg.jpg) left top repeat-y;
	border: 1px solid #c8b492;
	font-weight: bold;
}

.friarsPics dl dt
{
	float: left;
	width: 120px !important;
	text-align: left;
}

.friarsPics dl dd
{
	margin: 0;
	position: relative;
	float: left;
	width: 160px;
	text-align: left;
	font-weight: bold;
	line-height: 20px;
}

.friarsPics dl dd.bo
{
	margin: 0;
	position: relative;
	float: left;
	width: 90px;
	text-align: center;
	font-weight: normal;
}

.friarsPics dl dd.pt
{
	margin: 0;
	position: relative;
	float: left;
	width: 90px;
	text-align: center;
	font-weight: normal;
}

.friarsPics dl dd.pp
{
	margin: 0;
	position: relative;
	float: left;
	width: 90px;
	text-align: center;
	font-weight: normal;
}


.friarsPics dl dd.ord
{
	margin: 0;
	position: relative;
	float: left;
	width: 80px;
	text-align: center;
	font-weight: normal;
}

			ul.sitemap
			{
				float: left;
				list-style: none;
			}
			ul.sitemap li
			{
				list-style: none;
				background: url(../images/arrow.jpg) left top no-repeat;
				padding: 0 0 0 25px !important;
				line-height: 25px !important;
			}
			ul.sitemap li.firstLevel
			{
				float: left;
				margin: 0;
				width: 300px;
				margin: 0;
			}
			ul.sitemap li.secondLevel
			{
				float: left;
				margin: 0;
				width:300px;
				margin: 0 0 0 10px;
			}
			ul.sitemap li.thirdLevel
			{
				float: left;
				margin: 0;
				width: 300px;
				margin: 0 0 0 20px;				
			}

			ul.sitemap li.firstLevel a
			{
				font-size: 12px;
				font-weight: bold;
				color: #963;
			}
			ul.sitemap li.secondLevel a
			{
				font-size: 12px;
				font-weight: bold;
				color: #c93;
			}
			ul.sitemap li.thirdLevel a
			{
				font-size: 12px;
				font-weight: bold;
				color: #c96;
			}
			
			ul.sitemap li.thirdLevel a:hover, ul.sitemap li.firstLevel a:hover,	ul.sitemap li.secondLevel a:hover
			{
				color: #630;
			}


ul.pagination
{
	list-style: none!important;
	list-style-type: none !important;
	display: inline;
	float: left;
	width: 620px!important;
    margin: 10px 0 0 0!important;
    padding: 0!important;}

ul.pagination li
{
	list-style: none !important;
	display: inline !important;
	float: left;
	margin: 3px;
	width: auto !important;
}

ul.pagination li a
{
	padding: 4px;
	border: 1px solid #c96;
	background: #c8b492;
	color: #000;
	text-decoration: none;
}