body {background: url("pix/index/backdoveb.png") repeat ; 
  border: 0; margin: 0; 
  font-family: Verdana, Arial, sans-serif; color: #0000c0;}

#ups { background-color: yellow; text-align: center; color: blue;
  display: block; font-weight: bold; font-size; large; height: 2em;
  padding-left: 3em;  padding-right: 11em;  margin: 0;}

#banner { background-color: #ffff00; text-align: center; color: blue;
  display: block; font-weight: bold; font-size; xx-large; height: 5em;}

#bannerblock { background-color: transparent; width: "50%"; 
  margin: auto;  font-size: 2em; position: relative; top: 0.5em; }

#logo { background-color: transparent; color: yellow;
  border-style: none; height: 7em;}

#menu { font-weight: normal; 
  position: fixed; width: auto; z-index: 10;
  height: auto; top: 0; bottom: auto; right: auto; left: 0;
  border-style: none;  background-color: transparent; }

#page { position: absolute; left: 11em; top: 7em;
  font-weight: normal; width: auto; 
  height: auto; margin-left: 2em;
  border-style: none; background-color: transparent; }

#miss { width: "90%"; margin-left: auto; margin-right: auto; 
  margin-top: 1px; margin-bottom: 10px; 
  text-align: center; font-style: italic; }

a {background-color: #f0f0ff; text-decoration: none; 
  color: #0000c0; border: 1px solid #404040; }
a:link {  }
a:active {color: #ffff30; background-color: #0000c0;}
a:visited {color: #000060; }
a:hover {color: #ffff30; background-color: #0000c0;}

a.name {background-color: transparent; text-decoration: none; 
  color: #0000c0; border: 1px none; }
a.name:link {  }
a.name:active {color: #ffff30; background-color: #0000c0;}
a.name:visited {color: #000060; }
a.name:hover {color: #ffff30; background-color: #0000c0;}

a.image {background-color: transparent; border-style: none; 
  color: transparent; }
a.image:link {background-color: transparent; border-style: none;  
  }
a.image:active {background-color: transparent; border-style: none;  
  }
a.image:visited {background-color: transparent; border-style: none;  
  }
a.image:hover {background-color: #0000ff; border: 1px solid #0000ff;  
  }

a.name {background-color: transparent; border-style: none; 
  color: black; }
a.name:link {  
  }
a.name:active {  
  }
a.name:visited {  
  }
a.name:hover {  
  color: blue; }

a.challenge {  }
a.challenge:link { }
a.challenge:active { }
a.challenge:visited { }
a.challenge:hover { }

a.churches { border: 1px none; }
a.churches:link { }
a.churches:active { }
a.churches:visited { }
a.churches:hover { }

a.head {background-color: transparent; border-style: none;}
a.head:link {color: #0000ff; }
a.head:active {color: #00ff00; }
a.head:visited {color: #0000ff; }
a.head:hover {color: #00ff00; }

a.tag { display: block; text-align: center; text-decoration: none;
  background-color: white; color: white; 
  font-size: normal; font-weight: normal; 
  padding: 1px; padding-top: 0.2em; border: 5px outset #efefa0;
  margin 1px; margin-right: 10px; height: 1.4em; width: 9em; }

a.tag:link {background-color: #ffffe0; color: #4040ff; }
a.tag:active {color: blue; }
a.tag:visited {background-color: #ffffe0; color: #000000; }
a.tag:hover {background-color: #c0c0ff; color: #ffffff; }

a.tag:link span.tag { color: #000000; }
a.tag:visited span.tag { color: #000000; }
a.tag:hover span.tag { color: #000000; background-color: #c0c0ff; }

div.tail { font-weight: normal; font-size: small;
  position: fixed; width: auto; 
  height: auto; bottom: 0; left: 0;
  border-style: none; background-color: transparent; }

div.right {width: "60%";  margin: 0; }

div.churchtext {display: inline-block; width: "60%"; }

div.affirm {display: block; width: 70%; float: right; }


h1 {font-size: x-large; font-weight: bold; width: "90%"; height: 1.5em;
  padding-left: 5em;  color: #000060; white-space: nowrap; display: block;}
h1.challenge {}
h1.churches {}
h1.headspace { padding-top: 3em; }
h1.cwt { width: auto; margin-left: auto; margin-right: auto; 
  padding-left: 0; padding-right: 0; 
  text-align: center; }


h2 {font-size: large; font-weight: bold;
  padding-left: 3em; color: #000060;}
h2.topics { }
h2.churches { }
h2.struct { }

.left { width: "40%"; float: left; margin: 3em;}
.right {width: "40%"; float: right;  margin: 3em; overflow: hidden;}

hr.name { width: "40%";}

input.opt {type: image; height: 15px; width: 15px;}

li {margin-top: 12px; margin-bottom: 12px; }

p { width: "90%"; margin-left: auto; margin-right: auto; 
  margin-top: 10px; margin-bottom: 10px; font-size: medium; font-weight: normal;
  text-align: left; font-style: normal; color: #000060; }

p.tail { margin-top: 1px; margin-bottom: 1px; }

p.newshead { font-weight: bold; margin-top: 10px; margin-bottom: 5px;}
p.newsitem { }

p.chtag { margin: 1px; margin-top: 1em; font-weight: bold; }
p.chdata { margin: 1px; margin-top: 5px; margin-bottom; 5px; }

p.mission { font-style: italic; }
p.mission:before { content: open-quote; }
p.mission:after { content: close-quote; }

p.mission { font-style: italic; font-weight: bold; font-size: small; }
p.policy { font-style: italic; font-size: small; }

p.struct { margin-left: 1px;}
p.exoff {font-weight: bold; margin-top: 2em; }
p.offjob {font-weight: bold; margin-left: 3em; }
p.socoff { }
p.socemail { font-style: italic; }

span.tag { margin-top: 1.2em; border: 1px none red;}
span.staffpost { font-weight: bold; }

table {table-layout: fixed; background-color: transparent;}
table.churches { }
table.struct { }
table.cwt { width: "100%"; margin-left: auto; margin-right: auto; 
  padding-left: auto; padding-right: auto;}

tr.cwt { height: 120px; }
td.cwlt {width: 120px; }
td.cwt { margin-left: auto; margin-right: auto; }
td.cwrt { width: 120px; }

td { background-color: transparent; color: #000040; }
td.churches { width: "25%"; text-align: center; 
  background-color: #f0f0ff; }

td.sttitle { width: "20%"; text-align: center; 
  background-color: #f0f0ff; 
  border: 1px solid #ff0000; }
td.stname { width: "15%"; text-align: center; 
  background-color: #f0f0ff;
  border: 1px solid #00ffff; }
td.stjob { width: "45%"; text-align: center; 
  background-color: #d0d0ff;  
  border: 1px solid #808000; }
td.stsub { width: "20%"; text-align: center; 
  background-color: #d0d0ff; 
  border: 1px solid #0000ff; border-left: 1px none #0000ff; }

td.photob {padding: 0; margin: 0; text-align: left; overflow: hidden;
  border: 1px none aqua; width: 10px;} 
td.photo {padding: 0; margin: 0; text-align: left; overflow: hidden;
  border: 1px none aqua; width: 150px;} 

img { background-color: transparent; color: transparent; }

img.staffpix {float: left; margin: 3em; width: 150px; height: 170px; }
img.sphoto {width: 100px; height: 113px; }
img.churchpix {float: left; margin: 3em; width: "20%"; }
img.opt {width: 15px; height: 15px;}