body.affsoc {background-color:#ffffff; font-family:arial, sans-serif;  font-size:14px; 
        margin-left:12px; margin-right:12px; margin-top:12px; color:black;}
         
/*  anchors for use with a light background */
      a:link.blue {color: blue; font-weight:bold;}
      a:visited.blue {color: purple; font-weight:bold;}


      h1 {font-size: 27px; color:#ffff88; font-weight:bold; text-align: center;} 
      h2 {font-size: 21px; color:black; font-weight:bold; text-align: center;}
      h3 {font-size: 16px; color:black; font-weight:bold; text-align: center;} 
      h3.red {font-size: 16px; color:red; font-weight:bold; text-align: center;}
      h4 {font-size: 16px; color:black; font-weight:bold; text-align: center; 
         text-decoration: underline;}
      h5 {font-size: 16px; color:black; font-weight:bold;}   
      h6 {font-size: 16px; color:#00cc00; font-weight:bold;}   /* green */
      
      hr.black {color:#000000;}

      div.textbox80 {border-width:thin; border-color:#00ff00; border-style:solid;
                   font-size:medium; background-color:white; color: black; width:80%;} 
      div.narrowtext {font-size:medium; background-color:white; color: black; padding-left: 10%;
           padding-right: 10%; }

      hr.topspace {margin-top: 12px;}
      hr.space {margin-top: 12px; margin-bottom: 12px;}
      hr.underspace {margin-bottom: 12px;}
      hr.green {color:#00ff00;}  
      hr.black {color:#000000;}
      hr.grspace {color:#00ff00; margin-top: 12px; margin-bottom: 12px; height:2px;}

/* Background colours, text black, centered */
      .white {background-color: white; color: black;}
      .whitemid {background-color: white; color: black; text-align: center;} 
      .whitebold {background-color: white; color: black; font-weight: bold;}

/*  Text size variants  */
      .mid {text-align: center;}
      .text16 {font-size:16px;}
      .text16bold {font-size:16px; font-weight: bold;}
      .text16boldmid {font-size:16px; font-weight: bold; text-align: center;}
      .text10 {font-size:10px;}
      .boldmid {font-weight: bold; text-align: center;}
      .bold {font-weight: bold;}
      .underbold {text-decoration: underline; font-weight: bold;} 

      table {font-size: 13px;}


/*      table.affsoc {font-size:18px}   */
      table.affsoc {font-size:13px; padding-left:5%; padding-right:5%;}

/*    Spread items out along a line  */
      .spread8 {position: relative; width: 12%; float: left;}
      .spread5 {position: relative; width: 20%; float: left;}
      .spread4 {position: relative; width: 23%; float: left;}
      .spread3 {position: relative; width: 30%; float: left;}
      .spread2 {position: relative; width: 50%; float: left;}


/*    Wrap text round an image  */ 
      img.wrap {float:left; margin-right:1em;}     
      img.wrapr {float:right; margin-left:1em; margin-bottom:0.5em; margin-top:0.5em;}

      img.box {border-width: thin; border-color: lime; border-style: solid;}