body {background-color:#000099; font-family:arial, sans-serif;  font-size:small; 
        margin-left:12px; margin-right:12px; margin-top:12px; color:white;}   
      body.index {background-color:#000099; font-family:arial, sans-serif; font-size:13px;
        margin-left:12px; margin-right:0.2em; margin-top:12px; color:white;}   
      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 dark background */
      a:link {color: #00ffff;  font-weight:bold;}
      a:visited {color: aqua;  font-weight:bold;}
      a:hover {color: #00ff00;  font-weight:bold;}
/*  anchors for use with a light background */
      a:link.blue {color: blue; font-weight:bold;}
      a:visited.blue {color: purple; font-weight:bold;}

      a:link.pale {color: aqua; font-weight: bold;}

      h1 {font-size: 27px; color:#ffff88; font-weight:bold; text-align: center;} 
      h2 {font-size: 21px; color:#ffff88; font-weight:bold; text-align: center;}
      h2.black {font-size: 21px; color:black; font-weight:bold; text-align: center;}
      h3 {font-size: 16px; color:#ffffff; font-weight:bold; text-align: center;} 
      h3.black {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:#ffff88; font-weight:bold; text-align: center;}   /* yellow */
      h5 {font-size: 16px; color:black; font-weight:bold;}   
      h6 {font-size: 16px; color:#00cc00; font-weight:bold;}   /* green */
      
      .header {color:#ffff88; font-weight:700; font-size: 15px;}
      span.footer {font-size: 12px;}
      span.red {color:red; font-weight:bold} 
      span.redhead {color:red; font-weight:700; font-size: 16px;}  
      span.tealhead {color:teal; font-weight:700; font-size: 16px;}  
      span.green {color:green; font-weight:bold}
      span.lime {color:#00ff00; background-color:transparent; font-weight:bold}
      span.yellow {color:yellow; background-color:transparent; font-weight:bold}
      span.blue {color:blue; font-weight:bold}
      span.aqua {color:aqua; font-weight:bold}
      span.bold {font-weight:bold}

      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;}
      
      div.inset {margin-left: 1em; color:white;}
      div.inset2 {margin-left: 2em; color:white;}

      .mid {text-align: center;}
      .midwhite {background-color: white; color:black; text-align: center;}
      .midbold {text-align: center; font-weight: 600; color: white;}
      .bold {font-weight: 600;}
      .midblack {font-weight: 600; color: black; text-align: center;}
      .right {font-style:italic; text-align: right;}
            
      p.author {font-style:italic; text-align: right;}
      p.authorleft {font-style:italic;}
      p.authormid {font-style:italic; text-align:center;}
      .itleft {font-style:italic;}
       

/* Boxing */
      div.boxhead {border-width:thin; border-color:#00ff00; border-style:solid; 
                   font-size:16px; background-color:#0000ff; color: white; }

      div.indexbox {border-width:thin; border-color:#00ff00; border-style:solid; font-size:12px;
         background-color:white; color: black;} 

      img.box {border-width: thin; border-color: lime; border-style: solid;}
      div.textbox {border-width:thin; border-color:#00ff00; border-style:solid;
                   font-size:medium; background-color:#ffffdd; color: black;} 
      div.textbox80 {border-width:thin; border-color:#00ff00; border-style:solid;
                   font-size:medium; background-color:#ffffff; color: black; width:80%;} 
      div.paddedbox, div.yellowbox {border-width:thin; border-color:#00ff00; border-style:solid;
                   background-color:#ffffdd; color: black; padding:12px;}
      div.paddedbox90 {border-width:thin; border-color:#00ff00; border-style:solid;
                   background-color:#ffffdd; color: black; padding:12px; width:90%;}
      div.greenbox {border-width:thin; border-color:#00ff00; border-style:solid;
                   background-color:#efffef; color: black; padding:12px;}
      div.pinkbox {border-width:thin; border-color:#00ff00; border-style:solid;
                   background-color:#ffeedd; color: black; padding:12px;} 
      div.bluebox {border-width:thin; border-color:#00ff00; border-style:solid;
                   background-color:#ddeeff; color: black; padding:12px;} 
      div.greybox {border-width:thin; border-color:#00ff00; border-style:solid;
                  background-color:#ffffee; color: black; padding:12px;}
      div.blackbox {border-width:thin; border-color:#00ff00; border-style:solid;
                  background-color:#000000; color: red; padding:12px;}
      div.whitebox {border-width:thin; border-color:#00ff00; border-style:solid;
                  background-color:#ffffff; color: black; padding:12px;}
      div.thickbox {border-width:thick; border-color:#000000; border-style:solid; width:80%;
                  background-color:#ffffff; color: black; padding:36px; font-size:18px;}


/*  test boxes  */
      .marginbox80 {border-width:thin; border-color:#00ff00; border-style:solid;
                   font-size:medium; background-color:#ffffff; color: black; width:80%;
                   margin:2em;}
      .bothbox80 {border-width:thin; border-color:#00ff00; border-style:solid;
                   background-color:#ffffff; color: black; width:80%;
                   padding:1em; margin:1em;}


/* Background colours, text normal */
   .normal {background-color: #ffffff; color:black;}

/* 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;}
      .palegreen {background-color: #ddffdd; color:black; text-align: center;}
      .paleblue {background-color: #ccffff; color:black; text-align: center;}
      .palepink {background-color: #ffdddd; color:black; text-align: center;}
      .paleyellow {background-color: #ffffdd; color:black; text-align: center;}
      .cream {background-color: #ffffee; color:black; text-align: center;}
      .palegrey {background-color: #eeeeee; color:black; text-align: center;}
      .palegreybold {background-color: #eeeeee; color:black; font-weight: bold; text-align: center;}
      .grey {background-color: #aaaaaa; color: black; font-weight: bold;} 
      .greycent {background-color: #aaaaaa; color: red; font-weight: bold; text-align: center;} 

      .lime {background-color: #77bb44; color:black; text-align: center;} 

/*  Text size variants  */


/* Background colours for tables.  Texts mostly white: deepteal text red */
      .deepblue {background-color: #0000cc; color:#ffffff;}
      .deepgreen {background-color: #007700; color:#ffffff;}
      .deepred {background-color: #aa0022; color:#ffffff; font-weight: bold;}
      .deepredcent {background-color: #aa0022; color:#ffffff; font-weight: bold;text-align: center;}
      .deeppurple {background-color: #660066; color: #ffffff;}
      .deepteal {background-color: #00a0a0; color:#ff0000; font-weight: bold;}  

/*  Conference timetable: pale background, font black, left aligned  */
      .greenleft {background-color: #ddffcc; color:black;}   /*  pale green */
      .blueleft {background-color: #ccffff; color:black;}   /* pale blue */
      .yellowleft {background-color: #ffffcc; color:black;}   /* pale yellow */

      table {font-size: 13px;}
      table.grey {background-color: #bbbbbb; color: black; border-width: 1px; font-size: 12px;}
      table.lightgrey {background-color: #dddddd; color: black; border-width: 1px; font-size: 12px;}
      table.green {background-color: #00ff00; color: black; border-width: 2px; }
      table.white {background-color: white; color: black; border-width: 1px;}
      table.srss {background-color: #00aacc; color: black; border-width: 1px;}
      table.right {float: right;}
      table.left {float: left;}
      table.thumbnail {float: left; width: 70px;}
      table.planet {background-color: #00aacc; color: #ff0000; border-width: 1px;}
      table.affsoc {font-size:18px}

/*   lists    */
      li.indent {list-style-type:circle; margin-left:3em;}
      li.none {list-style-type:none;}

/*    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;}