body {background: url("pix/index/backdove.gif") repeat ; 
border: 0; 
font-family: "Gill Sans MT", sans-serif; 
color: #004040;
font-size: medium;
margin: 0; }

a { 
background-color: transparent;
color: black;  text-decoration: none; padding: 0px; 
margin: 1px;  
}

a:link {border: 3px solid #80c0c0; 
padding-left: 3px; padding-right: 3px;
background-color: #206060; color: white; }
a:active { border: 1px solid navy; padding-left: 3px; padding-right: 3px;}
a:visited {border: 1px solid navy; padding-left: 3px; padding-right: 3px;}

a.image {border: 1px none;  background-color: transparent; 
color: transparent; }

a.bar { color: black; margin: 1px; padding: 2px; border: 1px solid navy;}
a.bar:link {color: blue;}
a.bar:active {color: aqua; background-color: gray;}
a.bar:visited {color: gray; 
background-color: transparent;}

h2.story {display: none;}


a.tbutton { display: block; text-align: center; 
  background-color: white; color: white; 
  font-size: larger; font-weight: bold; 
  padding: 2px; border: 5px outset #a0efef;
  margin 1px; margin-left: 10px; margin-right: 10px;
}

a.tbutton:link {background-color: #004040; color: #ffffff;}
a.tbutton:active {color: blue; }
a.tbutton:visited {background-color: #407070; color: #ffffff;}

a.tbutton:link span.tbutton { color: #ffffff; 
  }
a.tbutton:visited span.tbutton { color: #ffffff; 
 }

a.tour { display: inline-block; text-align: center; 
  background-color: white; 
  font-size: larger; font-weight: bold; 
  padding: 2px; border: 5px outset #a0efef;
  margin 1px; margin-left: 1px; margin-right: 1px;
}

a.tour:link {background-color: #206060; color: white;}
a.tour:active {color: blue; }
a.tour:visited {color: #206060;}

div.menu {
font-weight: bold; 
position: fixed; width: 8em; z-index: 10;
height: auto; top: 0; bottom: auto; right: auto; left: 0;
border: 1px none green; }

div.head {
font-weight: bold; 
position: fixed; width: 140px;
height: 40%; top: auto; bottom: 0; right: auto; left: 0;
border: 1px none green; }

div.page {
overflow: hidden; 
position: absolute; width: auto;
height: auto; top: 0; right: 3em; bottom: auto; left: 10em;
border: 1px none green; }

div.center {}

div.tour { 
  display: block; white-space: nowrap;
  border: 1px none green; text-align: center;}

div.diary {}

div.special { border: 1px solid; margin-right: 200px;
  font-size: larger;}

div.lettertable {float: right;  border: 3px double #004040; 
  margin: 1px; margin-left: 10px; padding: 1px;}

div.rota {float: right;  border: 3px double #004040; 
  margin: 1px; margin-left: 10px; padding: 1px;
  }

div.read {float: right;  border: 3px double #004040; 
  margin: 1px; margin-left: 10px; padding: 1px;
  }

div.verse {margin-left: 7em; margin-top: 2em; margin-bottom; 2em;
  display: block;}
 

dt.news { font-size: medium; font-weight: bold; 
  text-align: left; margin-left: 1px;}
dd.news  { font-size: medium; font-weight: normal; 
  text-align: left; margin-left: 4em;}

h1 {font-weight: bold; font-size: xx-large;
  text-align: center; color: black;}
h1.newshead { text-align: left; margin-left: 4em; }
 
h2 { font-size: x-large; font-weight: bold;  
  text-align: center; margin-left: 2em; }
h2.byline {text-align: left;  }
h2.name { color: navy; text-align: left; }
h2.linkclass { color: navy; padding-top: 1em; padding-bottom: 1em; 
  text-align: left; }
h2.newstag { text-align: left; margin-left: 3em;}

h3 { font-style: italic; font-weight: bold;
  text-align: center;  }
h3.story { font-style: italic; font-weight: bold;
  text-align: left; margin-left: 4em; }
h3.newsdate { text-align: left; margin-left: 1em;}
h3.lettertable { margin: 1px;}
h3.minname { margin: 1px; padding: 0;}

hr {border-top: 2px solid; height:2px}

img.maintitle { display: inline-block; margin-left: auto; 
margin-right: auto; margin-top:2px; margin-bottom: 2px; 
padding: 40px; border: 1px none black; }

img.head { width; auto; height: 100%;
}

img.tour { width: auto; height: 100%; display: block; 
margin-left: auto; margin-right: auto; margin-bottom: 2em;
}

img.church { display: block; height: 200px;
  width; 20%; margin-top:2px; margin-bottom: 2px; 
  margin-left: auto; margin-right: auto;
  padding: 40px; border: 1px none black; }

img.churchl { display: block; float: left; height: 200px;
  width; 20%; margin-top:2px; margin-bottom: 2px; 
  padding: 40px; border: 1px none black; }

img.churchr { display: block; float: right;  height: 200px;
  width; 20%; margin-top:2px; margin-bottom: 2px; 
  padding: 40px; border: 1px none black; }

img.group { display: block; margin-left: auto; 
  margin-right: auto; margin-top: 2px; margin-bottom: 2px; 
  padding: 40px; border: 1px none black; width: 350px; }

img.minister { margin-left: auto; margin-right: auto;
  display: block; padding: 20px;}


img.left { float: left; display: inline; padding: 20px;}
img.right { float: right; display: inline; padding: 20px;}

ul { border: 1px none; margin-right: 200px;}
*.import { color: inherit; border: 1px none; 
    margin-left: 12px; margin-right: auto; font-weight: bold; }

li {font-weight: normal; color: navy; }

p { margin: 10px; padding-left: 30px; padding-right: 10px; }
p.head {font-weight:bold; text-align: center; margin: 0; }
p.grouptag {text-align: right; }
p.contactaddress { text-align: left; 
  margin-top: 2px; margin-bottom: 2px; }
p.newsdiary {font-weight: normal; text-align: left; font-size: medium; 
  padding-left: 60px; }
p.rota {text-align: center; font-weight: bold; 
  padding: 1px; margin: 1px;}
p.read {text-align: center; font-weight: bold; 
  padding: 1px; margin: 1px;}
p.line {display: block; font-style: italic; margin: 1px; padding: 0;}

q { display: inline; font-style: italic; font-weight: bold; }
q:before {content: "'"; }
q:after {content: "'"; }

span.tbutton { text-align: center;  
  font-size: large;  
}

span.diarydate { text-align: right; width: 10%;
  display: inline-block; font-style: italic; 
  font-weight: bold; font-size: medium; text-align: right; width: 10%;}
span.diary { display: inline; font-style: normal; 
  font-weight: normal; font-size: medium; text-align: left; padding-left: 2em;}


table { border: 1px none blue; table-layout: fixed; margin: 10px;}
table.basics { width: 99%; }
table.tour {width: 90%; margin-left: auto; margin-right: auto; }
table.read {border: 1px none #004040;}
table.letter {border: 1px none #004040; margin: 1px;}
table.rota { border: 1px none #004040;}

tr  { border: 1px none black;  padding: 1px; margin: 1px; }

td  { border: 1px none green; padding: 1px; margin: 1px; }
td.rota { border: 1px solid green; width: 7em; padding: 3px; 
  text-align: right;}
td.rname { border: 1px solid green; width: 11em; padding: 3px; }
td.letterdate { border: 1px none green; width: 5em; padding: 1px; 
  text-align: right; }
td.lettertitle { border: 1px none green; width: 15em; padding: 1px; }
td.read { border: 1px solid green; width: 5em; padding: 3px; 
  text-align: right; }
td.ref { border: 1px solid green; width: 6em; padding: 3px; }
td.ps { border: 1px solid green; width: 4.5em; padding: 3px; }
td.hymn { border: 1px solid green; width: 4em; padding: 3px; }

td.basicspic  { width: 90px; text-align: center;
 padding-top: 10px; padding-bottom: 10px;}
td.basicstext  { width: auto; text-align: left; 
 padding-top: 10px; padding-bottom: 10px;}

td.uiwnum  { width: 1em; text-align: right;
 padding-left: 2px; padding-right: 2px; }
td.uiwname  { width: auto; text-align: left; 
 padding-left: 1em; padding-right: 1em; }

td.contacttitle  { width: auto; 
  padding: 10px; font-size: larger; 
font-weight: bold;  
  text-align: right; color: black; margin-left: 2em; }

td.contactname  { width: auto; 
  padding: 10px; font-size: larger; 
  font-weight: normal;  
  text-align: center; color: black; margin: 2em; }

td.contactaddress  { width: auto; text-align: left; 
 padding: 10px; font-size: larger; font-weight: normal;  
  border: 1px solid;
  text-align: left; color: inherit; margin-left: 2em; 
  margin-top: 1px; margin-bottom: 1px;}

td.tourp {text-align: center;  border: 1px solid silver; }
td.tourr {width: auto; text-align: center; border: 1px none gray; }