@charset "utf-8";
html, body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background-color:#010101;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	height: 100%;
}
div#divLHS {
	background: url('../backgrounds/bg-lhs.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	height: 100%; /* required for ie8 */
}
div#divRHS {
	background: url('../backgrounds/bg-rhs.jpg');
	background-repeat:no-repeat;
	background-position:top right;
	height: 100%; /* required for ie8 */
}
div#divCenter {
	text-align: center;
	height: 100%; /* required for ie8 */
}
div#divContent {
	background-color:#000000;
	text-align: center;
	width: 800px;
	/* force the outer div surrounding the content to extend 95% to the bottom of the browser. 
	The footer occupies the remaining 5%. As both these divs share the same background image
	the white background with bevel edges extends all the way to the bottom of the browser in
	the centre column with no body background colour beneath it */
	_height: auto !important; /* _height is for firefox. */
	height: auto !important; /* auto !important is part if ie6 fix for min-height to work */
	height: 95%;
	min-height: 95%;
	/* setting the margins to auto forces divCenter to float over divLHS and divRHS in ie8. */
	margin-left: auto;
	margin-right: auto;
}
div.divClear {
	/* a div of class divClear is placed at the botton of divMsgOuter and divContent to force
	these containing divs to extend down and enclose included divs. This also forces divFooter to
	position correctly at the end of divContent. Without divClear, setting overflow:auto for
	divContent forced divFooter into position with ie8, however the containing divs did not
	extend to enclose the included divs */
	clear: both;
    height:1px;
    overflow:hidden;
}
div#divBanner {
	padding-top: 6px;
}
div#divVideo {
	width: 770px;
}
div#divDeptMsgOuter {
	padding-top: 10px;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
}
div#divDeptMsgImage {
}
div#divDeptMsgText {
	padding-top: 10px;
	height: 67px;
	text-align: center;
	background: url('../backgrounds/dept-hdr-bg.jpg');
	background-repeat:no-repeat;
	background-position:top left;
}
div#divDeptContent {
	width: 770px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
}
hr#hrDeptContent {
	color:#ff0000;
	background-color:#ff0000;
	width:768px;
	height:2px;
	border:none;
	margin-left: auto;
	margin-right: auto;
}
hr#hrVideo {
	color:#ff0000;
	background-color:#ff0000;
	width:768px;
	height:2px;
	border:none;
	margin-left: auto;
	margin-right: auto;
}
div#divVideoContent {
	width: 770px;
	text-align: justify;
}
div#divFooter {
	background-color:#000000;
	width: 800px;
	_height: auto !important;
	height: auto !important;
	height: 5%;
	min-height: 5%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden; /* required for ie8 */
}
hr#hrFooter {
	color:#ff0000;
	background-color:#ff0000;
	width:768px;
	height:2px;
	border:none;
	margin-left: auto;
	margin-right: auto;
}
div#divOfficeText {
	float: left;
}
div#divChurchText {
	float: right;
}
div#divMapChurch {
	height: 420px;
	overflow: hidden;
}
div#divMapCanvasChurch {
  width : 768px;
  height : 400px;
  margin: 0px;
  padding: 0px;
  color:#000000;
}
.styleDeptName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #ffffff;
	word-spacing: 5pt;
	letter-spacing: 15px ;
	/* shadow */
	/* safari */
	text-shadow: #000000 5px 5px 5px;
	/* internet explorer only */
	height: 1.3em;
	filter: Shadow(Color=#000000, 	
			Direction=135, 
			Strength=5);
}
.styleDeptText1 {
	font-size: 14px;
	color: #ffffff;
}
.styleDeptText2 {
	font-size: x-large;
	color: #ffffff;
}
.styleDeptText3 {
	font-size: 20px;
	font-weight: bolder;
	color: #c4bc90;
}