/*
CSS for Fr Donald Membery - RIP

Author:	Kevin Johnson
Date:	18th Jan 2009

*/

body
  {
  margin : 0% ;
  font-family : Arial, Helvetica narrow ;
  font-size : 12pt ;
  font-style : normal ;
  color : #991199 ;
  background : #FF99FF ;
  padding: 15px ;
  height : 99% ;
  }
/*
headings:
  h1, h2	colour - hlp codes (high-light-prime)
  h3			colour - hls codes (high-light-secondary) 
  h4			colour - hlt codes (high-light-terciary) 
*/	
h1, h2, h3, h4
  {
  font-family : Lucida Calligraphy, Arial, Helvetica narrow ;
  }
h1 , h2
  {
  color : #551155 ;
  background : transparent ;
  }
h1
  {
  font-size : 150% ;
  margin : 0px ;
	margin-bottom : 15px ;
  border : 0px ;
  }
h2
  {
  font-size : 110% ;
  margin : 0px ;
  margin-bottom : 15px ;
  }
h3
  {
  clear : both ;
  font-size : 100% ;
  color : #FF99FF ;
  background : #551155 ;
  padding : 5px ;
  margin-top : 3px ;
  margin-bottom : 3px ;
  }
hr
  {
  clear : both ;
  color : #551155 ;
  height : 1px ;
  }
.wrap
  {
  clear : none ;
  }
p, dl
  {
  margin-top : 0px ;
  padding-left : 5px ;
  padding-right : 5px ;
  }
form p
  {
  font-size : 90% ;
  padding : 5px ;
  }
legend
  {
  font-size : 80% ;
  color : #1111ff ;
/* (none)
  color : (none) */;
  }
label
  {
  width : 10em ;
  text-align : top ;
  }
a
  {
  font-weight : bold;
  text-decoration : none;
  padding : 2px ;
  }
a img
  {
  border : none ;
  }
a:link
  {
  color : #1111ff ;
  }
a:visited
  {
  color : #111155 ;
  }
a:active
  {
  color : #ddddff	;
  }
a:hover
  {
  color : #1111ff	;
  background : #bbbbff ;
  }
.cent
  {
  text-align : center ;
  }
.eLink
  {
  font-weight : normal ;
  text-align : center ;
  }
marquee
  {
  color : #551155 ;
	font-size : 150% ;
  font-weight : bold ;
  background : transparent ;
  }
q
  {
  font-Family : Lucida Calligraphy, Tahoma, Arial ;
  font-Style : italic ;
  color : #1111ff ;
/* (none)
  color : (none) */;
	padding-right : 0.5em ;
	quotes : none ;
  }
.b
  {
  background : #000000 ;
  color : #ddddff ;
/* (none)
  color : (none) */;
  }
.ir
  {
  margin-left : 20px ;
  float : right ;
  }
.il
  {
  margin-right : 20px ;
  float : left ;
  }
.ist
  {
  margin-top : 20px ;
  }
.ar
  {
  margin-left : 20px ;
  text-align : right ;
  }
.al
  {
  margin-right : 20px ;
  text-align : left ;
  }
.call
  {
  clear : both ;
  }
.splash
  {
  font-size : 130% ;
  }
.content, .contentMobile
  {
  position : static ;
  margin-top : 90px ;
  margin-left : 140px ;
  padding-left : 5px ;
  padding-right : 5px ;
  z-index : -100 ;
  }
.contentMobile
  {
  margin-top : 5px ;
  margin-left : 5px ;
  }
.box
  {
  font-family : verdana, Comic Sans MS ;
  font-style : italic ;
  font-weight : normal ;
  font-size : 110% ;
  font-stretch : ultra-expanded ;
  text-align : center ;
  color : #1111ff ;
/* (none)
  color : (none) */;
  background : #9999ff ;
/* (none)
  background : (none) */;
  padding : 20px ;
  width : 500px ;
  margin : 1em ;
  }
.kids
  {
  font-family : Lucida Handwriting, Comic Sans MS ;
  font-style : italic ;
  font-weight : light ;
  font-size : 140% ;
  font-stretch : ultra-expanded ;
  color : #ddddff ;
/* (none)
  color : (none) */;
  background : #111177 ;
/* (none)
  background : (none) */;
  padding : 20px ;
  margin-left : 20px ;
  margin-right : 20px ;
  }
.inaction
  {
  font-family : verdana ;
  font-style : normal ;
  font-weight : normal ;
  font-size : 110% ;
  font-stretch : ultra-expanded ;
  color : #111177 ;
/* (none)
  color : (none) */;
  background : #bbbbff ;
/* (none)
  color : (none) */;
  padding : 15px ;
  margin-left : 20px ;
  margin-right : 20px ;
  }
.tinytext
  {
  font-size : 55% ;
  }
.tight
  {
  padding : 0px ;
  margin : 0px ;
  }
.events
  {
  width : 98% ;
  }
.date, .time
  {
  width :10ex ;
  padding-right : 5px ;
  text-align : right ;
  }
.activity
  {
  padding-left : 5px ;
  border-left : 1px solid #9999ff ;
/* (none)
  border-left : (none) */;
  }
.bookverse
  {
  width :24ex ;
  }
.biblelink
  {
  width :4ex ;
  }
.prayers ul
  {
  margin-left : 1.5em ;
  margin-top : 0px ;
  margin-bottom : 0px ;
  }
.prayers
  {
	padding-left : 4px ;
  border : 1px solid #9999ff ;
/* (none)
  border : (none) */;
  }
 
.sunday
  {
  background : #bbbbff ;
/* (none)
  background : (none) */;
  }
.sunday .activity
  {
  background : #bbbbff ;
/* (none)
  background : (none) */;
  }
.newday td
  {
  border-top : 1px solid #9999ff ;
/* (none)
  border-top : (none) */;
  }
.faint
  {
  color : #3333ff ;
/* (none)
  color : (none) */;
  }
.flash
  {
  position : relative ;
  float : left ;
  left : -85px ;
  top : -25px ;
  }
.credit
  {
  font-family : Tahoma, Arial ;
  font-size : 90% ;
  font-weight : bolder ;
  font-style : italic ;
  color : #1111ff ;
  /* (none)
  color : (none) */;
  }
.webcrawl
  {
  font-size : 70% ;
  text-align : center ;
  }
.webcrawl a
  {
  font-weight : light ;
  }
.newsletter fieldset
  {
  padding-left : 10px ;
  }
.newsletter	label
  {
  display : block ;
  font-weight : bold ;
  }
.newsletter input, textarea, select
  {
  font-size : 90% ;
  background : #bbbbff ;
/* (none)
  background : (none) */;
  }
.newsletter #submit
  {
  float : right ;
  margin : 10px ;
  }
.nlbannerbox
  {
  text-align : center ;
  margin : 0px ;
  padding : 0px ;
  }
.nlbanner
  {
  width : 100% ;
  }
.listalphasq li
  { 
  list-style : lower-alpha ;
/*
  display : marker ;
  content : "[" counter(counter, lower-alpha) "]" ;
  counter-increment : counter ;
*/
  }
.name
  {
  empty-cells : show ;
  border-collapse : collapse ;
  border : 1px dotted #9999ff ;
  }
.name tr
  {
  margin : 0px ;
  border : #9999ff 1px dotted ;
  }
.name td
  {
  border : #9999ff 1px dotted ;
  border-left : none ;
  border-right : #9999ff 1px dotted ;
  margin : 0px ;
  padding : 5px ;
  }
map
  {
	outline : red thin dotted ;
	}
#Diagnostic
  {
  font-size : 90%;
  color : #ddddff ;
/* (none)
  color : (none) */;
  background : #111155 ;
/* (none)
  background : (none) */;
  padding : 10px ;
  margin-bottom : 0px ;
  position : absolute ;
  left : 25px ;
  top : 25px ;
  width : 700px ;
  z-index : 100 ;
  visibility : hidden ;
  }
.HeadBar
  {
  background : #7777ff ;
/* (none)
  background : (none) */;
  display : block ;
  padding : 10px ;
	padding-bottom : 5px ;
  top : 0px ;
  }
#HeadBar
  {
  position : absolute ;
  background : #7777ff ;
/* (none)
  background : (none) */;
  display : block ;
  padding-top : 10px ;
  padding-left : 10px ;
  padding-right : 10px ;
  width : 99% ;
  top : 0px ;
  left : 140px ;
  z-index : 5 ;
  }
body > #HeadBar
  {
  position : fixed ;
  }
#HeadBar hr
  {
  color : #ddddff ;
  /* (none)
  color : (none) */;
  }
#NavGap
  {
  font-size : 0pt ;
  height : 2px ;
  margin : 0px ;
  padding : 0px ;
  }
#NavSpacer
  {
  margin : 0px ;
  }
#NavFoot
  {
  font-size : 75%;
  line-height : 75% ;
  text-align : center ;
  margin : 0px ;
  color : #ddddff ;
/* (none)
  color : (none) */;
  }
#NavFoot form
  {
  text-align : left ;
  padding : 2px ;
  margin : 0px ;
  margin-bottom : 3px ;
  }
#NavFoot fieldset p
  {
  margin : 0px ;
  padding : 0px ;
  padding-top : 5px ;
  padding-left : 4px ;
  color : #ddddff ;
/* (none)
  color : (none) */;
  }
#NavFoot legend
  {
  font-size : 95% ;
  color : #ddddff ;
/* (none)
  color : (none) */;
  }
#NavFoot input
  {
  font-size : 8pt ;
  font-family : arial ;
  color : #1111ff ;
/* (none)
  color : (none) */;
  margin : 2px ;
  margin-top : 4px;
  margin-bottom : 0px ;
  width : 10ex ;
  }
#NavFoot a
  {
  font-weight : normal ;
  }
.Mobile
  {
  font-size : 60% ;
  font-style : italic ;
  text-indent : 0px ;
  color : #dddddd ;
  background : #666666;
  display: block ;
  position : absolute ;
  top : 0px ;
  padding : 0px 10px ;
  cursor : nw-resize ;
  }
body > .Mobile
  {
  position : fixed ;
  }
#sacredspace
  {
  font-size : 90%;
  background : #9999ff ;
/* (none)
  background : (none) */;
  padding : 10px ;
  margin-bottom : 0px ;
  position : absolute ;
  left : 10px ;
  top : 95px ;
  width : 755px ;
  height :385px ;
  z-index : 100 ;
  visibility : hidden ;
  overflow : auto ;
  }
#ssdpwin
  {
  width : 750px ;
  height : 365px ;
  margin : 2px ;
  }
.closetext
  {
  cursor : hand ;
  font-size : 80% ;
  }
.pledge
  {
	margin : 1.5% ;
	border : 6px solid double ;
	padding : 1% ;
	}
.pledge .spacer
	{
	width : 65px ;
	}
.pledge .sigbox
  {
	margin : 0px ;
	height : 40px ;
	border : 2px inset ;
	}
.pledge fieldset div
  {
	padding : 5px ;
	}
.printinstructions
  {
	margin : 2.5% ;
	border : 1px outset ;
	padding : 2.5% ;
  background : #7777ff ;
/* (none)
  background : (none) */;
  display : block ;
	}
/*
Diagnostic background colours
*/
/*
.NavBar			{
background : teal ;
}
.NavBar a span	{
background : green ;
}
#HeadBar		{
background : green ;
}
#NavGap			{
background : yellow ;
}
#NavSpacer		{
background : pink ;
}
#NavFoot		{
background : silver ;
}
*/
@media handheld {
#NavBar
{
visibility : hidden ;
}
#HeadBar
{
position : fixed ;
width : 90% ;
}
.content
{
margin-top : 5px ;
margin-left : 5px ;
}
}
@media print {
.printinstructions
  {
	visibility : hidden ;
	}
.postTo
  {
	visibility : visible ;
	}
}

