body {
background-color: #f8ffea;
margin: 10 auto;
}

#contain1  {
color: Navy;
text-align: center;
width: 850px;
position: relative;
margin: 0 auto;
}
#contain2  {
color: Navy;
text-align: center;
width: 600px;
position: absolute;
left: 20px;
top: 20px;
}
#contain3 {
	position: relative;
	margin: 0 auto;
	color: Silver;
	text-align: center;
}
#contain4  {
    width: 750px;
    margin: 0 auto 0 0;
    color: Navy;
    text-align: left;
}
#contain5  {
    width: 750px;
    position: relative;
    margin: 0 auto;
    color: Navy;
    text-align: center;
}
.DioCofE1stline {
	position: absolute;
	left: 520px;
	width: 170px;
	text-align: left
}
.DioPan {
	position: absolute;
	top: 12px;
	left: 525px;
	width: 80px;
	text-align: center
}
.CofEPan {
	position: absolute;
	top: 12px;
	left: 600px;
	width: 80px;
	text-align: center
}
.WelcomePan {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 300px;
	text-align: left
}
.ContactPan {
	position: absolute;
	top: 0px;
	left: 310px;
	width: 300px;
	text-align: left
}
.eventslinks {
    border: medium #C0C0C0;
    position: relative;
    width: 700px;
    margin: 0 auto;
}
.eventspicsbuttons {
    position: absolute;
    top: 528px;
    right: 5px;
    width: 210px;
    text-align:right;
}
.eventspicsbuttons_false {
    position: absolute;
    top: 528px;
    right: 5px;
    width: 210px;
    text-align: right;
    
}
.eventspicstext {
    position: absolute;
    top: 530px;
    left:5px;
    width: 300;
}
.backtotop {
    position: absolute;
    top: 530px;
    right: 230px;
    width: 100;
}
.middle  {
position: relative;
margin: 0 auto;
}
p {
    font-family: Verdana, Tahoma, Sans-Serif;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px;
}
.tvsmall_right {
	font-size: 10px;
	text-align: right
}
.tvsmall {
	font-size: 10px;
}
.tvmed_left {
	font-size: 14px;
	text-align: left;
}
.tvmed_right {
	font-size: 14px;
	text-align: right;
}
.tvmed {
	font-size: 14px;
}
.tvlarge {
	font-size: 18px;
}
.tvenormous {
	font-size: 48px;
}
h4 {
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: normal;
}
h5 {
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 30px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: normal;
}
h1 {
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;
}
a {
	color: #4169e1;
	text-decoration: none;
}
a:visited {
	color: #1e90ff;
}
a:hover {
	color: Red;
	text-decoration: underline;
}
.aleft {
	text-align: left;
}
.aright {
	text-align: right;
}
.centre {
text-align: center;
}
.tcpurple {
	color: Purple;
}
.tcpurpleb {
	color: Purple;
	font-weight: bold;
}
.tcred {
	color: Red;
}
.tcgoldb {
	color: #daa520;
	font-weight: bold;
}
.tcblue1 {
	color: #3399ff;
}
.tcgreenb {
	color: Green;
	font-weight: bold;
}
.yviolet {
	color: #8F5E99;
}
.ygold {
	color: #FFD700;
}
.ywhite {
	color: #FFFFFF;
}
.ypurple {
	color: #A020F0;
}
.yred {
	color: #FF0000;
}
.ygreen {
	color: #008000;
}
.padding15 {
}
.padding5 {
	padding: 5px;
}
.padding70 {
	padding: 15px 70px 15px 70px;
}
 .paddingb   {
    padding-bottom: 3px;
 }
.fleft {
	float: left;
	padding: 10px;
}
.fright {
	float: right;
	padding: 10px;
}
.EventsTable p {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 12px;
}
.table2 p {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 15px;
}
.td1 {
	vertical-align: top;
	width: 75px;
}
.td1 p {
	font-weight: bold;
}
.td2 {
	width: 260px;
}
.td3 {
	vertical-align: top;
	width: 120px;
	text-align: right;
}
.td3r {
	vertical-align: top;
	width: 120px;
	text-align: right;
}
.td3r p {
	font-weight: bold;
	color: red;
}
.td4 {
	width: 230px;
	text-align: left;
}
.blgrey {
	background-color: #fffff0;
}
.bwhite {
	background-color: White;
}
.bblack {
background-color: Black;
}
.bexplore {
background-color: #cccccc;
}
.backgrey {
    background-color: #e6e6fa;
    padding: 10px;
    width: 550px;
    position: relative;
    margin: 0 auto;
    margin-bottom:15px;
}
.display1 {
	z-index: 50;
	visibility: hidden;
	position: fixed;
	right: 5px;
	top: 5px;
	background-color: #e8fee7;
	padding: 15px;
	width: 400px;
	border: solid 1px green;
}
.display1 p {
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 5px;
	text-align: left;
}
.display2 {
	z-index: 50;
	visibility: hidden;
	position: fixed;
	left: 5px;
	top: 5px;
	background-color: #e8fee7;
	padding: 15px;
	width: 450px;
	border: solid 1px green;
}
.write1 p  {
    text-align: left;
    font-family: Verdana, Tahoma, Sans-Serif;
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 8px;
    line-height: 1.3;
 }
 .write2 p  {
    text-align: center;
    font-family: Verdana, Tahoma, Sans-Serif;
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 8px;
    line-height: 1.3;
 }
 .menum1  {
    font-family: Verdana, Tahoma, Sans-Serif;
    font-size: 12px;
    border: solid 1px LightGreen;
    position: relative;
    margin: 0 auto;
   }
.menud1  {
    text-align: left;
    z-index: 100;
    font-family: Verdana, Tahoma, Sans-Serif;
    font-size: 10px;
    padding: 1px 3px 2px 2px;
    border: solid 1px green;
}
.menust1 {
    background-color: #ffffcc;
    border: solid 1px Green;
    width: 95px;
 }
.menusel1  {
    background-color: #FFCC66;
}
.menuhover1 {
    background-color: #effcef;
}
.marginl100 {
	margin-left: 100px;
}
.marl200 {
    margin-left: 175px;
    }
.map2 {
	font-family: Arial, Helvicta, Sans-Serif;
	text-align: left;
	font-size: 15px;
	margin-left: 33px;
	margin-top: 0;
	margin-bottom: 0;
}
#map3 {
	background-color: #ffffff;
	color: navy;
}
.map4 {
	height: 96%;
	width: 100%;
	font-family: Arial, Helvicta, Sans-Serif;
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}
.buttonlarge  {
    font-family: Verdana, Tahoma, Sans-Serif;
    font-size: 20px;
    font-weight: bold;
   color: Navy;
}
.push {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: navy;
}
.lpush {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: navy;
	width: 150px;
}
.bord0  {
border-width: 0;
}
.frtim  {
    z-index: 5;
    position: absolute;
    left: 70px;
    top: 60px;
    font-weight: bold;
    color: #9400d3;
}
.one {
  position: absolute;
  left: 50px;
  top: 230px;
    }
.two {
  position: absolute;
  left: 80px; 
  top: 395px; 
   }
 .three  {
   position: absolute;
  left: 270px; 
  top: 165px; 
   color: White;
  } 
 .four {
  position: absolute;
  left: 420px; 
  top: 395px; 
   }
   .wordsetup     {
    position: absolute;
    left: 30px;
    top: 660px;
    color: #cccccc;
    width: 710px;
   }
 .wordplan  {
    position: absolute;
    top: 430px;
    left: 40px;
    color: #ffffe0;
      z-index: 10;
     }
.wordplan  p {
       font-size: 20px;
   }
.wordhappen  {
    color: #cccccc;
   }
.wordhappen  p {
       font-size: 20px;
   }
#planpos    {
    position: absolute;
    left: 40px;
    top: 175px;
 }
 #thomas1 {
    position: absolute;
    left:480px;
    top: 470px;
}
#thomas2 {
    position: fixed;
    left: 80px;
    top: 20px;
    width: 370px;
    visibility: hidden;
    background-color: #fffacd;
    padding: 10px;
    z-index: 10;
}
#pulpit1  {
    position: absolute;
    left: 440px;
    top: 420px;
}
#pulpit2  {
   position: fixed;
   width: 370px;
    left: 10px;
    top: 20px;
    visibility: hidden;
    background-color: #fffacd;
    padding: 10px;
    z-index: 10;
}
#lectern1 {
    position: absolute;
    left: 440px;
    top: 340px;
}
#lectern2 {
 position: fixed;
   width: 370px;
    left: 25px;
    top: 20px;
    visibility: hidden;
    background-color: #fffacd;
    padding: 10px;
    z-index: 10;
}   
#nave1 {
    position: absolute;
    left: 220px;
    top: 390px;
}
 #nave2 {
    position: fixed;
    left: 300px;
    top: 20px;
    width: 370px;
    visibility: hidden;
    background-color: #fffacd;
    padding: 10px;
    z-index: 10;
}
#grave1 {
    position: absolute;
    left: 35px;
    top: 415px;
}
 #grave2 {
    position: fixed;
    left: 100px;
    top: 20px;
    width: 490px;
    visibility: hidden;
    background-color: #fffacd;
    padding: 10px;
    z-index: 10;
}
#altar1 {
    position: absolute;
    left: 655px;
    top: 390px;
}
 #altar2 {
    position: fixed;
    left: 250px;
    top: 20px;
    width: 370px;
    visibility: hidden;
    background-color: #fffacd;
    padding: 10px;
    z-index: 10;
}
#font1 {
    position: absolute;
    left: 170px;
    top: 390px;
} 
#font2  {
    position: fixed;
    left: 220px;
    top: 20px;
    width: 370px;
    visibility: hidden;
    background-color: #fffacd;
    padding: 10px;
    z-index: 10;
}
#organ1 {
    position: absolute;
    left: 555px;
    top: 340px;
}
#organ2 {
 position: fixed;
   width: 500px;
    left: 25px;
    top: 20px;
    visibility: hidden;
    background-color: #fffacd;
    padding: 10px;
    z-index: 10;
}
#hale1 {
    position: absolute;
    left:495px;
    top: 500px;
}
#hale2 {
    position: fixed;
    left: 80px;
    top: 20px;
    width: 370px;
    visibility: hidden;
    background-color: #fffacd;
    padding: 10px;
    z-index: 10;
}
#bvm1 {
    position: absolute;
    left:360px;
    top: 500px;
}
#bvm2 {
    position: absolute;
    left: 20px;
    top: 100px;
    width: 500px;
    visibility: hidden;
    background-color: #fffacd;
    padding: 10px;
    z-index: 10;
}
#lych1 {
    position: absolute;
    left:700px;
    top: 185px;
}
#lych2 {
    position: fixed;
    left: 360px;
    top: 100px;
    width: 300px;
    visibility: hidden;
    background-color: #fffacd;
    padding: 10px;
    z-index: 10;
}
#door1 {
    position: absolute;
    left:145px;
    top: 185px;
}
#door2 {
    position: fixed;
    left: 200px;
    top: 100px;
    width: 500px;
    visibility: hidden;
    background-color: #fffacd;
    padding: 10px;
    z-index: 10;
}
#frrel {
    z-index: 5;
    position: relative;
    left: -185px;
    top: -30px;
    font-weight: bold;
}