img.bg {
z-index:-100;
 /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

body,td,th {
	font-family: 'Quicksand', sans-serif;
	font-size: 15px;
	color: #888;


}

body {
	background-color: #fff;
	margin: 0;

}

* {
	outline: none;
}

a {color: #2A8ECD;text-decoration: none;}
a:hover {color: #6a655d;text-decoration: none;text-decoration: underline;}

img {border: 0px none;}

a img {
	border: 0px none;
}

a:hover img {border: 0px none;}

h1   {
	color: #2a8ecd;
	font-family: 'Quicksand', sans-serif;
	margin: 12px 0 10px 0;
	padding: 0;
	font-weight: normal;
	font-size: 28px;
}

h2 {
	color: #463f37;
	margin: 20px 0 10px 0;
	padding: 0;
	font-weight: normal;
	font-size: 25px;
}



h3 {
	color: #0092e0;
	font-family: 'Quicksand', sans-serif;
	margin: 20px 0 5px 0;
	padding: 0;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
}

h4 {
	font-size: 14px;
	color: #666;
	font-weight: bold;
	
	margin: 15px 0 8px 0;
	padding: 0;
}

h5 {
	font-weight: bold;
	font-size: 12px;
	color: #908c86;
	margin: 0 0 2px 0;
	padding: 0;
letter-spacing:0.05em;

}

h6 {
	font-weight: bold;
	font-size: 12px;
	color: #0092e0;
	margin: 0 0 2px 0;
	padding: 0;
letter-spacing:0.05em;
}


p {
	line-height: 24px;
	margin: 0 0 10px 0;
}


.article ul li {
	margin: 0 0 5px 0;
}

.jce_caption {
font-style: italic;
}

#mainContent {
float: left;
background-color: white;
width: 100%
}

#mainContainer {
margin: 0 auto;
background-color:#123f9d !important;
-moz-background-clip: padding;     /* Firefox 3.6 */
-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
border-left: 12px solid rgba(255,255,255,0.3);
border-right: 12px solid rgba(255,255,255,0.3);
}





#middle {
position: relative;
float:left;
margin:0;
padding:0;
margin-right: 20px;
margin-bottom: 10px;
margin-top:10px;
margin-left:0;
}

#right{
position: relative;
width: 100%;
float:left;
margin:0;
padding:0;

margin-bottom: 10px;
margin-top:10px;
margin-left:0;
}


#mainContent #middle ul {
margin:0;
padding:0;
margin-bottom:10px
}



#mainContent #middle li {
line-height: 19px;
list-style-type: square;
padding-bottom:5px;
padding-left:5px;
margin-left:15px;

}


#mainContent #middle .pullquote
{	
font-family: 'Quicksand', sans-serif;
	font-size:18px;
	font-style:italic;
line-height:22px;
margin: 20px;
color:#333;
}


#header {
	background-image: url(../../images/header_tile.gif);
	background-color: #0092e0;
}

#header #title {
	float: left;
	padding: 0px 0 0 0px;
	color: #fff;
	font-size: 36px;
	line-height: 36px;
	font-family: 'Quicksand', sans-serif;
}

.page-container {background-color:red}

#header #dove{
	float: right;
	padding: 0;
margin:0;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	font-family: 'Quicksand', sans-serif;
}
.welcome-text {
background-image: url(../../images/texture-solid.png);
padding:20px;
margin-bottom:20px;
text-align:center;
}

.welcome-text p {
color: #222222;
}

.welcome-text h1 {
margin-top:10px;
}


#slides.genslides {
  border: 5px solid #f0f0f0;
}

#leftColumn {
	width: 289px;
	padding: 0 0 10px 20px;
	float: left;
}

#sidebar {relative;width: 240px;float: left;margin-right: 20px;margin-bottom: 10px;margin-top:5px}


#contentArea {
	margin: 10px 10px 10px 10px;
	float: left;
	width: 590px;
	padding: 10px;

}



#contentArea.noLeft {
	width: auto;
	float: none;

}

#contentArea.home {
	margin: 0 10px 10px 10px;
	width: 600px;
	padding: 0;

}

#latestNews {
	width: 273px;
	float: left;
/*	border: 1px solid #9f9b97;*/
	background-color: #3b342c;
	margin: 0 0 10px 10px;
	padding: 10px;
}

#latestNews h3 {
	color: #f6daa0;
	font-family: 'Quicksand', sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	font-weight: normal;
	font-size: 26px;
	background-image: url(../../images/news_separator.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}


#footer {
text-align:center;
font-size:14px;
line-height:18px;
color:white;
padding: 20px 0 20px 0;
font-family: 'Quicksand', sans-serif;
}
#footer a {color:white}
#footer a:hover {color:#CF9}

.LNbox, .UEbox {
float: left;
margin-bottom:20px;

}
.UEbox {
margin-right:4%;

}

.LNbox {

clear:right;
}
.LNbox a, .UEbox a {text-decoration:none}
.LNbox a:hover, .UEbox a {text-decoration:underline}
.LNbox h1, .UEbox h1 {border-bottom:4px solid #ccff99;padding-bottom:8px;}
.LNbox h2,.UEbox h2,  {line-height:25px}
.LNbox h3 a, .UEbox h3 a {text-decoration:none;color: #2A8ECD;}
.LNbox h3 a:hover, .UEbox h3 a:hover {text-decoration:underline;}






.Announcements {

	float: right;
	padding: 9px;
position:relative;
	font-size: 13px;
	color: #333;

margin-right:13px;

}


.Announcements a {

text-decoration:none;

}






#whereis h3 {
	color: #60553d;
	font-family: 'Quicksand', sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 26px;
	background-repeat: no-repeat;
	background-position: center bottom;
}

#whereis {
	width: 270px;
	float: left;
	border: 2px solid #ddd;
	background-color: #d7d7b4;
	margin: 0 22px 10px 20px;
	padding: 10px;
	clear:both
}







.TDbox {
	
	float: left;

	font-size: 14px;
	color: #7a99a5;
line-height:20px;
font-family: 'Quicksand', sans-serif;
font-style:italic;
	margin-left:15px;
	margin-top:15px;
}

.TDbox h3{
border-top: 1px dotted #ffcc56;
padding-top:8px;
margin-top:15px;
color:#b7bfc2;

}



#upcomingEvents.leftCol,
#latestNews.leftCol {
	margin: 20px 0;
	padding: 10px;
	width: 268px;
}

.eventImage {
	float: right;
	width: 35%;



}

.bordered{border:2px solid #fff;}

a img.bordered {border:2px solid #fff;}
a:hover img.bordered {border: 2px solid #000;}



.Button, .ButtonRed, .ButtonBrown, .ButtonGreen, .ButtonOrange, .ButtonGrey 
{float:left;

font-family: 'Quicksand', sans-serif;
font-size: 18px;
margin-top:2px;
margin-bottom:2px;
margin-left:0px;
text-align:center;
}


.Button a, .ButtonRed a, .ButtonBrown a, .ButtonGreen a, .ButtonOrange a, .ButtonGrey a 
{border:3px solid #b3b1ba;
text-decoration:none;
padding:8px;

margin-left:0px;
text-align:left;float:left;}

.Button a:hover, .ButtonRed a:hover, .ButtonBrown a:hover, .ButtonGreen a:hover, .ButtonOrange a:hover, .ButtonGrey a:hover {border: 3px solid #314b98;color:#314b98;}


.Button a {color:#b3b1ba;}

.ButtonRed a {color:#ffdd90;
background-image:url(../../images/button-tile-red.gif);
background-repeat:repeat;width: 200px;}

.ButtonBrown a {color:#fce2aa;
background-image:url(../../images/button-tile-brown.gif);
background-repeat:repeat;width: 200px;}

.ButtonGreen a {color:#eff8d8;background-image:url(../../images/button-tile-green.gif);background-repeat:repeat;width: 200px;}

.ButtonOrange a {color:#fffadf;background-image:url(../../images/button-tile-orange.gif);background-repeat:repeat;width: 200px;}

.ButtonGrey a {color:#eaeaea;background-image:url(../../images/button-tile-grey.gif);background-repeat:repeat;width: 200px;}

#upcomingEvents p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #cf9d63;
}




.picRight {
	border: 5px solid #edecee;
margin-top: 5px; 
margin-bottom: 10px; 
margin-left: 20px; 
float: right;
clear:both;
}


.picRightNoBorder {

margin-top: 5px; 
margin-bottom: 10px; 
margin-left: 20px; 
float: right;
clear:both;
}

.picLeft{
	border: 5px solid #edecee;
margin-top: 5px; 
margin-bottom: 10px; 
margin-right: 20px; 
float: left;
clear:both;
}


.picLeftNoBorder{
margin-top: 5px; 
margin-bottom: 10px; 
margin-right: 20px; 
float: left;
clear:both;
}

.picBorder img{
border: 5px solid #edecee;
}

hr {
	color: #edecee;
	background-color: #edecee;
	height: 1px;
	border: 0;
	width: 100%;
	margin: 10px 0 15px 0;
}



.clear {
	display:inline-block;
}

.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

.clear {
	clear:both;	
}

.contentBox_Grey {
	background-color: #fff;
	border: 2px dotted #d6dcb3;
	float: left;
	padding: 9px;
	margin: 10px 0 10px 0px;
	font-size: 11px;
	color: #463f37;
	width: 271px;
	clear:both
}

.contentBox_Grey p {
	margin: 8px 0 0 0;
	font-size: 11px;
	color: #463f37;
}

.contentBox_Grey h5 {


	padding-top:5px;
	font-weight:bold;
	color: #8d9b69;
}

#leftcol {
	position:absolute;
	left:203px;
	top:297px;
	width:320px;

}

#middlecol{
	position:absolute;
	left:523px;
	top:300px;
	width:291px;

}

#rightcol {
	position:absolute;
	left:850px;
	top:297px;
	width:280px;

}



#bottomcol {
	position:absolute;
	left:524px;
	top:937px;
	width:621px;
	height:130px;
}

.firstpara {
	font-family: 'Quicksand', sans-serif;
	font-size: 22px;
	color: #123F9D !important;
line-height:28px;
padding-top:10px;
}

.firstpara p {

line-height:28px;

}

#mainContent #middle .downloads
{
border: 2px solid #cee085;
background-color:#ede9ef;
clear:both;
margin-bottom:15px;
padding:0.5em;
}


#mainContent #middle .downloads p
{
text-align:left;
font-size:11px;
color:#f8e694;
}

 
#mainContent #middle .downloads a:hover
{
color:white;
}


#mainContent #middle .downloads a
{
color:#f8e694;
}


#mainContent #middle .downloads li
{

list-style-image: url(../../images/icon-download.gif);
	list-style-type: square;
color:#f8e694;

}

#mainContent #middle .downloads .row1 {background-color:#fff;}
#mainContent #middle .downloads .row2 {background-color:#f0f0f0;}




#mainContent #middle .downloads  h3 {
	color:#fff;
	font-family: 'Quicksand', sans-serif;
border-bottom:1px dashed #fff;
margin:10px;
padding-bottom:15px;
padding-top:5px;
font-size: 23px;		

}

#mainContent #middle .downloads .file {border:1px solid white;margin:2px;padding:5px;}

#mainContent #middle .downloads .icons {float:right}

#mainContent #middle .downloads .title {font-size:1.1em;background-color:#000;width:80%;text-align:center;}





#mainContent #middle .downloadItem
{

list-style-image: url(../../images/icon-download.gif);
	list-style-type: square;
color:#253f8c;
margin-left:25px;
padding-left:0px;
}


.downloadItem a:hover
{
color:grey;
}

.downloadItem a
{
color:#0092e0;
}


.Dates
{

list-style-image: url(../../images/date_magnify.png);
	list-style-type: square;
color:#0092e0;
margin-left:25px;
clear:both;
line-height:25px;
}


.Dates a:hover
{
color:grey;
}

.Dates a
{
color:#0092e0;
}


.FormFill
{

list-style-image: url(images/icon-form.png);
	list-style-type: square;
color:#0092e0;
margin-left:25px;
clear:both;
line-height:25px;
}


.FormFilla:hover
{
color:grey;
}

.FormFill a
{
color:#0092e0;
}


.downloadSidebar 
{
border: 4px solid #8965b3;
background-color:#fff;
clear:both;
width:210px;
margin-bottom:15px;

}

.downloadSidebar p
{
text-align:left;
font-size:11px;
color:#666;
}

.downloadSidebar a:hover
{
color:#666;
text-decoration:underline;
}

.downloadSidebar a
{
color:#8965b3;
text-decoration:none;
}

.downloadSidebar li
{

list-style-image: url(/images/icon-download.gif);
	list-style-type: square;
color:#ccc;
}

.downloadSidebar h3 {
	color:#8965b3;
	font-family: 'Quicksand', sans-serif;
margin:7px;
padding-bottom:7px;
padding-top:5px;
font-size: 23px;		

}


#mainContent #middle #cofe-rss-box { border: 1px solid #A891C0; padding: 0; font-size: 90%; margin-bottom: 1em; width:70%}
#mainContent #middle #cofe-rss-box h2 a { text-decoration: none; color: white;  }
#mainContent #middle #cofe-rss-box h2 a:hover   { text-decoration: underline; color: white; }
#mainContent #middle #cofe-rss-box h2  { background: #492D53  url('http://www.churchofengland.org/images/rss/light-purple.jpg') no-repeat ;  margin: 0; padding: 0.5em; font-size: 120%; }
#mainContent #middle #cofe-rss-box ul { margin: 0; padding: 0; color: #333; }
#mainContent #middle #cofe-rss-box ul li  { list-style-type: none; margin: 0; border-top: 1px solid #A891C0; padding: 0.5em;   } 
#mainContent #middle #cofe-rss-box p { background: white url('http://www.churchofengland.org/images/rss/cofe-siterss-purple-logo.gif') no-repeat right; border-top: 1px solid #A891C0; margin: 0; padding: 0.5em 0.5em 0 0.5em;  height: 23px; }
#mainContent #middle #cofe-rss-box .rss-description { padding-top: 5px; display: block; }


#bottomlinks { border: 1px solid #A891C0; padding: 5px; font-size: 90%;text-transform:uppercase;text-align:center;background-color:#f0f0f0;width:65px}
#bottomlinks:hover { border: 1px solid #999; padding: 5px; font-size: 90%;text-transform:uppercase;text-align:center;background-color:#A891C0}
#bottomlinks a {text-decoration:none;margin-left:5px;margin-right:5px}
#bottomlinks a:hover {color:#fff}

#bottomlinks2 {margin-top:25px;width:65px; border: 1px solid #A891C0; padding: 8px; font-size: 90%;line-height:25px;text-transform:uppercase;text-align:left;background-color:#f0f0f0;}
#bottomlinks2:hover { border: 1px solid #999; background-color:#A891C0}
#bottomlinks2 a {text-decoration:none;}
#bottomlinks2 a:hover {color:#fff}

/*SLIDESHOWS*/

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 550px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
margin-left:0px;
	height: 23px;
}
div.controls a {
	padding: 5px 12px 0px 0px;
	margin: 5px 12px 0px 0px;
}
div.ss-controls {
	float: left;
margin-left:10px;
padding-left:10px;

}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	/*clear: left;*/
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */

}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 540px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 540px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: top;
/*	border: 1px solid #ccc;*/

}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
/*	clear: right;*/
height: 70px;


}
span.image-caption {
	display: block;
	position: absolute;
	width: 540px;
	top: 0;
	left: 0;
}
div.caption {

}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
	/*ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}*/
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}


div#pageG {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	}

.grid
{
padding-left:3%;

}

.imgteaser {
float: left;
position: relative;

}
.imgteaser a img {
border: 5px solid #ddd;
width:100%;
height:auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.imgteaser a:hover img {
border: 5px solid #ccff66;
}


.imgteaser a .more {
position: absolute;
right: -5px;
bottom: 5px;
left:5px;
font-size: 1.7em;
color: #fff;
background: #123e9d;
padding: 8px;
filter:alpha(opacity=85);
opacity:.85;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*--IE 8 Transparency--*/
}

.imgteaser a:hover .desc{
position: absolute;
right: -5px;
bottom: 5px;
left:5px;
display: block;
font-size: 1.7em;
padding: 8px;
background: #fff;
filter:alpha(opacity=75);
opacity:.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
color: #2a4393;
}

.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}


.imgteaser2 {

	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser2 a {
	text-decoration: none;
	float: left;
}
.imgteaser2 a:hover {
	cursor: pointer;
}

.imgteaser2 a img {
	float: left;
	margin: 0;
	padding: 3px;
	background: #fff;
	border: 1px solid #ddd;
}

.imgteaser2  a:hover img {
	background: #ddd;
	border: 1px solid #ddd;
}

.cms_submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
}
.cms_submit:hover {cursor:pointer;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.button:active {
	position:relative;
	top:1px;
}

.yellowlink a {background-color:#CF9;padding:5px;text-decoration:none}
.yellowlink a:hover {text-decoration:underline;color:#2A8ECD}
/* Stylesheet: Styles Modified On 2015-11-24 10:40:13 */
/* ------------  TOP Menu   ------------ */

.top-menu
{float:right;padding:5px;text-transform:uppercase;font-size:10px;letter-spacing:0.3em}
.top-menu a
{color:white;text-decoration:none}
.top-menu a:hover
{color:#99ccff;text-decoration:underline}

/* ------------  Menu  ROOT  ------------ */
.page-menu {
	
	height: 71px;
	/*background-image: url(../../images/menu_tile.gif);*/
background-color: #99ccff;
	text-align:center;
color: white;
border-bottom: 4px solid white;
}

.menuwrapper {z-index: 1000;}

ul#primary-nav li hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
       	height: 32px;
       	margin: 0px 5px 0px;


}
.page-menu ul#primary-nav {
position:relative;
	list-style: none;
	padding: 0;
margin: 0 auto;
	display: block;
z-index: 1000;
}
.page-menu ul#primary-nav li {
		/*display: inline-block;*/
	
	line-height: 29px;
	vertical-align: middle;
z-index: 1000;
}


.page-menu ul#primary-nav li a, 
.page-menu ul#primary-nav li a span {
	display: block;	
	color: #000033;
	text-transform:uppercase;
	font-weight:normal;
	font-size:14px;	
	text-align: center;
padding: 18px;
/*background-image: url(../../images/menu_divider.gif);
	background-repeat: no-repeat;
	background-position: left;*/
z-index: 1000;
}

.page-menu ul#primary-nav li li a,
.page-menu ul#primary-nav li li a span {
color: #000;	
text-transform:uppercase;
	font-weight:normal;
	font-size:11px;
text-align: left;
z-index: 1000;


}

.page-menu ul#primary-nav li a {
	padding-left: 0;
	color: #000;
	font-weight: bold;
	line-height: 2.15em;
	text-decoration: none;
	margin-left: 1px;
	font-size: 0.85em;
}
.page-menu ul#primary-nav li a:hover {
	color: #000;


}

.page-menu ul#primary-nav li a:active {
	
}


.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
	color: #fff;

}


.page-menu ul#primary-nav .menuactive {

/*background-image: url(../../images/menu_divider.gif);
	background-repeat: no-repeat;
	background-position: left;*/
}


.page-menu ul#primary-nav li li a.menuactive,
.page-menu ul#primary-nav li li a:hover span {
	color: #000;

}

.page-menu ul#primary-nav li a span {
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 5px;
}
.page-menu ul#primary-nav li a.menuparenth,
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
	background-position: 100% -120px;

}
.page-menu ul#primary-nav li a {
	background-position: 100% -80px;
}
.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:active span,
.page-menu ul#primary-nav li a:focus span{
color: #fff;
}

.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:hover span,
.page-menu ul#primary-nav li a:focus span,
.page-menu ul#primary-nav li a:active span {
	background-position: 0 -40px;
}



.page-menu ul#primary-nav li li a.menuactive span,
.page-menu ul#primary-nav li li a:hover span,
.page-menu ul#primary-nav li li a:focus span,
.page-menu ul#primary-nav li li a:active span {

color: #000;
}






.page-menu ul#primary-nav li a span {
	background-position: 0 0;
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
	font-weight: normal;
	background-image: none;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#primary-nav {
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	list-style: none;
	margin: -6px 0px 0px;
	padding: 0px;
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 209px;

}
#primary-nav ul {
	position: absolute;
	z-index: 1001;
	top: auto;
	display: none;
	padding-top: 9px;
	background: url(http://merewetheranglican.org.au/uploads/NCleanBlue/ultop.png) no-repeat left top;
}
* html #primary-nav ul.unli {
	padding-top: 12px;
	background: url(http://merewetheranglican.org.au/uploads/NCleanBlue/ultop.gif) no-repeat left top;
}
#primary-nav ul.unli ul {
	margin-left: -7px;
	left: 100%;
	top: 3px;
}
* html #primary-nav ul.unli ul {
	margin-left: -0px;
}
#primary-nav li {
	margin: 0px;
	float: left;
}
#primary-nav li li {
	margin-left: 7px;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* Styling the basic appearance of the menu elements */
ul#primary-nav ul hr.menu_separator{
        position: relative;
        visibility: visible;
        display:block;
        width:130px;
       	height: 1px;
       	margin: 2px 30px 2px;
	padding: 0em;
	border-bottom: 1px solid #ccc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
	height: 9px;
	width: 209px;
	margin: 0px 0px -8px;
	background: url(http://merewetheranglican.org.au/uploads/NCleanBlue/ulbtm.png) no-repeat left bottom;
}
* html #primary-nav .separator {
       z-index:-1;
	background: url(http://merewetheranglican.org.au/uploads/NCleanBlue/ulbtm.gif) no-repeat left bottom;
}
*:first-child+html #primary-nav .separator {
       z-index:-1;
}
#primary-nav ul.unli li a {
	padding: 0px 10px;
	width: 165px;
	margin: 5px;
	background-image: none;
}
* html #primary-nav ul.unli li a {
	padding: 0px 10px 0px 5px;
	width: 165px;
	margin: 5px 0px;
}
#primary-nav li li a:hover {
	background-color: #DBE7F2;

}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	background-color: #DBE7F2;

}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-image: url(http://merewetheranglican.org.au/uploads/NCleanBlue/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}



div#mysagscroller{
width: 262px;  /*width of scroller*/
height:120px;
margin-left:20px;
}

div#mysagscroller ul li{
background:#99cc66;
color:grey;
padding:10px;
margin-bottom:5px; /*bottom spacing between each LI*/
}


/*default CSS for SAG scroller*/

.sagscroller{
width: 243px; /*default width of scroller*/
height:140px;
overflow:hidden;
position:relative;
border:2px solid #dadada;
margin: 0px 0 0px 9px;

}

.sagscroller ul{
position:absolute;
margin:0;
padding:0;
background:white;
list-style:none;
width: 100%;
}

.sagscroller ul li{
display:block;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/*************** End Menu *****************/


/* Stylesheet: menu-styles Modified On 2014-10-17 08:30:15 */
/* YB: CGCalendar pour le petit calendrier*/

a {color:#666633}

a:hover {color:#red}

/* make all links green */
.calendar tr td a {
   text-decoration: none;
   color: #60553d;
}
.calendar tr td a:hover {
   color: #314b98;
}
.calendar a#month {
	color: #685e47;
}
#cal-calendar {
  border-collapse: collapse;
margin: 10px 0px 10px 0px;
}

/* nice squares for the #cal-calendar table */
#cal-calendar th {
  font-size: 80.01%;
  font-weight: normal;
  text-align: center;
  border: 2px solid #dadada;
  padding: 3px;
  width: 32px;
color:#fff;
  background-color: #21346b;
}

#cal-calendar td {
  font-size: 90.01%;
  border: 2px solid #dadada;
  vertical-align: center;
  padding: 3px;
  height: 32px;
  width: 29px;
background-color:#314b98;
color:#fff;
}


#cal-calendar td#calendar-today{
	border: 3px solid #dadada;
background-color:#aedb81;
color:#fff;

}

#smallcalnav
{  
align:center;
margin-top:10px 25px 8px 15px;
text-align:center;
width: 265px;
vertical-align:center;
}

#cal-calendar caption.calendar-month {
    padding-bottom: 15px;
padding-left:35px;
padding-right:35px;
}
 /* Les liens ne seront plus soulignés */
#cal-calendar span.calendar-prev a,
#cal-calendar span.calendar-next a {
    text-decoration: none;


}
 /* when an event exists */
#cal-calendar td.cgcalendar_event {
    background-color: #fff;
	border: 2px solid #dadada;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#cal-calendar div.cgcalendar_content {
    position: relative;
    text-align: center;
}

#cal-calendar div.cgcalendar_info{
	display:none;
z-index:10;


	position: absolute;
	
	top:11.1em;
	right:2em;
	width:200px;
	background-color: white;
	border: solid 4px #dadada;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
  list-style-type: none;
  text-align: left;

}

/* format summaries nicely in #cal-calendar */
#cal-calendar div.cgcalendar_info ul {
  text-align: left;
 margin: 0.6em 0.6em 0.6em 0.6em;z-index:10;
  list-style-type: none;
padding-left:6px;
margin-left:6px;
}

#cal-calendar div.cgcalendar_info li {
  list-style-type: none;
  padding: 5px;
z-index:10;
}

/*#cal-calendar td.cgcalendar_event:hover {
	border: 2px solid RGB(90,180,0);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}*/
#cal-calendar td.cgcalendar_event:hover div.cgcalendar_info,
#cal-calendar div.cgcalendar_info :hover{
	display:block;z-index:10;
  list-style-type: none;
}

/* YB: pour présenter la liste d'évènements */

/*Mois ou jour avec les liens précédent et suivant*/
/*YB: liste d'évènements*/
div#calendar-list-title {
    text-align: center;
    padding: 20px 0px 10px;
}
div#calendar-list-title span.calendar-previous,
div#calendar-list-title span.calendar-nextone,
div#calendar-list-title h2 {
    display: inline;
}

/*Pour la liste des champs des évènements*/
div.calendar-fields {
   padding-bottom: 0.3em;
}

.calendar-event {
	padding: 1em 0em 0.5em;
	/*margin: 0 0.5em 0.5em 0em;*/
	border-top: 1px solid #ccc;
}
.calendar-event-first {
	padding: 1em 0em 0.5em;
	/*margin: 0 0.5em 0.5em 0em;*/
}
div.calendar-details p {
	margin-bottom: 0.5em;
}

/* display the "upcominglist" as one line per entry (assuming default class and id names) */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2,
#cal-upcominglist .calendar-date,
#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}
/* Stylesheet: smallcalendar Modified On 2014-10-16 17:58:01 */
@media (min-width:768px) {
    #mainContainer {
        width: 750px;
    }
    #slides {
     height: 200px;
    }
    .imgteaser{
       margin-bottom: 36px;
       margin-right: 36px;
       width: 45%;
    }
    .LNbox, .UEbox {
       width:46%;
    }
    #middle {
       width: 430px;
    }
    .visible-xs{
       display:none;
    }
    .page-menu.util-clearfix.hidden-xs {
        display: none;
    }
}
.name-menu{
   float:left;
   padding-top: 5px;
}
.menu-img{
   float:right;
   cursor: pointer;
}
#title img{
   width:100%;
    height: auto;
}
#slides img{
  width:100%;
}
.downloads img{
  width:auto!important;
}
#middle img{
  width:100%;
  height: auto;
}
.contactform textarea{
    width:100%;
}
.right iframe{
    width:99%;
}
@media (min-width:992px) {
    #mainContainer {
       width: 940px;
    }
   #slides {
     height: 250px;
    }
   .imgteaser {
       width:30%;
       margin: 0 3% 3% 0;
    }
    .imgteaser.last {
       margin: 0 0 3% 0;
    }
    .LNbox, .UEbox {
       width:46%;
    }
    #middle {
       width: 550px;
    }
    .visible-xs{
       display:none;
    }
    .page-menu2{
       display:none;
   }
   .page-menu.util-clearfix.hidden-xs {
        display: block;
    }
}
.clearfix:before,.clearfix:after{
  content: " ";
  display: table;
}
.clearfix:after{
  clear: both;
}
#header #title{
  width:100%;
}
@media (max-width:640px) {
  #slides {
    height: 165px;
   }
   .imgteaser{
       margin-bottom: 29px;
       margin-right: 29px;
       width: 45%;
    }
    .LNbox, .UEbox {
       width:46%;
    }
   #middle{
      float:left;
      width:100%;
   }
   #slides{
     display:none;
  }
 #sidebar{
    display:none;
  }
  #menuLeftColumn{
    margin-top:0px;
 }
  .hidden-xs{
       display:none;
    }
}
@media (max-width:480px) {
  #slides {
    height: 122px;
   }
   #slides{
     display:none;
  }
 #sidebar{
    display:none;
  }
   #menuLeftColumn{
    margin-top:0px;
 }
  .visible-xs{
       display:block;
    }
  .hidden-xs{
       display:none;
    }
   .page-menu2{
       display:block; 
    }
}
@media (max-width:480px) and (min-width:320px){
   .imgteaser{
       margin-bottom: 29px;
       margin-right: 0px;
       width: 94%;
    }
   .LNbox, .UEbox {
       width:97%;
    }
    #middle{
      width: 100%;
   }
   #primary-nav li{
      float:none;
   }
   .page-menu{
      height:auto;
   }
   .page-menu ul#primary-nav li a {
      padding: 5px 18px 5px 0;
   }
   #slides{
     display:none;
  }
 #sidebar{
    display:none;
  }
   #menuLeftColumn{
    margin-top:0px;
 }
   .visible-xs{
       display:block;
    }
   .page-menu2{
       display:block;
   }
  .hidden-xs{
       display:none;
    }
}
@media (max-width:360px) {
  #slides {
    height: 90px;
   }
}
@media (max-width:320px) {
  #slides {
    height: 78px;
   }
}
.menu-header{
    padding: 0 20px;
}
.page-menu2 {
    background-color: #99ccff;
    color: white;
}
.collapse{
    padding: 0 20px 20px;
}
.nav-collapse .active{
  color:#fff;
}
/* Stylesheet: responsive Modified On 2015-03-25 20:02:49 */