/* CSS Document */
/* St Faith's styles */


/* ------- BODY AND WRAP ------- */
   html,  {padding:0; margin:0;}
	body {
	behavior: url("../csshover3.htc");
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ABB4BB;
	background-image: url(images/body-BG.jpg);
	background-repeat: repeat-x; 
	margin:0;
	padding-top:10px;
	}
	#wrap {
	width:960px;
	left:50%;
	margin-left:-480px;
	background-color: #ffffff;
	position:relative;
	height:1%;
	margin-top: 0px;

	}
	tbody {
border:0;!important
}

	
/* ------- HEADER (MASTHEAD) ------- */

	#header {
	background-color: #ad1210;
	height: 100px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #434950; */
	width: 960px;
	margin:0;
	position: relative;
	}
	#header-left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	height: 99px;
	float: left;
	text-align: left;
	}
	#header-middle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 400px;
	float: left;
	position: relative;
	clear: none;
	padding-top: 30px;
	padding-left: 10px;
	}
	#header-right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width: 200px;
	clear: none;
	text-align: right;
	vertical-align: bottom;
	position:absolute;	/* GT To enable dropdown */
	z-index:200;
	right: 0px;
	bottom: 45px;
	display: block;
	height: 50px;
	}
	#header-right a {text-decoration:none; color:#CCCCCC;}
	#header-right a:hover {text-decoration:none; color:#FFFFFF;}
	#goldBar {position: relative;
	width: 958px;
	float: left;
	margin: 0px;
	padding: 0px;
	height:5px;
	clear:both;
	background-color:#AA8D3D;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #b26e6d;
	border-left-color: #b26e6d;}
	
	.WhiteHeadingText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
}
/* ------- FLASH OR MAIN GRAPHIC AREA ------- */	

	#homeFlash {
	background-color: #ad1210;
	width: 958px;
	clear: both;
	float: none;
	height: 220px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #AA8D3D;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #AA8D3D;
	text-align: center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B26E6D;
	border-left-color: #B26E6D;
	}
	#masthead-contentpages {
	height: 54px;
	width: 960px;
	clear: both;
	background-color: #FFFFFF;
	}
	
/* ------- CONTENT AREA ------- */

	#HomeContentWrapper {
	background-image: url(images/home2col-BG-image.jpg);
	background-repeat: repeat-y;
	position: relative;
	width: 958px;
	float: left;
	margin: 0px;
		border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #b26e6d;
	border-left-color: #b26e6d;
	}
	#twoColContentWrapper {
	background-image: url(images/2col-BG-image.jpg);
	background-repeat: repeat-y;
	position: relative;
	width: 958px;
	float: left;
	margin: 0px;
	padding: 0px;
		border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #b26e6d;
	border-left-color: #b26e6d;
	}
	#oneColContentWrapper {
	position: relative;
	background-color:#FFFFFF;
	width: 958px;
	float: left;
	margin: 0px;
	padding: 0px;
		border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #b26e6d;
	border-left-color: #b26e6d;
	
	}
    #TwoRowContentWrapper {
	position: relative;
	background-color:#FFFFFF;
	width: 958px;
	float: left;
	margin: 0px;
	padding: 0px;
		border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #b26e6d;
	border-left-color: #b26e6d;}
	#threeColContentWrapper {
	position: relative;
	background-color:#FFFFFF;
	width: 958px;
	float: left;
	margin: 0px;
	padding: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #b26e6d;
	border-left-color: #b26e6d;
	background-image: url(images/3col-BG-image.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
	#HomeLeftCol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	width: 200px;
	float: left;
	margin: 0px;
	overflow: hidden;
	position: relative;
	padding: 0px;
	}
	#HomeSideLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6e0b09;
	width: 182px;
	margin: 0px;
	overflow: hidden;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 9px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	}
	#HomeSideLink a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6e0b09;
	text-decoration: none;
	}
	#LeftCol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	width: 180px;
	float: left;
	margin: 0px;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	position: relative;
	}
	#HomeCentreContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	width: 540px;
	position: relative;
	margin: 0px;
	float: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	
	}
	#CentreContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
		overflow:hidden;
		height:1%;  /* RH IE 6 haslayout to stop content flowing under sidenav */
		
	}
	#HomeRightCol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	float:right;
	width:200px;
	position:relative;
	margin: 0px;
	padding: 0px;
	}
	#RightCol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	width:180px;
	position:relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: right;
	margin-right: 0px;
	}
	/* for 4 column template left of RightCol */
	#InnerRightCol  {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	width:270px;
	position:relative;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	float: right;
	margin-right: 0px;}
	#topRowHorizContent {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	top:0;
	border-bottom:solid 5px #AA8D3D;}
	
	#topRowHorizContent p {display:inline;margin:0;padding:0}
	
	#secondRowHorizContent {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	top:0;
	padding:10px;
	overflow:hidden;
		height:1%; }
	

	
/* ------- BREADCRUMB LINKS ------- */
		.breadcrumb_link, a.breadcrumb_link:link, a.breadcrumb_link:visited, a.breadcrumb_link:hover {
	font-size:10px;
	text-align:right;
	color:#9A0000;
	display:inline;
	}
	
/* ------- FOOTER ------- */

	#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	width: 960px;
	position: relative;
	line-height: 20px;
	clear: both;
	float: left;
	background-image: url(images/FooterBG.gif);
	background-repeat: repeat-x;
	background-color: #7E0D0B;
	height: 40px;
	}
	#footerLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F5F5E0;
	width: 300px;
	position: relative;
	float: left;
	padding-left: 10px;
	line-height: 30px;
	}
	#footerRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F5F5E0;
	width: 600px;
	position: relative;
	line-height: 30px;
	float: right;
	text-align: right;
	padding-right: 10px;
	}
	.magstar {
	color: #606B5B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	}
	a.magstar {
	color: #FFFFFF
	}
	a.magstar:hover {
	color: #003399
	}


/* ------- CONTENT STYLING ------- */

	h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #9A0000;
	font-weight: bold;
    }
	h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9A0000;
	font-weight: bold;
	}
	h3 {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9A0000;
	font-weight: bold;}
	/* Remove borders from any images used as links */
	a img,:link img,:visited img {
	border: none;
	}
	/*
	li {
	list-style-type: square;
	}
	*/
	.leftAlign {
	text-align:left
	}
	.rightAlign {
	text-align:right
	}
	hr {
	color:#6e0b09; background-color:#6e0b09
	}
	.black {
	background-color:#000000;
	}
	.clear {
	clear:both;
	}
	#NewsSnippet{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	}
	.grey {color:#CCCCCC;}
	
	a:link, a:visited {
	text-decoration:underline;
	color: #860607;
}
	
	a:hover {
	text-decoration:underline;
	color: #AA8D3D;
}
.red{
	color:#9A0000;
	position:relative;
	right:0px;
	top:0px;
	font-size:10px;
	float: right;
	clear:both;
	margin-left:10px;
}
/*stop firefox putting extra lines in table through fckeditor*/

/* ------- FORMS ------- */

	.regform-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3b7334;
	background-color: #FFFFFF;
	padding-bottom: 20px;
	padding-left: 60px;
	height: 20px;
	}
	#form-footer {
	background-color: #FFFFFF;
	height: 30px;
	text-align: left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #447ac4;
	width: 760px;
	}
    .fontRed {
	color:#6e0b09;
	font-size:14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9A0000;
	padding-bottom: 4px;
	padding-top: 4px;
}

/* -------HORIZONTAL NAV BAR------- */
	#navbar {
	height: 34px;
	line-height:30px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	width:870px;
	background-color: #ad1210;
	position: relative;
	display:inline;
	left: 0px;
	float: left;
	top: 0px;
	list-style:none;
	color:#fff;
	z-index:100;
	background-image: url(images/navbar-BG.jpg);
	background-repeat: repeat-x;
	margin-top:0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top:3px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 90px;
}

#navbar ul {
	padding:0;
	margin:0;
	list-style-type:none;
	
}

#navbar table {position:absolute; top:0; left:0; border-collapse:collapse;}

#navbar li {
	float:left;
	position:relative;
	list-style-type:none;
	
}

#navbar a {
	display:block;
	float:left;
	height:34px;
	line-height:30px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	padding-right: 70px;
	padding-bottom: 0;
	padding-left: 0px;
}

#navbar a:hover {
	color:#C4A75B;
	text-decoration:none;
}

#navbar ul ul a {
	background:#ffffff;
	color:#9A0000;
	height:auto;
	line-height:1em;
	padding:5px 0 5px 23px;
	width:135px;
	text-align:left;
	font-size:13px;
	font-family:arial, verdana, sans-serif;
	font-weight:normal;
	text-decoration:none;
	border-top-width: 0;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9A0000;
	border-left-color: #9A0000;
}

#navbar ul ul a.LAST_DROPMENU {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9A0000;
}

#navbar ul ul a:hover {
	color:#AA8D3D;
	text-decoration:none;
	background-color: #FFFFFF;
}

#navbar ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:33px;
	left:0;
}
#navbar ul li:hover ul  {visibility:visible;
 }

/* top level menu style if current page is NOT a subpage of this page */
a.top-unselected {
}
/* top level menu style if current page IS a subpage of this page */
#navbar a.top-selected {
}

/* Drop down menu widths - override default */
#navbar ul a.TOP_MENU1 { }
#navbar ul a.TOP_MENU2 { }
#navbar ul a.TOP_MENU3 { }
#navbar ul a.TOP_MENU4 {width:130px; }
#navbar ul a.TOP_MENU5 { }
#navbar ul a.TOP_MENU6 { }
#navbar ul a.TOP_MENU7 { }
#navbar ul a.TOP_MENU8 { }


#navbar ul ul a.DROP_MENU1 { }
#navbar ul ul a.DROP_MENU2 { }
#navbar ul ul a.DROP_MENU3 { }
#navbar ul ul a.DROP_MENU4 { }
#navbar ul ul a.DROP_MENU5 { }
#navbar ul ul a.DROP_MENU6 { }
#navbar ul ul a.DROP_MENU7 { }
#navbar ul ul a.DROP_MENU8 { }

div.navigation_div {
background-color:#FFF;text-align:center;position:absolute;left:500px;top:10px;z-index:100;padding-left:10px;font-size:12px;vertical-align:middle;color:#000;
}
a:link.navigation_div, a:visited.navigation_div  {
	color:#000;text-decoration:none;
}
a:hover.navigation_div  {
	color:#000;text-decoration:none;
}
td.navigation_div {
	color:#000;text-decoration:none;vertical-align:middle;height:32px;
}

div.navigation_div_popup {
	width:130px;background-color:#444;text-align:left;position:absolute;left:0px;top:32px;z-index:200;padding-left:10px;font-size:12px;vertical-align:middle;color:#FFF;
	display:none;
}
a:link.navigation_div_popup, a:visited.navigation_div_popup {
	color:#CCC;text-decoration:none;
}
a:hover.navigation_div_popup {
	color:#FFF;text-decoration:none;
}
td.navigation_div_popup {
	color:#FFF;text-decoration:none;vertical-align:middle;height:32px;
}

/* LEFT SIDE NAVIGATION */

	#sidenavbar {
	list-style-type: none;
	padding-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	float:left;
	}
	#sidenavbar ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	}
	#sidenavbar li {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	}
	#sidenavbar a {
	display: block;
	width: 180px;
	color: #9A0000;
	text-decoration: none;
	background-color: #FFFFFF;
	line-height: 20px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-weight: bold;
	}
	#sidenavbar a:hover {
	display: block;
	width: 180px;
	color: #AC8D3D;
	text-decoration: none;
	line-height: 20px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0px;
	font-weight: bold;
	}

/* Top level left menu */
a.nav-level-0 {
}
/* 2nd level left menu */
a.nav-level-1 {
}
/* 3rd level left menu */
a.nav-level-2 {
}
/* 4th level left menu */
a.nav-level-3 {
}
/* top level menu style if current page is NOT a subpage of this page */

a.top-unselected {

}

/* top level menu style if current page IS a subpage of this page */



/* -------LANGUAGE NAV BAR------- */
div#langbar {
	width:130px;background-color:#FFF;text-align:left;position:absolute;left:70px;top:13px;z-index:100;padding-left:0px;font-size:12px;vertical-align:middle;color:#000;
}

/* Styles for drop down menus */
#langbar {
	margin:0;
	list-style:none;
	color:#000;
	position:relative;
	z-index:100;
	
}
#langbar ul {padding:0; margin:0; list-style-type:none;}
#langbar table {position:absolute; top:0; left:0; border-collapse:collapse;}
#langbar li {float:left; position:relative; list-style-type:none;}
#langbar a {display:block; float:left; padding:0 7px 0 7px; height:34px; color:#000; text-decoration:none; text-align:center; cursor:pointer;}
#langbar a:hover {color:#000; text-decoration:none;}
#langbar ul ul a {
	background:#DDD;
	color:#000;
	height:20px;
	line-height:20px;
	padding:5px 0 5px 10px;
	width:135px;
	border-width:0 1px 1px 1px;
	text-align:left;
	font-size:13px;
	font-family:arial, verdana, sans-serif;
	font-weight:normal;
	text-decoration:none;
}
#langbar ul ul a:hover {
	color:#000;
	text-decoration:none;
	background-color: #AAA;
}
#langbar ul ul {visibility:hidden; position:absolute; height:0; top:20px;left:0;margin:0px;}
#langbar ul li:hover ul  {visibility:visible;}
.searchImage {
	border:0;
	position: relative;
	top: -4px;
}
