@charset "utf-8";
/* CSS Document */
html {background:transparent}
body {
	background:#595959 
	repeat-x fixed
	color:#595959;
	font-size: 65%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #D4E1CD;
	text-align: left;
	width: 925px;
	margin-right: auto;
	margin-left: auto;
}
b{font-size: 110%;}
a{text-decoration : none;
	color:#0066a2;
}
a:hover {
	color:#009;
}
#maincontainer{
	width: 860px; /*Center container on page*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#topsection{
	height: 50px; /*Height of top section*/
	background-color: #FFF;
}
p {margin:1em 0;}
#topsection{
	height: 40px; /*Height of top section*/
	background-color: #fffff;
}

#topsection h1{
	margin: 0;
	padding-top: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 110%;
}

#contentwrapper{
	float: left;
	width: 97%;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#contentcolumn{
	margin-left: 125px; /*Set left margin to LeftColumnWidth*/
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #039;
}
#contentcolumn_home{
	margin-left: 400px; /*Set left margin to LeftColumnWidth*/
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #039;
}
#leftcolumn{
	float: left;
	width: 125px; /*Width of left column*/
	margin-left: -840px;
}	
#leftcolumn_home{
	float: left;
	width: 430px; /*Width of left column*/
	margin-left: -860px;
}

#footer{
	clear: left;
	width: 100%;
	color: #0066a2;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	letter-spacing: 0.1em;
	padding-top: 10px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	;
	border-top-color: #78ab94;
	background-image: url(../images/logos/coe_small.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 40px;
}

.innertube{
	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	line-height: normal;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 120%; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 5px; COLOR: #069; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: 0.2em; BACKGROUND-COLOR: transparent
}
H2 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	PADDING-BOTTOM: 0px;
	COLOR: #333;
	PADDING-TOP: 0px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	LETTER-SPACING: 0.1em;
	BACKGROUND-COLOR: transparent
}
H3 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 95%;
	PADDING-BOTTOM: 0px;
	COLOR: #333;
	PADDING-TOP: 0px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: transparent
}
#wrap {
	max-width:940px;
	min-width:940px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#top_outer {
	color: #0066a2;
	font-size: 90%;
	font-family:       Verdana, Arial, Helvetica, sans-serif;
	text-align:        right;
	letter-spacing: 0.1em;
	width: 875px;
	height:            13px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	}
#bottom_outer {
	color: #0066a2;
	font-size: 90%;
	font-family:       Verdana, Arial, Helvetica, sans-serif;
	text-align:        right;
	letter-spacing: 0.1em;
	width: 875px;
	height:            13px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#top_inner {
	color: #0066a2;
	font-size: 90%;
	font-family:       Verdana, Arial, Helvetica, sans-serif;
	text-align:        right;
	letter-spacing: 0.1em;
	width: 860px;
	height: 135px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 7px;
	margin-left: auto;
	background-image: url(../images/header/header1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	}
#bottom_inner {
	color: #0066a2;
	font-size: 90%;
	font-family:       Verdana, Arial, Helvetica, sans-serif;
	text-align:        right;
	letter-spacing: 0.1em;
	width: 860px;
	height: 35px;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #78ab94;
	background-image: url(../images/logos/coe_small.png);
	background-repeat: no-repeat;
	background-position: left;
	vertical-align: text-bottom;
}
#rotating_photos {
	BORDER-RIGHT: #78ab94 1px solid;
	BORDER-TOP: #a3d6bf 1px solid;
	BORDER-LEFT: #a3d6bf 1px solid;
	COLOR: #468870;
	BORDER-BOTTOM: #78ab94 1px solid;
	BACKGROUND-COLOR: #f5f5dc;
	margin-left: 35px;
	width: 400px;
	height: 255px;
	margin-top: 10px;
	z-index: -1;
	float: right;
}
#title {
	width: 800px;
	margin-top: 8px;
	margin-bottom: 15px;
	margin-left: 10px;
	padding-bottom: 5px;
	padding-top: 1px;
}
#home_news {
	width: 337px;
	BORDER-RIGHT: #78ab94 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #a3d6bf 1px solid;
	PADDING-LEFT: 5px;
	FONT-SIZE: 90%;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: #a3d6bf 1px solid;
	COLOR: #468870;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #78ab94 1px solid;
	FONT-STYLE: italic;
	BACKGROUND-COLOR: #E3EBDE;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	height: 60px;
}
#prayer {
	width: 327px;
	BORDER-RIGHT: #78ab94 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #a3d6bf 1px solid;
	PADDING-LEFT: 10px;
	FONT-SIZE: 90%;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: #a3d6bf 1px solid;
	COLOR: #468870;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #78ab94 1px solid;
	FONT-STYLE: italic;
	BACKGROUND-COLOR: #E3EBDE;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
a.news_more {
	FONT-SIZE: 90%;
	COLOR: #468870;
	FONT-STYLE: italic;
	margin-right: 0px;
	margin-left: 0px;
	font-family: Verdana, Geneva, sans-serif;
	background-image:url(../images/global/more.png) no-repeat 100% 50%;

100%, 50%
; 		font-weight: bold;
	background-repeat: no-repeat;
}
#menu {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
#home_text {
	width: 366px;
	margin-top: 10px;
	float: right;
	position: relative;
	top: 20px;
	right: 50px;
	z-index: 1;
	border: 1px solid #000;
	display: block;
}
* html #wrap {
	width:50em
}
/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	border:1px solid #666;
	background:#fff;
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}
.cbb h1 {
	background:#fff;
	font:bold 1.2em/1 Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0.3em;
	padding-right: 10px;
	padding-bottom: 0.3em;
	padding-left: 0px;
	color: #039;
	font-size: 1.2em;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background-image: url(../images/global/box.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(../images/global/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(../images/global/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(../images/global/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	background:url(../images/global/borders.png) repeat-y 0 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(../images/global/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). 
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}*/
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */
/* Just a bit of styling for this demo page. Adjust as you wish. 
#absolute-wrapper {
	position:relative;
	height:9em;
}
.cb li {margin-left:1em;}*/
</style>
[if lt IE 8]>
<style type="text/css">
/* Required IE fixes
================================================*/
/* Serve gif images to IE/Win pre version 7 */
* html .i1,
* html .i2 {background-image:url(images/global/borders.gif);}
* html .bt,
* html .bt div,
* html .bb,
* html .bb div {background-image:url(../images/global/box.gif);}
/* Set a height to fix up some rendering issues. */
* html .i1,
* html .i3 {height:1px;}

/* Give the absolutely positioned box a width (including IE 7)*/
.one {width:70%;}
</style>
<![endif]
a.more {
   padding-right : 20px;
   background-image:url(http://www.osbaldwickandmurtonchurches.org.uk/images/global/more.png) no-repeat 100%, 50%;
}
/*contacts*/
#contacts_box {
	color: #595959;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #d4e1cd;
	margin-top:  2px;
	width:       98%;
	height: 160px;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 10px;
	border: solid 1px #87a876; }
.contacts_box {
	color: #595959;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin-top:  2px;
	width:       98%;
	height: 160px;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 10px;
	border: 1px solid #aaaaaa;
}
.contacts_box img {
	float: right;
	margin-right: 10px;
	padding: 3px;
	border: solid 1px #fff;	 }
/*end of contacts*/	
/*feedback form cells*/
.feedback { 
 background-color: #D4E1CD; 
 border: 1px solid #666666; 
}
img.floatRight {
	float: right;
	margin: 5px 0px 5px 5px;
	border: 1px solid #000033;
	padding: 0px;
	position: relative;
}
#rotating_home {
	FONT-SIZE: 90%;
	COLOR: #468870;
	FONT-STYLE: italic;
	BACKGROUND-COLOR: #E3EBDE;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #a3d6bf;
	border-right-color: #78ab94;
	border-bottom-color: #78ab94;
	border-left-color: #a3d6bf;
	width: 347px;
	text-align: center;
	z-index: 1;
}