/* colour and font specs for the blue-background styles */
body
 {
   background: #5b8cbf; color: #ffffff;
   margin-top:0; margin-left:0;
   font-size:80%;
   font-family:"Gill Sans","Lucida Sans Unicode",Trebuchet,Verdana,Monaco,Swiss,Arial,sans-serif;
 }
A:link    {color: #ffffff;}
A:visited {color: #ffffff;}
h1 {font-size:150%; font-weight:bold; margin-top:2em; margin-bottom:1em;}
h2 {font-size:130%; font-weight:bold; margin-top:2em; margin-bottom:1em;}
h3 {font-size:110%; font-weight:bold; margin-top:2em;}
h4 {font-size:100%; margin-top:1em;margin-bottom:0.5em;}
h5 {font-size:100%; margin-top:0.8em; margin-bottom:0.2em;}
h6 {font-size:90%;  font-weight:bold; margin-top:0em;  margin-bottom:0em;}
/* layout styles available to entire site */
/* main layout  */
/* maintext is used fro big chunks of text */
/* left/right/centrebar are a "table replacement" and still need work  */
/* (also poss enclosing in an outer block   */
#abovebar {margin: 10px; padding: 10px;}
#headtext {margin: 10px; padding: 20px;}
#maintext {margin: 10px; padding: 20px;}
#foottext {margin: 10px; padding: 10px;}
.leftbar {float: left; clear: left; width: 18%;  font-size: 90%;}
.centrecol {float: left;  width: 70%; padding: 10px;}
.rightbar {float: right;   width: 6%; font-size: 90%;}
/* mark-up for news items */
.news      {margin-left:8%; margin-right:8%; float:left; width:80%; clear:both;}
.newshead  {margin-top:1.5em; clear:both;}
.newsitem  {margin-top:0.2em; margin-bottom:0.6em; margin-left:4%; margin-right:4%;}
.newsfixed {font-size:90%; margin-top:0.2em; margin-left:4%; white-space:pre;  clear:both;}
/* present items in a columnar  form with each dd to the right of associated dt */
/* (doesn't work very well - need ensure dts don't flow into the wrong dd) */
dl.newslist {width:90%;}
dt.newslisthead {font-size:100%; width:16%; float:left; text-align: right;  clear:both;}
dd.newslisthead {font-size:100%; width:78%; float:right;  clear:both;}
dt.newslistitem {font-size:90%; width:16%; float:left; text-align: right;  clear:both;}
dd.newslistitem {font-size:90%; width:78%; float:right;  clear:both;}
/* For marking up service times we reproduce that so it makes an easy template */
.meetings      {float:left; width:99%; clear:both;}
dl.meetingdetails {margin:0; width:99%; clear:both;}
dt.meetingname {font-size:110%; width:16%; float:left; text-align: right;  clear:left}
dd.meetingname {font-size:110%; width:78%; float:right;  clear:right; margin-left: 2%;}
dt.lead {font-size:90%; width:16%; float:left; text-align: right;  clear:left;}
dd.lead {font-size:90%; width:78%; float:right;  clear:right; margin-left: 2%;}
dt.read {font-size:90%; width:16%; float:left; text-align: right;  clear:left;}
dd.read {font-size:90%; width:78%; float:right;  clear:right; margin-left: 2%;}
dt.lect {font-size:90%; width:16%; float:left; text-align: right;  clear:left;}
dd.lect {font-size:90%; width:78%; float:right;  clear:right; margin-left: 2%;}
dt.pray {font-size:90%; width:16%; float:left; text-align: right;  clear:both;}
dd.pray {font-size:90%; width:78%; float:right;  clear:right; margin-left: 2%;}
dt.preach {font-size:90%; width:16%; float:left; text-align: right;  clear:both;}
dd.preach {font-size:90%; width:78%; float:right;  clear:right; margin-left: 2%;}
dt.theme {font-size:100%; width:16%; float:left; text-align: right;  clear:both;}
dd.theme {font-size:100%; width:78%; float:right;  clear:right; margin-left: 2%;}
/* a  crude way of setting-off verse, liturgy and so on */
ul.verse {font-size:110%; margin-top:1.7em; margin-bottom:1.2em; margin-left:4%;}
li.verseline {list-style-type:none; margin:0.1em;}
li.listitem1 {list-style-type:none; margin-top:0.7em; margin-bottom:1.1em;}
/* some inline text definitions (with no layout implications) */
.indent {font-size:90%; margin-left:5%; margin-right:2%}
.smallindent {font-size:80%; margin-left:5%; margin-right:2%}
.smallprint {font-size:80%;}
.smallerprint {font-size:65%;}
.largeprint {font-size:140%;}
.talk       {margin-left:8%; margin-right:8%}
.talkhead   {font-size:90%;}
.talktext   {font-size:100%; margin-left:4%;}
.talknotes  {font-size:90%;  margin-left:4%; margin-top:3em; padding:2em;}
.talkquotes {font-size:90%;  margin-left:4%; margin-top:3em; padding:2em; font-style:italic;}
.talkrefs   {font-size:90%;  margin-left:4%; margin-top:3em; padding:2em; font-weight:bolder;}
/* some common elements available to entire site */
/* link bar at top or most pages */
.linkbar {background: #000000;  border: 2px solid #000000;}
.linkbartext {font-size:100%; font-weight:bold; padding:0.2em}
/*  Special styles for the meetingplace publicity */
.mplace     {font-family:Impact,Techno,Futura,Haettenschweiler,Helvetica,Swiss,Geneva,Verdana,Arial,sans-serif;}
.mplacetext {font-size:110%;  font-style:italic;}
span.mplacehead {font-size:110%; font-weight:bolder; font-style:italic; margin-bottom:1em; margin-top:1em;}
h1.mplacehead {font-size:180%; font-weight:bolder; font-style:normal; padding: 20px; margin-top:1em;}
/* place to store colours used in the various styles we have */
.scheme1 {background: #5b8cbf; color: #ffffff;}
.scheme2 {background: #ffa55f; color: #000000;}
.scheme3 {background: #eeeeff; color: #000000;}
.mplogoback {background: #c3e7f7; color: #966ab7;}