body {font-family: Verdana, Geneva, sans-serif; font-size: 9pt; background-color:#3399cc;}
  H1.banner {font-size: 16pt;
      color: #f0f0ff;
      font-weight: bold;
      font-family: Verdana}
  H1 {font-size: 16pt;
      color: #000099;
      font-weight: bold;
      font-family: Verdana}
  H2 {font-size: 12pt;
     color: black;
      font-weight: bold;
      font-family: arial}
  P {font-size: 10pt;
     font-weight: light;
     color: black;
     font-family: Verdana, Geneva, sans-serif}

  dl {font-size: 10pt;
     font-weight: light;
     font-color: black;
     font-family: arial, Geneva, sans-serif}
  ul {font-size: 10pt;
     font-weight: light;
     font-color: black;
     font-family: arial, Geneva, sans-serif}
     
.CColouredheading { font-size: 18px; font-weight: bold; color: #009900; background-color:#f0fff0; border-top:solid black 1px; border-left:solid black 1px; border-bottom:solid black 3px; border-right:solid black 3px;}
.GColouredheading { font-size: 18px; font-weight: bold; color: #0060a0; background-color:#f0f0ff; border-top:solid black 1px; border-left:solid black 1px; border-bottom:solid black 3px; border-right:solid black 3px;}
.FColouredheading { font-size: 18px; font-weight: bold; color: #a06000; background-color:#fff0f0; border-top:solid black 1px; border-left:solid black 1px; border-bottom:solid black 3px; border-right:solid black 3px;}
.LColouredheading { font-size: 18px; font-weight: bold; color: #999900; background-color:#fffff0; border-top:solid black 1px; border-left:solid black 1px; border-bottom:solid black 3px; border-right:solid black 3px;}

a.tocmenu:hover {color:#0000ff; background-color:#ffffff;}
a.tocmenu:visited {color:#0000ff;}
a.tocmenu:active {color:#0000ff;}
a.weeny {font-size:6pt; color:#ff3333;}
a.attention {color:#ff6600;}
a.attention:hover {color:#cc0000; background-color:#ffff99;}
a.attention:visited {color:#ff6600;}
a.attention:active {color:#ff6600;}

div.bodytext {width:500px;}
div.fbox {width:300px; margin:12px; padding:5px; border-top:solid black 1px; border-left:solid black 1px; border-bottom:solid black 3px; border-right:solid black 3px;}
div.snowflake {position:absolute; visibility:visible; z-index:1; width:55; height:55; font-family:Courier; font-size:18pt; text-align:center; color:#ffffff;}

DIV.topnode { margin-left:0; font-weight:bold; font-size: 12pt; color: #000000; background-color:#99b9ff; border-bottom:solid #0000c0 thin; border-right:solid #0000c0 thin; border-top:solid #e0e0ff thin; border-left:solid #e0e0ff thin; }
#banner {margin-left:10; text-align:center; background-color:#006699; border-bottom:solid #3366cc thick;}
#page {
 position: relative;
 margin-left:10; 
 /*margin-right:50;*/
}
#rhside { 
 padding-left: 150px;
 border-top: solid #3366cc thin;
 background-color:#ffffff;
 /*border: thin dotted #000000;*/
}
#lhside {
 margin-left:0; 
 position: absolute;
 top: 1;
 left: 0;
 width: 120px;
 height: 600px;
 border-left: solid #000000 thin;
 border-right: solid #000000 thin;
 background-color:#66ccff;
 /*background-color:#3399ff;  rather bright*/
 /*border: thin dotted #000000;*/
}
div.smallgreen-onoff-thing {
    position:absolute; 
    visibility:hidden; 
    left:5; 
    top:5; 
    width:35; 
    height:19; 
    background-color:#87f0a9;
    border-top:dotted black 1px; 
    border-left:dotted black 1px; 
    border-bottom:dotted black 1px; 
    border-right:dotted black 1px;
}
div.mnote {text-align:right;}
div.hnotice {width:400pt; font-size:10pt; border:solid #000099 2pt; padding:3pt; font-weight:bold; color:#000099; background-color:#e9e9ff; margin-bottom:0pt;}
div.pnotice {width:400pt; font-size:10pt; border-left:solid #cccccc 2pt; border-right:solid #cccccc 2pt; border-bottom:solid #cccccc 2pt; padding:3pt; margin-top:0pt; margin-bottom:12pt; background-color:#f0f5f5;}
div.toclist {margin-left:4px; margin-top:5px; font-weight:bold;}
div.tocitem {margin-left:10px;}


p.address {width:650px; text-align:right;}
p.normal {margin-top:12pt; width:650px;}
p.geventdetail {width:500px; margin-left:12px;}
p.geventtitle {width:300px; margin-left:30px; text-align:center;}
p.notice {width:300pt; text-align:center; font-size:11pt; border:solid darkred 2pt; padding:2pt; background-color:#fffff0;}
p.photo {text-align:center; font-style:italic; width:650px; margin-top:12pt; padding:5px; border-bottom:solid thin #009999;}
p.photoframe {text-align:center; padding:5px; width:700px; border-bottom:solid thin #999999; border-top:solid thin #999999; border-left:solid thin #999999; border-right:solid thin #999999;}
p.qpara {margin-left:25pt; margin-right:25pt; font-size:9pt; width:550px;}
p.toclist {}

SPAN.alert {color: #990066; font-weight:bold; background-color:#ffffcc;}
span.barf {background-color:#000000; color:#00ccff; font-family:cmr10,Times; font-size:14pt; font-weight:bold; padding:4px;}
span.block {background-color:#000000; color:#000000; font-weight:bold; font-size:8pt;}
span.broken {background-color:#e0e0e0; color:#660000; font-style:italic; font-size:10pt;}
SPAN.cevent {font-family: arial, sans-serif; color: #00ff00; font-weight:bold; text-decoration:underline; font-size:12pt; }
SPAN.ceventaction {color: #00cc66; font-weight:bold; font-size:10pt; }
SPAN.ctime {color: #006600; font-style:italic; font-size:10pt; }
SPAN.clickme {font-weight:bold; font-size:11pt; color:#66ccff;}
SPAN.datetimebox {font-family:Verdana,Times; font-size:8pt; color:#000099; background-color:#f0f0ff;}
span.emphatic {font-style:italic;}
SPAN.error {color: #990000; font-family:courier; background-color:#ffff66;}
SPAN.event {color: #0000f0; font-weight:bold; text-decoration:underline; font-size:10pt; }
SPAN.futevent {color: #000090; font-weight:bold; font-size:12pt; }
SPAN.filename {font-family: courier, Times; font-weight:bold; font-size:9pt; }
SPAN.fevent {font-family: arial, sans-serif; color: #ff0000; font-weight:bold; text-decoration:underline; font-size:12pt; }
SPAN.ftime {font-family: arial, sans-serif; color: #000000; font-weight:bold; font-size:10pt; background-color:#e0cccc; }
SPAN.fplace {font-family: arial, sans-serif; color: #cc0000; font-weight:bold; font-size:10pt;}
SPAN.geventaction {color: #33c0f0; font-weight:bold; font-size:10pt; }
SPAN.label {color: #0033cc; font-weight:bold; font-size:9pt; background-color:#f0f0ff;}
SPAN.new {color: #cc0000; font-weight:bold; font-family:Verdana,Arial; background-color:#ffff66;}
SPAN.notetext {color: #0000f0; font-style:italic; font-size:9pt; }
SPAN.numbells {color: #990099; font-weight:bold;}
SPAN.pixtitle {color: #000090; font-weight:bold; font-size:16pt; }
SPAN.pixhead {color: #0060c0; font-weight:bold; font-size:12pt; }
SPAN.tichy {color: #000000; font-size:8pt; }
SPAN.time {color: #000000; font-weight:bold; font-size:10pt; background-color:#cccce9; }
SPAN.tocentry {font-size:9pt; }
SPAN.tocicon {color:#000099; font-family:Helvetica,Arial; font-weight:bold;}
SPAN.subtocentry {font-size:8pt; }
SPAN.wordst {font-family: Verdana,Arial,sans-serif; color: #0000cc; font-size:9pt; }

SPAN.guildstyle {font-weight:bold; color:#0090e0;}
SPAN.chertdist {font-weight:bold; color:#009900;}
SPAN.guilfdist {font-weight:bold; color:#0000cc;}
SPAN.farnhdist {font-weight:bold; color:#cc0000;}
SPAN.leathdist {font-weight:bold; color:#996666;}

td {font-family: Arial,sans-serif; font-size:9pt;}
td.gname {font-weight:bold; background-color:#e0f0ff;}
td.ghead {font-size:10pt; font-weight:bold; background-color:#d0d5ff;}
tr.gheadrow {font-size:10pt; font-weight:bold; background-color:#d0d5ff;}
/* farnham calendar */
td.fmonth {background-color:#660000; color:#ffffff; font-weight:bold; border-bottom:solid 2px #d50000;}
td.left {background-color:#ff9999; font-weight:bold;}
td.centre {background-color:#ffcccc;}
td.right {background-color:#ffe5e5;}
/* guildford calendar */
tr.surprise {background-color:#f0ff99;}
tr.meeting {background-color:#ff3300; color:#ffffff;}
tr.cathedral {background-color:#99f0ff;}
tr.training {background-color:#ccffcc;}
tr.general {background-color:#ffd000;}
tr.month {background-color:#ffffff; font-weight:bold;}
td.month {height:24pt; vertical-align:bottom; font-size:12pt; border-bottom:solid 2px #0000ff;}
td.datetime {background-color:#3333ff; color:#ffffff;}
td.vertline {background-color:#cc0000; width:1px;}
td.gdatecol {background-color:#3366cc; color:#ffffff; font-size:10pt;}
td.gvenuecol {background-color:#6699ff; font-size:10pt;}
td.gactioncol {background-color:#99ccff; font-size:10pt;}
td.gtimecol {background-color:#cce5ff; font-size:10pt;}
td.gnoeventcol {background-color:#ffffcc; font-size:10pt; font-style:italic;}
/* chertsey calendar */
tr.chertbar {background-color:#99ffd0; height:2px;}
td.datecol {background-color:#99ffd0; font-weight:bold;}
td.eventcol {background-color:#c0ffc0; }
td.venuecol {background-color:#e0ff99; }
/* leatherhead calendar */
td.lheadcell {background-color:#000000; color:#ffe5cc; font-weight:bold;}
td.ldaycol {background-color:#cc9966; font-weight:bold;}
td.ldatecol {background-color:#cc9966; font-weight:bold;}
td.ltimecol {background-color:#ffcc99; font-weight:bold;}
td.lvenuecol {background-color:#ffcc99; }
td.leventcol {background-color:#ffe5cc; }
/* general table */
th.gentablehead {background-color:#333366; color:#ffffff;}
td.gentablecola {background-color:#99a5cc;}
td.gentablecolb {background-color:#ccd6ee;}

ul.toclist {margin-top:2px; padding-top:0px;}

/* Performances */
a.perftocitem:hover {color:#ffccff; background-color:#3333b0;}
a.perftocitem:link {color:#ffccff;}
a.perftocitem:visited {color:#ffccff;}
a.perftocitem:active {color:#ffccff;}
body.perftoc {margin-left:5pt; background-color:#993333; font-family:Verdana,Arial; color:#ffffff;}
body.perf {margin-left:25pt; background-color:#ffffff; margin-top:12pt; font-family:Verdana,Arial;}
h2.perf {color:#ffffcc;}
p.perftoc {font-family:Verdana,Arial; color:#ffffff;}
a.perftoc {font-family:Verdana,Arial; color:#ffffff;}
span.perftocitem {color:#ffccff;}
table.perfdata {background-color:#e0e0ff; padding:12; width:400px; text-align:left;}
table.psndata {background-color:#e0e0ff; padding:12; width:400px; text-align:left;}
td.cdataname {text-align:right; font-weight:bold; width:150px; }
td.pdataname {text-align:center; font-weight:bold;}
td.pdataval {background-color:#ffffff;}
