.table{display: table}
.td{display: table-cell}
.tr{display: table-row}
a:link, a:visited{color:#006}
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}
@media screen and (min-width: 980px){
	body{
		background-image:url(/images/butterfly-background-desktop.jpg);
		/*background-image:url(/images/winter-1600.jpg);
		background-image:url(/images/autumn-desktop.jpg);*/
		background-repeat:no-repeat;
		background-position:center;
		background-attachment: fixed;
		background-size: cover;
	}
}	
body.tofit{background-image:none}
.bottom_div{
	text-align:center; 
	padding-top:40px;
}
.center{
	text-align: center;
	margin: 0 auto;
}
.church-gallery{width: 90%}
.church_menu_box{
	float: right;
	clear: right;
	text-align: center;
	border: solid 0 #000;
	display: block;
	border: 2px solid #000;
	padding: 10px;
	border-radius: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.churchmenu-full .church_menu_box{
	float:none;
	float:none;
	width: calc(100% - 60px);
	margin: 10px;
	clear:both;
}
.church_menu_box ul,.church_menu_box li{
	list-style:none;
	margin:5px 0;
	padding:0;
}
.church_menu_main{margin-top:0}
.churches-on-gallery .church_menu_box{width: 100px}
.maintext .event_menu_main p{
	margin: 0;
	padding-top: 0;
}
.circleimage{
    background-position: center center;
    background-size: cover;
    border-image: none;
    border-radius: 0 0 450px 450px;
    border: 2px solid #000;
    float: right;
    margin-bottom: 20px;
    width: calc(50% - 20px);
}
.container{width: 991px}
.copytext div, .copytext a{
	font-size: x-small;
	text-align: right;
	color: #333;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.maintext h3.eventhead{
	margin-bottom: 10px;
	margin-top: 0;
	padding-top: 0;
	text-align: left;
}
.event_filter_box{	
	float: right;
	clear: right;
	text-align: center;
	padding: 20px;
	margin: 20px 20px 20px 0;
	width: 45%;
}
.event_filter_box p{margin: 0}
.eventimgcell{
	background-position: center;
    background-size: cover;
    border: 3px solid #000;
    border-radius: 43px; 
    display: block;
    float: left;
    height: 168px;
    margin: 10px 10px 10px 5px;
    overflow: hidden;
    width: 120px;
}
.eventcell{
	display: block; 
	float: left;
}
.eventmid{
	border-radius: 10px;
	display: block;
}
.eventmore{
	margin-top: 0;
	font-size:12px;
}
.eventrow{width: 100%}
.eventsub{margin: 5px 0 0}
.eventsummary,.newssummary{
	display: table;
	margin-bottom: 10px;
}
.newssummary:not(.showInFull),.eventsummary:not(.table){
	display: inline-block;
    float: none;
    width: 50%;
	vertical-align:top;
}
.newssummary:not(.table):nth-child(2n+1),.eventsummary:not(.table):nth-child(2n){clear: both}
.eventsummary p{margin: 0 0 20px}
.eventsummary h4{margin-top: -10px}
.footer{
	height: 38px;
	clear: both;
}
.fullcell{margin: auto 10px}
h1,h2,h3,h4,h5{font-family: Arial, Helvetica, sans-serif}
h3{font-size:22px}
h4,h4 a:link, h4 a:visited{
	font-size:14px;
	text-decoration:none;
}
.header{
	background-image:url(/images/butterfly-background-600px.jpg);
	/*background-image:url(/images/winter-600.jpg);
	background-image:url(/images/autumn-600px.jpg);*/
	background-repeat:no-repeat;
	height: 199px;
  	background-position: top right;
  	background-size: cover;
}
@media screen and (min-width: 600px){
	.header{background-image: url(/images/butterfly-background-1000px.jpg)}
	/*.header{background-image: url(/images/winter-1000.jpg)}
	.header{background-image: url(/images/autumn-1000px.jpg)}*/
}
@media screen and (min-width: 980px){
	.header{background-image: none}
	/*.header{background-image: url(/images/autumn-mob-500.jpg)}*/
}
.lowermenu, .lowermenu a:link, .lowermenu a:visited{
	padding-bottom:36px; 
	color:#FFF; 
	text-decoration:none;
}
.lowermenu a:hover{
	color:#F85226;
	text-decoration:underline;
}
.maintext{
	background-image: linear-gradient(#ddddff, #fff, #fff);/*
	background-image:url(/images/bluefade.jpg);*/
	background-position:top;
	background-repeat:repeat-x;
	min-height: 409px;
}
.maintext h1{font-size:24px}
.maintext h1, .maintext h2, .maintext h3, .maintext p{
	margin-top:0;
	padding-top:10px;
}
.eventcell{max-width: 290px}
.maintext p.mini{
	font-size: 14px;
	margin: 5px auto;
	padding-top:0;
}
.menubar, .footer{
	background-color:#000;
	color:#FFF;
}
.menubar{height: 43px}
.middle-column{
	border-top: 2px solid #000;    
	text-align: left; 
	padding-left: 10px;
	min-height:500px;
  	height:auto !important;
	float:none;
  	background-color: #fff;
}
.middle-column h3{margin-top:0}
.news-box-top,.news-box-btm{
	width: 443px; 
	height: 21px;
}
.news-box-top{background-image: url(/images/events/event-box-top.png)}
.news-box-btm{background-image: url(/images/events/event-box-btm.png)}
.servicedate{
	border-bottom: solid 1px #000; 
	width: 100%; 
	margin: 0;
}
.services{
	border-radius: 10px;
	margin:0; 
	padding: 0 10px 0 0; 
	text-align: left;
}
.services a:visited, .services a:link{font-size: 16px}
.services h3{clear: left}
.services h4{
	margin-bottom: 0;
	font-size:16px;
	clear: left;
}
.services p{padding: 0}
.shadow{width: 1008px}
#topheader{
	width: 991px;
	display: block;
	height: 199px;
}
#topheader span{display: none}
.pag_bar{
	width: 413px;
	padding: 5px;
	display: block;
	height: 20px;
	clear: left;
}
.pag_prev,.page_next{
	width: 25%;
	float: left;
	display: block;
}
.page_next{text-align: right}
.pag_pages{
	width: 50%;
	float: left;
	display: block;
	text-align: center;
}
td{vertical-align: top}
.tdfooter{height: 40px}
td,th {font-family: Arial, Helvetica, sans-serif}
/* Main Top Menu */
#topnav{min-height: 40px}
body #topnav{
	background-color:#000;
	height: 48px;
}
body #topnav li a{
	border-right: 2px solid #fff;
	font-size: 18px;
	color:#FFF;
	margin: 10px 0 12px;
	padding: 0 19px;
	line-height: normal;
	background-color:#000;
}
body #topnav li li a{border: 0 solid #000}
body #topnav li a:hover{color:#CCFFCC}
#nav a#contact{border-right: 0 solid #000}

/* footer */
#nav li.footsmall a, #nav li.footbig a{
	float: none;
    line-height: inherit;
	display: inline-block;
}
#nav li.footsmall, #nav li.footsmall:hover{
	text-align: right;
	font-size: 12px;
	padding: 5px 10px;
}
#nav li.footbig, #nav li.footbig:hover{
	text-align: left;
	font-size: 20px;
	padding: 10px 20px;
}
a#foot-exeter{
	background-image: url(/images/btm-menu/5-diocese-of-exeter.jpg);
	width: 80px;
	height: 38px;
}
#nav li.coe, #nav li.exe, #nav li.footsmall{float: right}
a#foot-exeter span{display: none}
a#foot-coe{
	background-image: url(/images/btm-menu/6-church-of-england-in-devon.jpg);
	width: 108px;
	height: 38px;
}
a#foot-coe span{display: none}
.circlewindow{
	/*background-image: url(/images/windows/circle-window.png);*/
	width: 100%;
	height: 330px;
	display: block;
}
.circlewindow span, .youthwindow span, .church_menu_main a span{display: none}	
.church_menu_main ul, .church_menu_main li{
	list-style: none;
	padding: 0;
	margin: 0;
}
.churchInfo,.churchNews,.churchServices,.churchEvents,.churchGallery{
	width: 97px;
	height: 120px;
	display: inline-block;
	border:0;
	float: left;
}
.churchInfo{background-image: url(/images/icons/info.png)}
.churchNews{background-image: url(/images/icons/news.png)}
.churchServices{background-image: url(/images/icons/calendar.png)}
.churchEvents{background-image: url(/images/icons/events.png)}
.churchGallery{background-image: url(/images/icons/photos.png)}
.leftcol,.rightcol{
  	width: calc(50% - 4px);
  	display: inline-block;
  	clear: both;
  	vertical-align: top;
}
.leftcol{margin-bottom: 50px}
.rightcol{float: none}
.minilogo{
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 58px;
	min-height: 74px;
}
.mobile-only{display: none}
.full-only{display: block}
.gallerygrid{
	display: table;
	width: 90%; 
	border: 0; 
	padding: 5px;
}
.gtr{display: table-row}
.gtd{
	display: table-cell;
	width: 20%; 
	text-align: center;
	height: 115px;
	font-size: 13px;
}
.new{color: red}
form .td{vertical-align: top}
form .td input, form .td select, form .td textarea{
	padding: 5px;
	margin-bottom: 10px;
}
.hidden{display:none}
.error{color:red}
.postit{background-color:#FFFFCC;border:1px dotted #000;padding:10px;margin:0 10px 10px 0;border-radius:10px}
.pag .btm {
  	display: inline-block;
  	padding: 10px
}
.btm.pagLeft, .pagRight{width: 25%}
.btm.pagMid {
  	width: 50%;
  	text-align: center;
}
.btm.pagRight{text-align: right}
.btm.pagMid {width: calc(50% - 60px)}
.risk{border: 2px solid #000}
.risk .cols{width:14%}