/* Havant Orchestras web site style sheet */

  /* Set up a suitable base font. */
  BODY              { font-family: /* Verdana, "Trebuchet MS", Geneva, sans-serif,*/
                      Calibri, "Trebuchet MS", Geneva, Arial, sans-serif;
                      font-variant-ligatures: none; /* Suppress Calibri ligatures */
                   /* font-size: medium; */
                      color: black;
                      background: #88CC88; 
                   /* background-image: url(images/snow.gif); */
                   /* background-image: url(images/havorchback2.gif); */
                   /* background-image: url(images/pattern_152a.gif); */
                      margin-left: 0.5em;
                      margin-right: 0.5em;
                      padding: 1em }

  H1, H2, H3, H4   { font-family: Cambria, Georgia, "Times New Roman", Times, serif; }

  /* No need for extra space after paragraph, especially in tables */

  P                { margin-bottom: 0 }

  /* Kid-friendly font and colours for Upbeat pages */

  DIV.stylekids    { font-family: "Comic Sans MS", script, sans; color: #0033CC; }

  DIV.stylekids B, DIV.stylekids U { color: #FF0088; }

  /* Screen heading sections of document */

  /* Banner */
  DIV.banner       { margin-bottom: 1ex }

  DIV.banner TABLE
                   { border: 3px solid #CCCCCC;
                     border-top-color: #666666;
                     border-left-color: #888888;
                     border-right-color: #AAAAAA;
                     border-bottom-color: #DDDDDD;
                     background: #AAEEAA;
                     background-image: url(images/banner5.jpg);
                  /* -webkit-box-shadow: 0 0 4px 4px #CCFFCC;
                     -moz-box-shadow:    0 0 4px 4px #CCFFCC;
                     box-shadow:         0 0 4px 4px #CCFFCC; */
                     -webkit-border-radius: 15px;
                     -moz-border-radius: 15px;
                     border-radius: 15px; }
  
  /* Navigation links section */
  DIV.links        { margin-top: 1ex; 
                     margin-bottom: 1ex;
                     margin-left: 0;
                     margin-right: 0;
                     overflow-x: auto;
                     overflow-y: hidden; }

  /* On smaller screens shrink edge and let links use full width */
  @media screen and (max-width: 1024px) 
    {
      BODY { padding: 2%; margin: 1% }
      DIV.links { margin-left: -3%;
                  margin-right: -3% }
    }


  /* Padding below link bars to allow for button shading */
  DIV.links TABLE { padding-bottom: 3px;
                    padding-left: 3px;
                    padding-right: 3px; 
                 /* Right and left padding is workaround for 
                    Chrome 61 unnecessary scrollbar problem. */
                  }

  /* Definitions for all link buttons */
  /* All buttons */
  A.linkon,
  A.linkoff,
  A.linkfb,
  A.login,
  A.playon,
  A.playoff,
  .progdate A
                   { color: white;
                     text-decoration: none;
                     text-transform: none;
                     /* white-space: nowrap; */
                     font-weight: bold;
                     padding-top: 1ex;
                     padding-bottom: 1ex;
                     border-color: #CCCCCC;
                     border-style: solid;
                     border-width: medium }

  /* Shrink navigation buttons on smaller screens */
  @media screen and (max-width: 1024px) and (min-width: 800px)
      {
       A.linkon,
       A.linkoff   { font-size: 85% }
      }

  @media screen and (max-width: 800px)
      {
       A.linkon,
       A.linkoff   { font-size: 70%; }
      }

  /* Larger buttons */
  A.linkon,
  A.linkoff,
  .progdate A
                   { display: block;
                  /* min-width: 6em; */
                     -webkit-border-radius: 15px;
                     -moz-border-radius: 15px;
                     border-radius: 15px }

  A.linkfb         { display: inline-block;
                     padding: 0.2ex 1ex 0.3ex 1ex;
                     font-size: smaller;
                     -webkit-border-radius: 15px;
                     -moz-border-radius: 15px;
                     border-radius: 15px }

  /* Small button for login/change */
  A.login,
  A.playon,
  A.playoff
                   { padding: 0.3ex 1ex 0.5ex 1ex; 
                     -webkit-border-radius: 10px;
                     -moz-border-radius: 10px;
                     border-radius: 10px }

  /* Link button to another page */
  A.linkon,
  A.login,
  A.linkfb,
  A.playon,
  .progdate A
                   {                  
                  /* border-style: outset; */ /* Simulated for better colour control */
                     border-top-color: #CCCCCC;
                     border-left-color: #888888;
                     border-right-color: #666666;
                     border-bottom-color: #555555;
                     -webkit-box-shadow: 0px 2px 2px #777;
                     -moz-box-shadow: 0px 2px 2px #777;
                     box-shadow: 0px 2px 2px #777 }

  /* Link button for current page */
  A.linkoff,
  A.playoff
                   { color: black; 
                  /* border-style: inset; */ /* Simulated for better colour control */
                     border-top-color: #666666;
                     border-left-color: #888888;
                     border-right-color: #AAAAAA;
                     border-bottom-color: #DDDDDD }

  /* Add space round link buttons to look better when rounded */
  .links TD { padding: 2px }
  
  @media screen and (max-width: 800px) and (min-width: 600px)
    {
      .links TD { padding: 1px }
    }
  
  @media screen and (max-width: 600px)
    {
      .links TD { padding: 0px }
    }

  /* Set different colour shades for each line */

  TABLE.linkbar  A,
  TABLE.linkbar1 A {     background: #3366FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#66AAFF), to(#003366)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #66AAFF, #003366); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #66AAFF, #003366); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #66AAFF, #003366);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #66AAFF, #003366);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }
  TABLE.linkbar2 A {     background: #3366CC;
    background: -webkit-gradient(linear, left top, left bottom, from(#4466CC), to(#003366)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #4466CC, #003366); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #4466CC, #003366); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #4466CC, #003366);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #4466CC, #003366);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }
  TABLE.linkbar3 A {     background: #3366AA;
    background: -webkit-gradient(linear, left top, left bottom, from(#336699), to(#003333)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #336699, #003333); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #336699, #003333); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #336699, #003333);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #336699, #003333);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  /* Highlight button for current page */
  TABLE.linkbar  A.linkoff,
  TABLE.linkbar1 A.linkoff,
  TABLE.linkbar2 A.linkoff,
  TABLE.linkbar3 A.linkoff
                   {     background: #BBEEFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#BBEEFF), to(#88CCEE)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #BBEEFF, #88CCEE); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #BBEEFF, #88CCEE); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #BBEEFF, #88CCEE);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #BBEEFF, #88CCEE);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  /* If CSS2 supported, switch colours when mouse is over link */
  TABLE.linkbar  A.linkon:hover,
  TABLE.linkbar1 A.linkon:hover,
  TABLE.linkbar2 A.linkon:hover,
  TABLE.linkbar3 A.linkon:hover
                   {     background: #BBEEFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#BBEEFF), to(#88CCEE)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #BBEEFF, #88CCEE); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #BBEEFF, #88CCEE); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #BBEEFF, #88CCEE);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #BBEEFF, #88CCEE);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  /* Square off lower corners of button for active tab */
  .linkbar1 A.linkoff,
  .linkbar2 A.linkoff,
  .linkbar3 A.linkoff
                   { -webkit-border-bottom-left-radius: 0;
                       -moz-border-radius-bottomleft: 0;
                       border-bottom-left-radius: 0;
                       -webkit-border-bottom-right-radius: 0;
                       -moz-border-radius-bottomright: 0;
                       border-bottom-right-radius: 0 }

  DIV.trail        { font-size: smaller; 
                     margin-top: 1ex;
                     margin-bottom: 1ex; }

  A.linkfb,
  A.linkfb:link,
  A.linkfb:visited,
  A.linkfb:active  {     background: #3366FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#66AAFF), to(#003366)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #66AAFF, #003366); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #66AAFF, #003366); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #66AAFF, #003366);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #66AAFF, #003366);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  A.linkfb:hover   {     background: #BBEEFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#BBEEFF), to(#88CCEE)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #BBEEFF, #88CCEE); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #BBEEFF, #88CCEE); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #BBEEFF, #88CCEE);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #BBEEFF, #88CCEE);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  DIV.trail A.login,
  A.playon
                   {     background: #3366CC;
    background: -webkit-gradient(linear, left top, left bottom, from(#3366CC), to(#112255)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #3366CC, #112255); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #3366CC, #112255); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #3366CC, #112255);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #3366CC, #112255);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  DIV.trail A.login:hover,
  A.playon:hover,
  A.playoff
                   { background: #BBEEFF }

  /* Overall page section */
  DIV.page, 
  DIV.page1,
  .hostlogo         { -webkit-border-radius: 25px;
                     -moz-border-radius: 25px;
                     border-radius: 25px;
                     -webkit-box-shadow: 0 0 5px 5px #448844;
                     -moz-box-shadow:    0 0 5px 5px #448844;
                     box-shadow:         0 0 5px 5px #448844;
                     margin-top: 15px;
                    }

  @media screen and (min-width: 840px)
    {
      DIV.page1     { max-width: 840px; margin: 0px auto; }
    }

  /* Items on home page */

  DIV.homesection  { padding: 0; 
                     margin: 0;
                     background: #EEFFEE;
                     border-top: medium #3344AA solid }

  DIV.homesection TABLE { border-spacing: 0 }

  DIV.homesection TD.homelogo 
                   { background: #92FF92; /* Our usual green */
                     vertical-align: top;
                     max-width: 199px;
                     width: 17%;
                     padding: 20px 10px; 
                     margin: 0 }

  DIV.homesection TD.homelogo img { width: 100%; max-width: 199px }

  @media screen and (max-width: 750px)
    {
      DIV.homesection TD.homelogo { display: none }
    }

  DIV.homesection .search 
                   { background: #DDFFDD; 
                     float: right;
                     clear: right;
                     border: 1px solid #3344AA; 
                     padding: 5px; 
                     margin: 5px; 
                     -webkit-border-radius: 10px;
                     -moz-border-radius: 10px;
                     border-radius: 10px }                  

  DIV.homesection .hometext 
                   { padding: 0 1em 0 1em; }

  DIV.homesection .homenews TD 
                   { padding: 0; 
                     margin: 0; 
                     border: 0 none } 

  DIV.homesection .homenews TD.updates,
  DIV.homesection .homenews TD.events,
  DIV.homesection .homenews TD.extracts,
  DIV.homesection .homenews DIV.updates,
  DIV.homesection .homenews DIV.events,
  DIV.homesection .homenews DIV.extracts 
                    { border-top: medium #3344AA solid;
                     padding: 0 1em 1ex 1em }

  .item
                   { margin: 10px 0;
                     padding: 5px;
                     border-radius: 5px;
                     border: 1px solid;
                     background: #F7CCCC; }
  .item:after      {
                     content: "";
                     display: table;
                     clear: both }
  DIV.homesection .updates
                   { background: #FFDDDD }
  DIV.homesection .updates .item
                   { background: #F7CCCC;
                     border-color: #886644 }
  DIV.homesection .events
                   { background: #CCFFCC }
  DIV.homesection .events .item
                   { background: #AAEEAA;
                     border-color: #448844 }
  DIV.homesection .extracts
                   { background: #CCCCFF }
  DIV.homesection .extracts .item
                   { background: #BBBBEE;
                     border-color: #8888CC }

  @media screen and (max-width: 600px)
    {
      TABLE.collapse,
      .collapse TABLE,
      .collapse THEAD,
      .collapse TBODY,
      .collapse TR,
      .collapse TD,
      .collapse TD.rev2,
      .collapse TD.nopad
                   { display: block;
                     width: auto }
      .collapse TH { display: none }
      .collapse TD.nopad
                   { padding: 15px; 
                     margin-left: auto;
                     margin-right: auto }
      .collapse TR~TR { border-top: solid 2px #3344AA }
    }

  /* Layout (but not colours) for items on normal text pages */

  DIV.heading      { padding: 1ex;
                     -webkit-border-top-left-radius: 25px;
                       -moz-border-radius-topleft: 25px;
                       border-top-left-radius: 25px;
                       -webkit-border-top-right-radius: 25px;
                       -moz-border-radius-topright: 25px;
                       border-top-right-radius: 25px }

  DIV.contents     { padding: 1ex 1em 1ex 1em }

  DIV.contents LI  { font-size: smaller;
                     font-weight: bold }
                  
  DIV.main         { padding: 0;
                     padding-bottom: 25px;
                     -webkit-border-bottom-left-radius: 25px;
                       -moz-border-radius-bottomleft: 25px;
                       border-bottom-left-radius: 25px;
                       -webkit-border-bottom-right-radius: 25px;
                       -moz-border-radius-bottomright: 25px;
                       border-bottom-right-radius: 25px }

  DIV.section      { padding: 1ex 1em 1ex 1em }

  DIV.section SPAN.hidden,
  DIV.homesection SPAN.hidden { display: none; color: #EEFFEE }

  DIV.notice       { font-size: smaller;
                     margin-top: 1ex;
                     margin-bottom: 1ex;
                     padding: 1ex;
                     background: #FFEEDD;
                     border: medium red solid }

/* Multi-column layouts as tables (compatible with old browsers, but not IE8/9) */
 
  TD.col1,
  TD.col2,
  TD.col3,
  TD.col4,
  TD.col5
                   { vertical-align: top;
                     padding-left: 1em;
                     padding-right: 1em;
                   }

  TR.cols2 TD.col1 { padding-left: 0 }

  TR.cols2 TD.col2 { padding-right: 0 }
 
  TR.cols2 TD.col1,
  TR.cols2 TD.col2 { width: 48% }
  
  TR.cols3 TD.col1 { padding-left: 0 }

  TR.cols3 TD.col3 { padding-right: 0 } 

  TR.cols3 TD.col1,
  TR.cols3 TD.col2,
  TR.cols3 TD.col3 { width: 31% }

  TR.cols4 TD.col1 { padding-left: 0 }

  TR.cols4 TD.col4 { padding-right: 0 } 

  TR.cols4 TD.col1,
  TR.cols4 TD.col2,
  TR.cols4 TD.col3,
  TR.cols4 TD.col4 { width: 23% }

  TR.cols5 TD.col1 { padding-left: 0 }

  TR.cols5 TD.col5 { padding-right: 0 } 

  TR.cols5 TD.col1,
  TR.cols5 TD.col2,
  TR.cols5 TD.col3,
  TR.cols5 TD.col4,
  TR.cols5 TD.col5 { width: 18% }

  @media screen and (max-width: 1000px)
    {
  TABLE.cols5,
  TR.cols5 { display: block; width: auto }

  TR.cols5 TD.col1,
  TR.cols5 TD.col2,
  TR.cols5 TD.col3,
  TR.cols5 TD.col4,
  TR.cols5 TD.col5 { padding-left: 0;
                       padding-right: 0;                 
                       display: block;
                       width: auto; }
    }

  @media screen and (max-width: 800px)
    {
  TABLE.cols4,
  TR.cols4 { display: block; width: auto }

  TR.cols4 TD.col1,
  TR.cols4 TD.col2,
  TR.cols4 TD.col3,
  TR.cols4 TD.col4 { padding-left: 0;
                       padding-right: 0;
                       display: block;
                       width: auto }
    }

  @media screen and (max-width: 700px)
    {
  TABLE.cols3,
  TR.cols3 { display: block; width: auto }

  TR.cols3 TD.col1,
  TR.cols3 TD.col2,
  TR.cols3 TD.col3 { padding-left: 0;
                       padding-right: 0;
                       display: block;
                       width: auto }
    }

  @media screen and (max-width: 600px)
    {
  TABLE.cols2,
  TR.cols2 { display: block; width: auto }

  TR.cols2 TD.col1,
  TR.cols2 TD.col2 { padding-left: 0;
                       padding-right: 0;
                       display: block;
                       width: auto }
    }

  @media screen and (max-width: 500px)
    {
      TABLE.shrink { font-size: 75% }
    }

  /* Multi-column using CSS3 if supported */
  @media (min-width: 800px)
    {
  DIV.multicol { -webkit-column-count: 2;
                 -moz-column-count: 2;
                 column-count: 2;
                 -webkit-column-gap: 2em;
                 -moz-column-gap: 2em;
                 column-gap: 2em }
                              
    }


  /* Horizontal rule */
  HR.linkcol, HR    { height: 2px;
                      color: #3344AA;
                      border-style: none }

  /* Heading colours and styles */
  H2                { padding-top: 0;
                      padding-bottom: 0;
                      margin-top: 0.2ex;
                      margin-bottom: 0.2ex }

  H1, H2, H3, H4, .bigtext { text-shadow: black 0.5px 0.5px 0.3px, white -0.5px -0.5px 0.3px }

  .bigtext          { font-size: larger; 
                      font-weight: bold }

  /* Suppress cell padding, used for picture cell */
  .nopad            { padding: 0 }

  /* Reduce space between paragraphs in programme tables  */
  DIV.progitem P,
  DIV.proglist P,
  TABLE.proglist P
                    { margin-top: 1ex;
                      margin-bottom: 1ex; }

  DIV.proglist TD 
                    { padding-top: 0.3ex;
                      padding-bottom: 0.3ex;
                      padding-left: 1ex;
                      padding-right: 1ex }

  DIV.proglist TD.progdate
                    { padding: 0 }

  DIV.item P, 
  TABLE.item P      { margin-top: 0 }
                      
  /* Table definitions for events */
  TABLE.events      { background: #DDFFDD;
                      border-spacing: 0;
                      -webkit-border-radius: 25px;
                     -moz-border-radius: 25px;
                     border-radius: 25px }                    

  TABLE.events TH   { color: #3344AA;
                      text-shadow: #222222 1px 1px }

  TABLE.events TD   { border-top: solid 1px #3344AA;
                      padding: 2px 1em 2px 1em;
                      vertical-align: top }

  @media screen and (max-width: 600px)
    {
  TABLE.events TR   { border-top: solid 1px #3344AA;
                      border-bottom: solid 1px #3344AA }
  TABLE.events TD   { border-top: none }
  TABLE.events TH   { display: none }
    }

  TABLE.events TD.date { font-weight: bold }
  TABLE.events TD.title { font-weight: bold }
  
  /* Normal page definitions */
   A:link    { color: #3344AA }
   A:active  { color: #3344AA }
   A:visited { color: #223388 }
   A:hover   { color: #223388 }

  
  DIV.heading       { background: #CCFFCC;
                          background: -webkit-linear-gradient(left,#CCCC00,#FFFF00,#CCCC00); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left,#CCCC00,#FFFF00,#CCCC00); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left,#CCCC00,#FFFF00,#CCCC00); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left,#CCCC00,#FFFF00,#CCCC00);
            /* For IE 10+ */
    background: linear-gradient(to left,#CCCC00,#FFFF00,#CCCC00); 
            /* For CSS3 */
                       }

  
  DIV.contents      { background: #DDFFDD;
                      border-top: medium #3344AA solid }
  
  DIV.main          { background: #EEFFEE }

  
  DIV.section       { background: #EEFFEE;
                      border-top: medium #3344AA solid }

   
  .linkcol          { color: #3344AA }

   H1,
   H2,
   H3,
   H4,
   .bigtext { color: #3344AA }
  
  
  .shadetable       { background: #CCFFCC }

  /* Bar in current programme colour - ignore CSS warning */
   HR    { color: #3344AA;       /* IE uses color property */
                      background: #3344AA;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
   TABLE.news       { border-spacing: 0 10px;
                   }

   .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #DDFFDD; 
                     border-color: #CCFFCC; }

   .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

   .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

   DIV.proglist .item
                   { background: #CCFFCC; }
    }  
  /* Normal page definitions */
  .stylelink A:link    { color: #332211 }
  .stylelink A:active  { color: #332211 }
  .stylelink A:visited { color: #554433 }
  .stylelink A:hover   { color: #554433 }

  .stylelink
  DIV.heading       { background: #CCBBAA;
                          background: -webkit-linear-gradient(left, #DDAA99, #EEEEEE, #DDAA99); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #DDAA99, #EEEEEE, #DDAA99); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #DDAA99, #EEEEEE, #DDAA99); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #DDAA99, #EEEEEE, #DDAA99);
            /* For IE 10+ */
    background: linear-gradient(to left, #DDAA99, #EEEEEE, #DDAA99); 
            /* For CSS3 */
                       }

  .stylelink
  DIV.contents      { background: #DDCCBB;
                      border-top: medium #776655 solid }
  .stylelink
  DIV.main          { background: #EEDDCC }

  .stylelink
  DIV.section       { background: #EEDDCC;
                      border-top: medium #776655 solid }

  .stylelink 
  .linkcol          { color: #776655 }

  .stylelink H1,
  .stylelink H2,
  .stylelink H3,
  .stylelink H4,
  .stylelink .bigtext { color: #776655 }
  
  .stylelink
  .shadetable       { background: #CCBBAA }

  /* Bar in current programme colour - ignore CSS warning */
  .stylelink HR    { color: #776655;       /* IE uses color property */
                      background: #776655;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .stylelink TABLE.news       { border-spacing: 0 10px;
                   }

  .stylelink .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #DDCCBB; 
                     border-color: #CCBBAA; }

  .stylelink .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .stylelink .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .stylelink DIV.proglist .item
                   { background: #CCBBAA; }
    }  /* Programme stuff */
  .stylelink DIV.proglist
                   { background: #EEDDCC;
                     border-top: medium #776655 solid }

  .stylelink DIV.progitem 
                   { background: #EEDDCC }

  .stylelink DIV.progitem DIV.section
                   { background: #EEDDCC }

  .stylelink .rev
                   { background: #665544 }

  .stylelink .rev2
                   { background: #776655 }
  
  /* Text which varies with current programme colour */
  .stylelink .progitem .progtext, 
  .stylelink .progitem .progvenue,
  .stylelink .progsoloist A,
  .stylelink A.progsoloist,
  .stylelink .progsoloist
                   { color: #776655 }

  .proglist .stylelink TH,
  .stylelink .proglist TH
                   { background: #776655 }

  .proglist .stylelink .progtext,
  .stylelink .proglist .progtext, 
  .proglist .stylelink .progvenue,
  .stylelink .proglist .progvenue,
  .proglist .stylelink .progorch,
  .stylelink .proglist .progorch        
                   { background: #CCBBAA }   /* Text */

  .stylelink .progdate A,
  .stylelink .progdate A:link,
  .stylelink .progdate A:active,
  .stylelink .progdate A:visited,
  .stylelink A.linkon,
  .stylelink A.linkon:visited
                   {     background: #776655;
    background: -webkit-gradient(linear, left top, left bottom, from(#CCBBAA), to(#332211)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #CCBBAA, #332211); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #CCBBAA, #332211); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #CCBBAA, #332211);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #CCBBAA, #332211);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .stylelink .progdate A:hover,
  .stylelink A.linkon:hover
                   {     background: #DDCCBB;
    background: -webkit-gradient(linear, left top, left bottom, from(#DDCCBB), to(#776655)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #DDCCBB, #776655); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #DDCCBB, #776655); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #DDCCBB, #776655);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #DDCCBB, #776655);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style0708 A:link    { color: #006644 }
  .style0708 A:active  { color: #006644 }
  .style0708 A:visited { color: #004422 }
  .style0708 A:hover   { color: #004422 }

  .style0708
  DIV.heading       { background: #99DDBB;
                      
                       }

  .style0708
  DIV.contents      { background: #BBFCE0;
                      border-top: medium #00AA88 solid }
  .style0708
  DIV.main          { background: #DDFFEE }

  .style0708
  DIV.section       { background: #DDFFEE;
                      border-top: medium #00AA88 solid }

  .style0708 
  .linkcol          { color: #00AA88 }

  .style0708 H1,
  .style0708 H2,
  .style0708 H3,
  .style0708 H4,
  .style0708 .bigtext { color: #00AA88 }
  
  .style0708
  .shadetable       { background: #99DDBB }

  /* Bar in current programme colour - ignore CSS warning */
  .style0708 HR    { color: #00AA88;       /* IE uses color property */
                      background: #00AA88;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style0708 TABLE.news       { border-spacing: 0 10px;
                   }

  .style0708 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #BBFCE0; 
                     border-color: #99DDBB; }

  .style0708 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style0708 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style0708 DIV.proglist .item
                   { background: #99DDBB; }
    }  /* Programme stuff */
  .style0708 DIV.proglist
                   { background: #DDFFEE;
                     border-top: medium #00AA88 solid }

  .style0708 DIV.progitem 
                   { background: #DDFFEE }

  .style0708 DIV.progitem DIV.section
                   { background: #DDFFEE }

  .style0708 .rev
                   { background: #00AA88 }

  .style0708 .rev2
                   { background: #77BB99 }
  
  /* Text which varies with current programme colour */
  .style0708 .progitem .progtext, 
  .style0708 .progitem .progvenue,
  .style0708 .progsoloist A,
  .style0708 A.progsoloist,
  .style0708 .progsoloist
                   { color: #00AA88 }

  .proglist .style0708 TH,
  .style0708 .proglist TH
                   { background: #77BB99 }

  .proglist .style0708 .progtext,
  .style0708 .proglist .progtext, 
  .proglist .style0708 .progvenue,
  .style0708 .proglist .progvenue,
  .proglist .style0708 .progorch,
  .style0708 .proglist .progorch        
                   { background: #99DDBB }   /* Text */

  .style0708 .progdate A,
  .style0708 .progdate A:link,
  .style0708 .progdate A:active,
  .style0708 .progdate A:visited,
  .style0708 A.linkon,
  .style0708 A.linkon:visited
                   {     background: #00AA88;
    background: -webkit-gradient(linear, left top, left bottom, from(#00AA88), to(#114422)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #00AA88, #114422); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #00AA88, #114422); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #00AA88, #114422);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #00AA88, #114422);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style0708 .progdate A:hover,
  .style0708 A.linkon:hover
                   {     background: #BBFCE0;
    background: -webkit-gradient(linear, left top, left bottom, from(#BBFCE0), to(#99DDBB)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #BBFCE0, #99DDBB); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #BBFCE0, #99DDBB); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #BBFCE0, #99DDBB);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #BBFCE0, #99DDBB);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style0809 A:link    { color: #3366FF }
  .style0809 A:active  { color: #3366FF }
  .style0809 A:visited { color: #3344AA }
  .style0809 A:hover   { color: #3344AA }

  .style0809
  DIV.heading       { background: #F9CCD8;
                      
                       }

  .style0809
  DIV.contents      { background: #FFE6F2;
                      border-top: medium #E2007B solid }
  .style0809
  DIV.main          { background: #FFEEF8 }

  .style0809
  DIV.section       { background: #FFEEF8;
                      border-top: medium #E2007B solid }

  .style0809 
  .linkcol          { color: #E2007B }

  .style0809 H1,
  .style0809 H2,
  .style0809 H3,
  .style0809 H4,
  .style0809 .bigtext { color: #E2007B }
  
  .style0809
  .shadetable       { background: #F9CCD8 }

  /* Bar in current programme colour - ignore CSS warning */
  .style0809 HR    { color: #E2007B;       /* IE uses color property */
                      background: #E2007B;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style0809 TABLE.news       { border-spacing: 0 10px;
                   }

  .style0809 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #FFE6F2; 
                     border-color: #F9CCD8; }

  .style0809 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style0809 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style0809 DIV.proglist .item
                   { background: #F9CCD8; }
    }  /* Programme stuff */
  .style0809 DIV.proglist
                   { background: #FFEEF8;
                     border-top: medium #E2007B solid }

  .style0809 DIV.progitem 
                   { background: #FFEEF8 }

  .style0809 DIV.progitem DIV.section
                   { background: #FFEEF8 }

  .style0809 .rev
                   { background: #E2007B }

  .style0809 .rev2
                   { background: #F6AAC0 }
  
  /* Text which varies with current programme colour */
  .style0809 .progitem .progtext, 
  .style0809 .progitem .progvenue,
  .style0809 .progsoloist A,
  .style0809 A.progsoloist,
  .style0809 .progsoloist
                   { color: #E2007B }

  .proglist .style0809 TH,
  .style0809 .proglist TH
                   { background: #F6AAC0 }

  .proglist .style0809 .progtext,
  .style0809 .proglist .progtext, 
  .proglist .style0809 .progvenue,
  .style0809 .proglist .progvenue,
  .proglist .style0809 .progorch,
  .style0809 .proglist .progorch        
                   { background: #F9CCD8 }   /* Text */

  .style0809 .progdate A,
  .style0809 .progdate A:link,
  .style0809 .progdate A:active,
  .style0809 .progdate A:visited,
  .style0809 A.linkon,
  .style0809 A.linkon:visited
                   {     background: #E2007B;
    background: -webkit-gradient(linear, left top, left bottom, from(#E2007B), to(#883355)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #E2007B, #883355); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #E2007B, #883355); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #E2007B, #883355);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #E2007B, #883355);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style0809 .progdate A:hover,
  .style0809 A.linkon:hover
                   {     background: #FFE6F2;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFE6F2), to(#F9CCD8)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFE6F2, #F9CCD8); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFE6F2, #F9CCD8); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FFE6F2, #F9CCD8);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FFE6F2, #F9CCD8);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style0910 A:link    { color: #E08800 }
  .style0910 A:active  { color: #E08800 }
  .style0910 A:visited { color: #A86600 }
  .style0910 A:hover   { color: #A86600 }

  .style0910
  DIV.heading       { background: #FBDDB2;
                      
                       }

  .style0910
  DIV.contents      { background: #FEE8C0;
                      border-top: medium #F18E00 solid }
  .style0910
  DIV.main          { background: #FFF8D8 }

  .style0910
  DIV.section       { background: #FFF8D8;
                      border-top: medium #F18E00 solid }

  .style0910 
  .linkcol          { color: #F18E00 }

  .style0910 H1,
  .style0910 H2,
  .style0910 H3,
  .style0910 H4,
  .style0910 .bigtext { color: #F18E00 }
  
  .style0910
  .shadetable       { background: #FBDDB2 }

  /* Bar in current programme colour - ignore CSS warning */
  .style0910 HR    { color: #F18E00;       /* IE uses color property */
                      background: #F18E00;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style0910 TABLE.news       { border-spacing: 0 10px;
                   }

  .style0910 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #FEE8C0; 
                     border-color: #FBDDB2; }

  .style0910 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style0910 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style0910 DIV.proglist .item
                   { background: #FBDDB2; }
    }  /* Programme stuff */
  .style0910 DIV.proglist
                   { background: #FFF8D8;
                     border-top: medium #F18E00 solid }

  .style0910 DIV.progitem 
                   { background: #FFF8D8 }

  .style0910 DIV.progitem DIV.section
                   { background: #FFF8D8 }

  .style0910 .rev
                   { background: #F18E00 }

  .style0910 .rev2
                   { background: #F6B659 }
  
  /* Text which varies with current programme colour */
  .style0910 .progitem .progtext, 
  .style0910 .progitem .progvenue,
  .style0910 .progsoloist A,
  .style0910 A.progsoloist,
  .style0910 .progsoloist
                   { color: #F18E00 }

  .proglist .style0910 TH,
  .style0910 .proglist TH
                   { background: #F6B659 }

  .proglist .style0910 .progtext,
  .style0910 .proglist .progtext, 
  .proglist .style0910 .progvenue,
  .style0910 .proglist .progvenue,
  .proglist .style0910 .progorch,
  .style0910 .proglist .progorch        
                   { background: #FBDDB2 }   /* Text */

  .style0910 .progdate A,
  .style0910 .progdate A:link,
  .style0910 .progdate A:active,
  .style0910 .progdate A:visited,
  .style0910 A.linkon,
  .style0910 A.linkon:visited
                   {     background: #F18E00;
    background: -webkit-gradient(linear, left top, left bottom, from(#F18E00), to(#555533)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #F18E00, #555533); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #F18E00, #555533); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #F18E00, #555533);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #F18E00, #555533);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style0910 .progdate A:hover,
  .style0910 A.linkon:hover
                   {     background: #FEE8C0;
    background: -webkit-gradient(linear, left top, left bottom, from(#FEE8C0), to(#FBDDB2)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FEE8C0, #FBDDB2); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FEE8C0, #FBDDB2); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FEE8C0, #FBDDB2);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FEE8C0, #FBDDB2);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style0910c A:link    { color: #6633CC }
  .style0910c A:active  { color: #6633CC }
  .style0910c A:visited { color: #333366 }
  .style0910c A:hover   { color: #333366 }

  .style0910c
  DIV.heading       { background: #CCBBFF;
                      
                       }

  .style0910c
  DIV.contents      { background: #F0E0FF;
                      border-top: medium #6167A8 solid }
  .style0910c
  DIV.main          { background: #F8EEFF }

  .style0910c
  DIV.section       { background: #F8EEFF;
                      border-top: medium #6167A8 solid }

  .style0910c 
  .linkcol          { color: #6167A8 }

  .style0910c H1,
  .style0910c H2,
  .style0910c H3,
  .style0910c H4,
  .style0910c .bigtext { color: #6167A8 }
  
  .style0910c
  .shadetable       { background: #CCBBFF }

  /* Bar in current programme colour - ignore CSS warning */
  .style0910c HR    { color: #6167A8;       /* IE uses color property */
                      background: #6167A8;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style0910c TABLE.news       { border-spacing: 0 10px;
                   }

  .style0910c .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #F0E0FF; 
                     border-color: #CCBBFF; }

  .style0910c .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style0910c .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style0910c DIV.proglist .item
                   { background: #CCBBFF; }
    }  /* Programme stuff */
  .style0910c DIV.proglist
                   { background: #F8EEFF;
                     border-top: medium #6167A8 solid }

  .style0910c DIV.progitem 
                   { background: #F8EEFF }

  .style0910c DIV.progitem DIV.section
                   { background: #F8EEFF }

  .style0910c .rev
                   { background: #6167A8 }

  .style0910c .rev2
                   { background: #9999DD }
  
  /* Text which varies with current programme colour */
  .style0910c .progitem .progtext, 
  .style0910c .progitem .progvenue,
  .style0910c .progsoloist A,
  .style0910c A.progsoloist,
  .style0910c .progsoloist
                   { color: #6167A8 }

  .proglist .style0910c TH,
  .style0910c .proglist TH
                   { background: #9999DD }

  .proglist .style0910c .progtext,
  .style0910c .proglist .progtext, 
  .proglist .style0910c .progvenue,
  .style0910c .proglist .progvenue,
  .proglist .style0910c .progorch,
  .style0910c .proglist .progorch        
                   { background: #CCBBFF }   /* Text */

  .style0910c .progdate A,
  .style0910c .progdate A:link,
  .style0910c .progdate A:active,
  .style0910c .progdate A:visited,
  .style0910c A.linkon,
  .style0910c A.linkon:visited
                   {     background: #6167A8;
    background: -webkit-gradient(linear, left top, left bottom, from(#6167A8), to(#664488)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #6167A8, #664488); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #6167A8, #664488); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #6167A8, #664488);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #6167A8, #664488);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style0910c .progdate A:hover,
  .style0910c A.linkon:hover
                   {     background: #F0E0FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#F0E0FF), to(#CCBBFF)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #F0E0FF, #CCBBFF); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #F0E0FF, #CCBBFF); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #F0E0FF, #CCBBFF);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #F0E0FF, #CCBBFF);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1011 A:link    { color: #9966CC }
  .style1011 A:active  { color: #9966CC }
  .style1011 A:visited { color: #663399 }
  .style1011 A:hover   { color: #663399 }

  .style1011
  DIV.heading       { background: #EFEAF3;
                      
                       }

  .style1011
  DIV.contents      { background: #F0EAF2;
                      border-top: medium #865C98 solid }
  .style1011
  DIV.main          { background: #F6F0F9 }

  .style1011
  DIV.section       { background: #F6F0F9;
                      border-top: medium #865C98 solid }

  .style1011 
  .linkcol          { color: #865C98 }

  .style1011 H1,
  .style1011 H2,
  .style1011 H3,
  .style1011 H4,
  .style1011 .bigtext { color: #865C98 }
  
  .style1011
  .shadetable       { background: #EFEAF3 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1011 HR    { color: #865C98;       /* IE uses color property */
                      background: #865C98;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1011 TABLE.news       { border-spacing: 0 10px;
                   }

  .style1011 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #F0EAF2; 
                     border-color: #EFEAF3; }

  .style1011 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1011 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1011 DIV.proglist .item
                   { background: #EFEAF3; }
    }  /* Programme stuff */
  .style1011 DIV.proglist
                   { background: #F6F0F9;
                     border-top: medium #865C98 solid }

  .style1011 DIV.progitem 
                   { background: #F6F0F9 }

  .style1011 DIV.progitem DIV.section
                   { background: #F6F0F9 }

  .style1011 .rev
                   { background: #865C98 }

  .style1011 .rev2
                   { background: #DED3E7 }
  
  /* Text which varies with current programme colour */
  .style1011 .progitem .progtext, 
  .style1011 .progitem .progvenue,
  .style1011 .progsoloist A,
  .style1011 A.progsoloist,
  .style1011 .progsoloist
                   { color: #865C98 }

  .proglist .style1011 TH,
  .style1011 .proglist TH
                   { background: #DED3E7 }

  .proglist .style1011 .progtext,
  .style1011 .proglist .progtext, 
  .proglist .style1011 .progvenue,
  .style1011 .proglist .progvenue,
  .proglist .style1011 .progorch,
  .style1011 .proglist .progorch        
                   { background: #EFEAF3 }   /* Text */

  .style1011 .progdate A,
  .style1011 .progdate A:link,
  .style1011 .progdate A:active,
  .style1011 .progdate A:visited,
  .style1011 A.linkon,
  .style1011 A.linkon:visited
                   {     background: #865C98;
    background: -webkit-gradient(linear, left top, left bottom, from(#865C98), to(#443355)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #865C98, #443355); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #865C98, #443355); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #865C98, #443355);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #865C98, #443355);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1011 .progdate A:hover,
  .style1011 A.linkon:hover
                   {     background: #F0EAF2;
    background: -webkit-gradient(linear, left top, left bottom, from(#F0EAF2), to(#EFEAF3)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #F0EAF2, #EFEAF3); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #F0EAF2, #EFEAF3); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #F0EAF2, #EFEAF3);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #F0EAF2, #EFEAF3);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1011c A:link    { color: #3366CC }
  .style1011c A:active  { color: #3366CC }
  .style1011c A:visited { color: #336699 }
  .style1011c A:hover   { color: #336699 }

  .style1011c
  DIV.heading       { background: #C8E6F8;
                      
                       }

  .style1011c
  DIV.contents      { background: #E2F3FA;
                      border-top: medium #5E9ACE solid }
  .style1011c
  DIV.main          { background: #ECF7FC }

  .style1011c
  DIV.section       { background: #ECF7FC;
                      border-top: medium #5E9ACE solid }

  .style1011c 
  .linkcol          { color: #5E9ACE }

  .style1011c H1,
  .style1011c H2,
  .style1011c H3,
  .style1011c H4,
  .style1011c .bigtext { color: #5E9ACE }
  
  .style1011c
  .shadetable       { background: #C8E6F8 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1011c HR    { color: #5E9ACE;       /* IE uses color property */
                      background: #5E9ACE;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1011c TABLE.news       { border-spacing: 0 10px;
                   }

  .style1011c .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #E2F3FA; 
                     border-color: #C8E6F8; }

  .style1011c .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1011c .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1011c DIV.proglist .item
                   { background: #C8E6F8; }
    }  /* Programme stuff */
  .style1011c DIV.proglist
                   { background: #ECF7FC;
                     border-top: medium #5E9ACE solid }

  .style1011c DIV.progitem 
                   { background: #ECF7FC }

  .style1011c DIV.progitem DIV.section
                   { background: #ECF7FC }

  .style1011c .rev
                   { background: #5E9ACE }

  .style1011c .rev2
                   { background: #AFDDE9 }
  
  /* Text which varies with current programme colour */
  .style1011c .progitem .progtext, 
  .style1011c .progitem .progvenue,
  .style1011c .progsoloist A,
  .style1011c A.progsoloist,
  .style1011c .progsoloist
                   { color: #5E9ACE }

  .proglist .style1011c TH,
  .style1011c .proglist TH
                   { background: #AFDDE9 }

  .proglist .style1011c .progtext,
  .style1011c .proglist .progtext, 
  .proglist .style1011c .progvenue,
  .style1011c .proglist .progvenue,
  .proglist .style1011c .progorch,
  .style1011c .proglist .progorch        
                   { background: #C8E6F8 }   /* Text */

  .style1011c .progdate A,
  .style1011c .progdate A:link,
  .style1011c .progdate A:active,
  .style1011c .progdate A:visited,
  .style1011c A.linkon,
  .style1011c A.linkon:visited
                   {     background: #5E9ACE;
    background: -webkit-gradient(linear, left top, left bottom, from(#5E9ACE), to(#225588)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #5E9ACE, #225588); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #5E9ACE, #225588); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #5E9ACE, #225588);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #5E9ACE, #225588);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1011c .progdate A:hover,
  .style1011c A.linkon:hover
                   {     background: #E2F3FA;
    background: -webkit-gradient(linear, left top, left bottom, from(#E2F3FA), to(#C8E6F8)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #E2F3FA, #C8E6F8); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #E2F3FA, #C8E6F8); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #E2F3FA, #C8E6F8);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #E2F3FA, #C8E6F8);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1112 A:link    { color: #AF7B0E }
  .style1112 A:active  { color: #AF7B0E }
  .style1112 A:visited { color: #976306 }
  .style1112 A:hover   { color: #976306 }

  .style1112
  DIV.heading       { background: #F0DC70;
                      
                      background-image: url(images/goldback6a.jpg); background-attachment: fixed; background-position: center; background-size: 100% 100%; background-clip: border-box }

  .style1112
  DIV.contents      { background: #FBE77A;
                      border-top: medium #C79316 solid }
  .style1112
  DIV.main          { background: #FFF390 }

  .style1112
  DIV.section       { background: #FFF390;
                      border-top: medium #C79316 solid }

  .style1112 
  .linkcol          { color: #C79316 }

  .style1112 H1,
  .style1112 H2,
  .style1112 H3,
  .style1112 H4,
  .style1112 .bigtext { color: #C79316 }
  
  .style1112
  .shadetable       { background: #F0DC70 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1112 HR    { color: #C79316;       /* IE uses color property */
                      background: #C79316;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1112 TABLE.news       { border-spacing: 0 10px;
                   }

  .style1112 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #FBE77A; 
                     border-color: #F0DC70; }

  .style1112 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1112 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1112 DIV.proglist .item
                   { background: #F0DC70; }
    }  /* Programme stuff */
  .style1112 DIV.proglist
                   { background: #FFF390;
                     border-top: medium #C79316 solid }

  .style1112 DIV.progitem 
                   { background: #FFF390 }

  .style1112 DIV.progitem DIV.section
                   { background: #FFF390 }

  .style1112 .rev
                   { background: #C79316 }

  .style1112 .rev2
                   { background: #E4BF4A }
  
  /* Text which varies with current programme colour */
  .style1112 .progitem .progtext, 
  .style1112 .progitem .progvenue,
  .style1112 .progsoloist A,
  .style1112 A.progsoloist,
  .style1112 .progsoloist
                   { color: #C79316 }

  .proglist .style1112 TH,
  .style1112 .proglist TH
                   { background: #E4BF4A }

  .proglist .style1112 .progtext,
  .style1112 .proglist .progtext, 
  .proglist .style1112 .progvenue,
  .style1112 .proglist .progvenue,
  .proglist .style1112 .progorch,
  .style1112 .proglist .progorch        
                   { background: #F0DC70 }   /* Text */

  .style1112 .progdate A,
  .style1112 .progdate A:link,
  .style1112 .progdate A:active,
  .style1112 .progdate A:visited,
  .style1112 A.linkon,
  .style1112 A.linkon:visited
                   {     background: #E4BF4A;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFEB7E), to(#87630E)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFEB7E, #87630E); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFEB7E, #87630E); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FFEB7E, #87630E);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FFEB7E, #87630E);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1112 .progdate A:hover,
  .style1112 A.linkon:hover
                   {     background: #FBE77A;
    background: -webkit-gradient(linear, left top, left bottom, from(#FBE77A), to(#F0DC70)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FBE77A, #F0DC70); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FBE77A, #F0DC70); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FBE77A, #F0DC70);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FBE77A, #F0DC70);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1112c A:link    { color: #449944 }
  .style1112c A:active  { color: #449944 }
  .style1112c A:visited { color: #338833 }
  .style1112c A:hover   { color: #338833 }

  .style1112c
  DIV.heading       { background: #D0FFA0;
                      
                       }

  .style1112c
  DIV.contents      { background: #F0FFC0;
                      border-top: medium #55AA55 solid }
  .style1112c
  DIV.main          { background: #FFFFD0 }

  .style1112c
  DIV.section       { background: #FFFFD0;
                      border-top: medium #55AA55 solid }

  .style1112c 
  .linkcol          { color: #55AA55 }

  .style1112c H1,
  .style1112c H2,
  .style1112c H3,
  .style1112c H4,
  .style1112c .bigtext { color: #55AA55 }
  
  .style1112c
  .shadetable       { background: #D0FFA0 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1112c HR    { color: #55AA55;       /* IE uses color property */
                      background: #55AA55;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1112c TABLE.news       { border-spacing: 0 10px;
                   }

  .style1112c .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #F0FFC0; 
                     border-color: #D0FFA0; }

  .style1112c .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1112c .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1112c DIV.proglist .item
                   { background: #D0FFA0; }
    }  /* Programme stuff */
  .style1112c DIV.proglist
                   { background: #FFFFD0;
                     border-top: medium #55AA55 solid }

  .style1112c DIV.progitem 
                   { background: #FFFFD0 }

  .style1112c DIV.progitem DIV.section
                   { background: #FFFFD0 }

  .style1112c .rev
                   { background: #55AA55 }

  .style1112c .rev2
                   { background: #B0E088 }
  
  /* Text which varies with current programme colour */
  .style1112c .progitem .progtext, 
  .style1112c .progitem .progvenue,
  .style1112c .progsoloist A,
  .style1112c A.progsoloist,
  .style1112c .progsoloist
                   { color: #55AA55 }

  .proglist .style1112c TH,
  .style1112c .proglist TH
                   { background: #B0E088 }

  .proglist .style1112c .progtext,
  .style1112c .proglist .progtext, 
  .proglist .style1112c .progvenue,
  .style1112c .proglist .progvenue,
  .proglist .style1112c .progorch,
  .style1112c .proglist .progorch        
                   { background: #D0FFA0 }   /* Text */

  .style1112c .progdate A,
  .style1112c .progdate A:link,
  .style1112c .progdate A:active,
  .style1112c .progdate A:visited,
  .style1112c A.linkon,
  .style1112c A.linkon:visited
                   {     background: #55AA55;
    background: -webkit-gradient(linear, left top, left bottom, from(#55AA55), to(#005500)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #55AA55, #005500); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #55AA55, #005500); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #55AA55, #005500);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #55AA55, #005500);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1112c .progdate A:hover,
  .style1112c A.linkon:hover
                   {     background: #F0FFC0;
    background: -webkit-gradient(linear, left top, left bottom, from(#F0FFC0), to(#D0FFA0)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #F0FFC0, #D0FFA0); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #F0FFC0, #D0FFA0); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #F0FFC0, #D0FFA0);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #F0FFC0, #D0FFA0);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1213 A:link    { color: #667799 }
  .style1213 A:active  { color: #667799 }
  .style1213 A:visited { color: #445577 }
  .style1213 A:hover   { color: #445577 }

  .style1213
  DIV.heading       { background: #A8C8E8;
                      
                       }

  .style1213
  DIV.contents      { background: #D0E0F0;
                      border-top: medium #7080A0 solid }
  .style1213
  DIV.main          { background: #E8F0F8 }

  .style1213
  DIV.section       { background: #E8F0F8;
                      border-top: medium #7080A0 solid }

  .style1213 
  .linkcol          { color: #7080A0 }

  .style1213 H1,
  .style1213 H2,
  .style1213 H3,
  .style1213 H4,
  .style1213 .bigtext { color: #7080A0 }
  
  .style1213
  .shadetable       { background: #A8C8E8 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1213 HR    { color: #7080A0;       /* IE uses color property */
                      background: #7080A0;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1213 TABLE.news       { border-spacing: 0 10px;
                   }

  .style1213 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #D0E0F0; 
                     border-color: #A8C8E8; }

  .style1213 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1213 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1213 DIV.proglist .item
                   { background: #A8C8E8; }
    }  /* Programme stuff */
  .style1213 DIV.proglist
                   { background: #E8F0F8;
                     border-top: medium #7080A0 solid }

  .style1213 DIV.progitem 
                   { background: #E8F0F8 }

  .style1213 DIV.progitem DIV.section
                   { background: #E8F0F8 }

  .style1213 .rev
                   { background: #7080A0 }

  .style1213 .rev2
                   { background: #88A0D0 }
  
  /* Text which varies with current programme colour */
  .style1213 .progitem .progtext, 
  .style1213 .progitem .progvenue,
  .style1213 .progsoloist A,
  .style1213 A.progsoloist,
  .style1213 .progsoloist
                   { color: #7080A0 }

  .proglist .style1213 TH,
  .style1213 .proglist TH
                   { background: #88A0D0 }

  .proglist .style1213 .progtext,
  .style1213 .proglist .progtext, 
  .proglist .style1213 .progvenue,
  .style1213 .proglist .progvenue,
  .proglist .style1213 .progorch,
  .style1213 .proglist .progorch        
                   { background: #A8C8E8 }   /* Text */

  .style1213 .progdate A,
  .style1213 .progdate A:link,
  .style1213 .progdate A:active,
  .style1213 .progdate A:visited,
  .style1213 A.linkon,
  .style1213 A.linkon:visited
                   {     background: #6677BB;
    background: -webkit-gradient(linear, left top, left bottom, from(#AACCEE), to(#335588)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #AACCEE, #335588); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #AACCEE, #335588); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #AACCEE, #335588);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #AACCEE, #335588);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1213 .progdate A:hover,
  .style1213 A.linkon:hover
                   {     background: #D0E0F0;
    background: -webkit-gradient(linear, left top, left bottom, from(#D0E0F0), to(#88A0D0)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #D0E0F0, #88A0D0); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #D0E0F0, #88A0D0); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #D0E0F0, #88A0D0);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #D0E0F0, #88A0D0);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1213c A:link    { color: #449944 }
  .style1213c A:active  { color: #449944 }
  .style1213c A:visited { color: #338833 }
  .style1213c A:hover   { color: #338833 }

  .style1213c
  DIV.heading       { background: #D0FFA0;
                      
                       }

  .style1213c
  DIV.contents      { background: #F0FFC0;
                      border-top: medium #55AA55 solid }
  .style1213c
  DIV.main          { background: #FFFFD0 }

  .style1213c
  DIV.section       { background: #FFFFD0;
                      border-top: medium #55AA55 solid }

  .style1213c 
  .linkcol          { color: #55AA55 }

  .style1213c H1,
  .style1213c H2,
  .style1213c H3,
  .style1213c H4,
  .style1213c .bigtext { color: #55AA55 }
  
  .style1213c
  .shadetable       { background: #D0FFA0 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1213c HR    { color: #55AA55;       /* IE uses color property */
                      background: #55AA55;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1213c TABLE.news       { border-spacing: 0 10px;
                   }

  .style1213c .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #F0FFC0; 
                     border-color: #D0FFA0; }

  .style1213c .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1213c .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1213c DIV.proglist .item
                   { background: #D0FFA0; }
    }  /* Programme stuff */
  .style1213c DIV.proglist
                   { background: #FFFFD0;
                     border-top: medium #55AA55 solid }

  .style1213c DIV.progitem 
                   { background: #FFFFD0 }

  .style1213c DIV.progitem DIV.section
                   { background: #FFFFD0 }

  .style1213c .rev
                   { background: #55AA55 }

  .style1213c .rev2
                   { background: #B0E088 }
  
  /* Text which varies with current programme colour */
  .style1213c .progitem .progtext, 
  .style1213c .progitem .progvenue,
  .style1213c .progsoloist A,
  .style1213c A.progsoloist,
  .style1213c .progsoloist
                   { color: #55AA55 }

  .proglist .style1213c TH,
  .style1213c .proglist TH
                   { background: #B0E088 }

  .proglist .style1213c .progtext,
  .style1213c .proglist .progtext, 
  .proglist .style1213c .progvenue,
  .style1213c .proglist .progvenue,
  .proglist .style1213c .progorch,
  .style1213c .proglist .progorch        
                   { background: #D0FFA0 }   /* Text */

  .style1213c .progdate A,
  .style1213c .progdate A:link,
  .style1213c .progdate A:active,
  .style1213c .progdate A:visited,
  .style1213c A.linkon,
  .style1213c A.linkon:visited
                   {     background: #55AA55;
    background: -webkit-gradient(linear, left top, left bottom, from(#55AA55), to(#005500)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #55AA55, #005500); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #55AA55, #005500); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #55AA55, #005500);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #55AA55, #005500);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1213c .progdate A:hover,
  .style1213c A.linkon:hover
                   {     background: #F0FFC0;
    background: -webkit-gradient(linear, left top, left bottom, from(#F0FFC0), to(#D0FFA0)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #F0FFC0, #D0FFA0); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #F0FFC0, #D0FFA0); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #F0FFC0, #D0FFA0);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #F0FFC0, #D0FFA0);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1314 A:link    { color: #D04020 }
  .style1314 A:active  { color: #D04020 }
  .style1314 A:visited { color: #C04020 }
  .style1314 A:hover   { color: #C04020 }

  .style1314
  DIV.heading       { background: #F4B37B;
                      
                       }

  .style1314
  DIV.contents      { background: #F8CC99;
                      border-top: medium #D04020 solid }
  .style1314
  DIV.main          { background: #FFE8BB }

  .style1314
  DIV.section       { background: #FFE8BB;
                      border-top: medium #D04020 solid }

  .style1314 
  .linkcol          { color: #D04020 }

  .style1314 H1,
  .style1314 H2,
  .style1314 H3,
  .style1314 H4,
  .style1314 .bigtext { color: #D04020 }
  
  .style1314
  .shadetable       { background: #F4B37B }

  /* Bar in current programme colour - ignore CSS warning */
  .style1314 HR    { color: #D04020;       /* IE uses color property */
                      background: #D04020;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1314 TABLE.news       { border-spacing: 0 10px;
                   }

  .style1314 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #F8CC99; 
                     border-color: #F4B37B; }

  .style1314 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1314 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1314 DIV.proglist .item
                   { background: #F4B37B; }
    }  /* Programme stuff */
  .style1314 DIV.proglist
                   { background: #FFE8BB;
                     border-top: medium #D04020 solid }

  .style1314 DIV.progitem 
                   { background: #FFE8BB }

  .style1314 DIV.progitem DIV.section
                   { background: #FFE8BB }

  .style1314 .rev
                   { background: #D04020 }

  .style1314 .rev2
                   { background: #F09966 }
  
  /* Text which varies with current programme colour */
  .style1314 .progitem .progtext, 
  .style1314 .progitem .progvenue,
  .style1314 .progsoloist A,
  .style1314 A.progsoloist,
  .style1314 .progsoloist
                   { color: #D04020 }

  .proglist .style1314 TH,
  .style1314 .proglist TH
                   { background: #F09966 }

  .proglist .style1314 .progtext,
  .style1314 .proglist .progtext, 
  .proglist .style1314 .progvenue,
  .style1314 .proglist .progvenue,
  .proglist .style1314 .progorch,
  .style1314 .proglist .progorch        
                   { background: #F4B37B }   /* Text */

  .style1314 .progdate A,
  .style1314 .progdate A:link,
  .style1314 .progdate A:active,
  .style1314 .progdate A:visited,
  .style1314 A.linkon,
  .style1314 A.linkon:visited
                   {     background: #CC5533;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF8855), to(#AA3311)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FF8855, #AA3311); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FF8855, #AA3311); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FF8855, #AA3311);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FF8855, #AA3311);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1314 .progdate A:hover,
  .style1314 A.linkon:hover
                   {     background: #F8CC99;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8CC99), to(#F09966)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #F8CC99, #F09966); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #F8CC99, #F09966); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #F8CC99, #F09966);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #F8CC99, #F09966);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1314c A:link    { color: #449944 }
  .style1314c A:active  { color: #449944 }
  .style1314c A:visited { color: #338833 }
  .style1314c A:hover   { color: #338833 }

  .style1314c
  DIV.heading       { background: #D0FFA0;
                      
                       }

  .style1314c
  DIV.contents      { background: #F0FFC0;
                      border-top: medium #55AA55 solid }
  .style1314c
  DIV.main          { background: #FFFFD0 }

  .style1314c
  DIV.section       { background: #FFFFD0;
                      border-top: medium #55AA55 solid }

  .style1314c 
  .linkcol          { color: #55AA55 }

  .style1314c H1,
  .style1314c H2,
  .style1314c H3,
  .style1314c H4,
  .style1314c .bigtext { color: #55AA55 }
  
  .style1314c
  .shadetable       { background: #D0FFA0 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1314c HR    { color: #55AA55;       /* IE uses color property */
                      background: #55AA55;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1314c TABLE.news       { border-spacing: 0 10px;
                   }

  .style1314c .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #F0FFC0; 
                     border-color: #D0FFA0; }

  .style1314c .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1314c .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1314c DIV.proglist .item
                   { background: #D0FFA0; }
    }  /* Programme stuff */
  .style1314c DIV.proglist
                   { background: #FFFFD0;
                     border-top: medium #55AA55 solid }

  .style1314c DIV.progitem 
                   { background: #FFFFD0 }

  .style1314c DIV.progitem DIV.section
                   { background: #FFFFD0 }

  .style1314c .rev
                   { background: #55AA55 }

  .style1314c .rev2
                   { background: #B0E088 }
  
  /* Text which varies with current programme colour */
  .style1314c .progitem .progtext, 
  .style1314c .progitem .progvenue,
  .style1314c .progsoloist A,
  .style1314c A.progsoloist,
  .style1314c .progsoloist
                   { color: #55AA55 }

  .proglist .style1314c TH,
  .style1314c .proglist TH
                   { background: #B0E088 }

  .proglist .style1314c .progtext,
  .style1314c .proglist .progtext, 
  .proglist .style1314c .progvenue,
  .style1314c .proglist .progvenue,
  .proglist .style1314c .progorch,
  .style1314c .proglist .progorch        
                   { background: #D0FFA0 }   /* Text */

  .style1314c .progdate A,
  .style1314c .progdate A:link,
  .style1314c .progdate A:active,
  .style1314c .progdate A:visited,
  .style1314c A.linkon,
  .style1314c A.linkon:visited
                   {     background: #66BB33;
    background: -webkit-gradient(linear, left top, left bottom, from(#99EE77), to(#335522)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #99EE77, #335522); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #99EE77, #335522); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #99EE77, #335522);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #99EE77, #335522);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1314c .progdate A:hover,
  .style1314c A.linkon:hover
                   {     background: #F0FFC0;
    background: -webkit-gradient(linear, left top, left bottom, from(#F0FFC0), to(#D0FFA0)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #F0FFC0, #D0FFA0); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #F0FFC0, #D0FFA0); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #F0FFC0, #D0FFA0);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #F0FFC0, #D0FFA0);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1415 A:link    { color: #0C8BA7 }
  .style1415 A:active  { color: #0C8BA7 }
  .style1415 A:visited { color: #0A7A92 }
  .style1415 A:hover   { color: #0A7A92 }

  .style1415
  DIV.heading       { background: #80D1F7;
                          background: -webkit-linear-gradient(left, #34FEA3, #7EC0F6, #34FEA3); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #34FEA3, #7EC0F6, #34FEA3); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #34FEA3, #7EC0F6, #34FEA3); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #34FEA3, #7EC0F6, #34FEA3);
            /* For IE 10+ */
    background: linear-gradient(to left, #34FEA3, #7EC0F6, #34FEA3); 
            /* For CSS3 */
                       }

  .style1415
  DIV.contents      { background: #A4EAF9;
                      border-top: medium #076072 solid }
  .style1415
  DIV.main          { background: #C6F1FB }

  .style1415
  DIV.section       { background: #C6F1FB;
                      border-top: medium #076072 solid }

  .style1415 
  .linkcol          { color: #076072 }

  .style1415 H1,
  .style1415 H2,
  .style1415 H3,
  .style1415 H4,
  .style1415 .bigtext { color: #076072 }
  
  .style1415
  .shadetable       { background: #80D1F7 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1415 HR    { color: #076072;       /* IE uses color property */
                      background: #076072;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1415 TABLE.news       { border-spacing: 0 10px;
                   }

  .style1415 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #A4EAF9; 
                     border-color: #80D1F7; }

  .style1415 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1415 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1415 DIV.proglist .item
                   { background: #80D1F7; }
    }  /* Programme stuff */
  .style1415 DIV.proglist
                   { background: #C6F1FB;
                     border-top: medium #076072 solid }

  .style1415 DIV.progitem 
                   { background: #C6F1FB }

  .style1415 DIV.progitem DIV.section
                   { background: #C6F1FB }

  .style1415 .rev
                   { background: #0C8BA7 }

  .style1415 .rev2
                   { background: #32D0E0 }
  
  /* Text which varies with current programme colour */
  .style1415 .progitem .progtext, 
  .style1415 .progitem .progvenue,
  .style1415 .progsoloist A,
  .style1415 A.progsoloist,
  .style1415 .progsoloist
                   { color: #076072 }

  .proglist .style1415 TH,
  .style1415 .proglist TH
                   { background: #32D0E0 }

  .proglist .style1415 .progtext,
  .style1415 .proglist .progtext, 
  .proglist .style1415 .progvenue,
  .style1415 .proglist .progvenue,
  .proglist .style1415 .progorch,
  .style1415 .proglist .progorch        
                   { background: #80D1F7 }   /* Text */

  .style1415 .progdate A,
  .style1415 .progdate A:link,
  .style1415 .progdate A:active,
  .style1415 .progdate A:visited,
  .style1415 A.linkon,
  .style1415 A.linkon:visited
                   {     background: #32D0E0;
    background: -webkit-gradient(linear, left top, left bottom, from(#80D0FF), to(#00B080)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #80D0FF, #00B080); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #80D0FF, #00B080); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #80D0FF, #00B080);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #80D0FF, #00B080);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1415 .progdate A:hover,
  .style1415 A.linkon:hover
                   {     background: #A4EAF9;
    background: -webkit-gradient(linear, left top, left bottom, from(#A4EAF9), to(#32D0E0)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #A4EAF9, #32D0E0); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #A4EAF9, #32D0E0); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #A4EAF9, #32D0E0);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #A4EAF9, #32D0E0);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1415c A:link    { color: #947A00 }
  .style1415c A:active  { color: #947A00 }
  .style1415c A:visited { color: #846A00 }
  .style1415c A:hover   { color: #846A00 }

  .style1415c
  DIV.heading       { background: #FFE000;
                          background: -webkit-linear-gradient(left, #FEFE4C, #FFA92B, #FEFE4C); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #FEFE4C, #FFA92B, #FEFE4C); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #FEFE4C, #FFA92B, #FEFE4C); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #FEFE4C, #FFA92B, #FEFE4C);
            /* For IE 10+ */
    background: linear-gradient(to left, #FEFE4C, #FFA92B, #FEFE4C); 
            /* For CSS3 */
                       }

  .style1415c
  DIV.contents      { background: #FEE870;
                      border-top: medium #905000 solid }
  .style1415c
  DIV.main          { background: #FFED95 }

  .style1415c
  DIV.section       { background: #FFED95;
                      border-top: medium #905000 solid }

  .style1415c 
  .linkcol          { color: #905000 }

  .style1415c H1,
  .style1415c H2,
  .style1415c H3,
  .style1415c H4,
  .style1415c .bigtext { color: #905000 }
  
  .style1415c
  .shadetable       { background: #FFE000 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1415c HR    { color: #905000;       /* IE uses color property */
                      background: #905000;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1415c TABLE.news       { border-spacing: 0 10px;
                   }

  .style1415c .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #FEE870; 
                     border-color: #FFE000; }

  .style1415c .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1415c .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1415c DIV.proglist .item
                   { background: #FFE000; }
    }  /* Programme stuff */
  .style1415c DIV.proglist
                   { background: #FFED95;
                     border-top: medium #905000 solid }

  .style1415c DIV.progitem 
                   { background: #FFED95 }

  .style1415c DIV.progitem DIV.section
                   { background: #FFED95 }

  .style1415c .rev
                   { background: #D09000 }

  .style1415c .rev2
                   { background: #F0B000 }
  
  /* Text which varies with current programme colour */
  .style1415c .progitem .progtext, 
  .style1415c .progitem .progvenue,
  .style1415c .progsoloist A,
  .style1415c A.progsoloist,
  .style1415c .progsoloist
                   { color: #905000 }

  .proglist .style1415c TH,
  .style1415c .proglist TH
                   { background: #F0B000 }

  .proglist .style1415c .progtext,
  .style1415c .proglist .progtext, 
  .proglist .style1415c .progvenue,
  .style1415c .proglist .progvenue,
  .proglist .style1415c .progorch,
  .style1415c .proglist .progorch        
                   { background: #FFE000 }   /* Text */

  .style1415c .progdate A,
  .style1415c .progdate A:link,
  .style1415c .progdate A:active,
  .style1415c .progdate A:visited,
  .style1415c A.linkon,
  .style1415c A.linkon:visited
                   {     background: #F0B000;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFF00), to(#E06000)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFFF00, #E06000); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFFF00, #E06000); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FFFF00, #E06000);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FFFF00, #E06000);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1415c .progdate A:hover,
  .style1415c A.linkon:hover
                   {     background: #FEE870;
    background: -webkit-gradient(linear, left top, left bottom, from(#FEE870), to(#FFE000)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FEE870, #FFE000); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FEE870, #FFE000); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FEE870, #FFE000);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FEE870, #FFE000);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1516 A:link    { color: #0C8844 }
  .style1516 A:active  { color: #0C8844 }
  .style1516 A:visited { color: #0A6622 }
  .style1516 A:hover   { color: #0A6622 }

  .style1516
  DIV.heading       { background: #80EEC0;
                          background: -webkit-linear-gradient(left, #80C0F0, #A0FFC0, #80C0F0); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #80C0F0, #A0FFC0, #80C0F0); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #80C0F0, #A0FFC0, #80C0F0); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #80C0F0, #A0FFC0, #80C0F0);
            /* For IE 10+ */
    background: linear-gradient(to left, #80C0F0, #A0FFC0, #80C0F0); 
            /* For CSS3 */
                       }

  .style1516
  DIV.contents      { background: #A4F8D0;
                      border-top: medium #079052 solid }
  .style1516
  DIV.main          { background: #DDFFEE }

  .style1516
  DIV.section       { background: #DDFFEE;
                      border-top: medium #079052 solid }

  .style1516 
  .linkcol          { color: #079052 }

  .style1516 H1,
  .style1516 H2,
  .style1516 H3,
  .style1516 H4,
  .style1516 .bigtext { color: #079052 }
  
  .style1516
  .shadetable       { background: #80EEC0 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1516 HR    { color: #079052;       /* IE uses color property */
                      background: #079052;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1516 TABLE.news       { border-spacing: 0 10px;
                   }

  .style1516 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #A4F8D0; 
                     border-color: #80EEC0; }

  .style1516 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1516 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1516 DIV.proglist .item
                   { background: #80EEC0; }
    }  /* Programme stuff */
  .style1516 DIV.proglist
                   { background: #DDFFEE;
                     border-top: medium #079052 solid }

  .style1516 DIV.progitem 
                   { background: #DDFFEE }

  .style1516 DIV.progitem DIV.section
                   { background: #DDFFEE }

  .style1516 .rev
                   { background: #20B060 }

  .style1516 .rev2
                   { background: #20D080 }
  
  /* Text which varies with current programme colour */
  .style1516 .progitem .progtext, 
  .style1516 .progitem .progvenue,
  .style1516 .progsoloist A,
  .style1516 A.progsoloist,
  .style1516 .progsoloist
                   { color: #079052 }

  .proglist .style1516 TH,
  .style1516 .proglist TH
                   { background: #20D080 }

  .proglist .style1516 .progtext,
  .style1516 .proglist .progtext, 
  .proglist .style1516 .progvenue,
  .style1516 .proglist .progvenue,
  .proglist .style1516 .progorch,
  .style1516 .proglist .progorch        
                   { background: #80EEC0 }   /* Text */

  .style1516 .progdate A,
  .style1516 .progdate A:link,
  .style1516 .progdate A:active,
  .style1516 .progdate A:visited,
  .style1516 A.linkon,
  .style1516 A.linkon:visited
                   {     background: #20D080;
    background: -webkit-gradient(linear, left top, left bottom, from(#80FFA0), to(#008040)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #80FFA0, #008040); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #80FFA0, #008040); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #80FFA0, #008040);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #80FFA0, #008040);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1516 .progdate A:hover,
  .style1516 A.linkon:hover
                   {     background: #A4F8D0;
    background: -webkit-gradient(linear, left top, left bottom, from(#A4F8D0), to(#20D080)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #A4F8D0, #20D080); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #A4F8D0, #20D080); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #A4F8D0, #20D080);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #A4F8D0, #20D080);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1516c A:link    { color: #947A00 }
  .style1516c A:active  { color: #947A00 }
  .style1516c A:visited { color: #846A00 }
  .style1516c A:hover   { color: #846A00 }

  .style1516c
  DIV.heading       { background: #FFE000;
                          background: -webkit-linear-gradient(left, #E8C800, #FFFF4C, #E8C800); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #E8C800, #FFFF4C, #E8C800); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #E8C800, #FFFF4C, #E8C800); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #E8C800, #FFFF4C, #E8C800);
            /* For IE 10+ */
    background: linear-gradient(to left, #E8C800, #FFFF4C, #E8C800); 
            /* For CSS3 */
                       }

  .style1516c
  DIV.contents      { background: #FEE870;
                      border-top: medium #905000 solid }
  .style1516c
  DIV.main          { background: #FFED95 }

  .style1516c
  DIV.section       { background: #FFED95;
                      border-top: medium #905000 solid }

  .style1516c 
  .linkcol          { color: #905000 }

  .style1516c H1,
  .style1516c H2,
  .style1516c H3,
  .style1516c H4,
  .style1516c .bigtext { color: #905000 }
  
  .style1516c
  .shadetable       { background: #FFE000 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1516c HR    { color: #905000;       /* IE uses color property */
                      background: #905000;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1516c TABLE.news       { border-spacing: 0 10px;
                   }

  .style1516c .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #FEE870; 
                     border-color: #FFE000; }

  .style1516c .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1516c .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1516c DIV.proglist .item
                   { background: #FFE000; }
    }  /* Programme stuff */
  .style1516c DIV.proglist
                   { background: #FFED95;
                     border-top: medium #905000 solid }

  .style1516c DIV.progitem 
                   { background: #FFED95 }

  .style1516c DIV.progitem DIV.section
                   { background: #FFED95 }

  .style1516c .rev
                   { background: #C0A000 }

  .style1516c .rev2
                   { background: #E0C000 }
  
  /* Text which varies with current programme colour */
  .style1516c .progitem .progtext, 
  .style1516c .progitem .progvenue,
  .style1516c .progsoloist A,
  .style1516c A.progsoloist,
  .style1516c .progsoloist
                   { color: #905000 }

  .proglist .style1516c TH,
  .style1516c .proglist TH
                   { background: #E0C000 }

  .proglist .style1516c .progtext,
  .style1516c .proglist .progtext, 
  .proglist .style1516c .progvenue,
  .style1516c .proglist .progvenue,
  .proglist .style1516c .progorch,
  .style1516c .proglist .progorch        
                   { background: #FFE000 }   /* Text */

  .style1516c .progdate A,
  .style1516c .progdate A:link,
  .style1516c .progdate A:active,
  .style1516c .progdate A:visited,
  .style1516c A.linkon,
  .style1516c A.linkon:visited
                   {     background: #E0C000;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFF00), to(#A06000)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFFF00, #A06000); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFFF00, #A06000); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FFFF00, #A06000);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FFFF00, #A06000);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1516c .progdate A:hover,
  .style1516c A.linkon:hover
                   {     background: #FEE870;
    background: -webkit-gradient(linear, left top, left bottom, from(#FEE870), to(#FFE000)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FEE870, #FFE000); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FEE870, #FFE000); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FEE870, #FFE000);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FEE870, #FFE000);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1617 A:link    { color: #004488 }
  .style1617 A:active  { color: #004488 }
  .style1617 A:visited { color: #2266AA }
  .style1617 A:hover   { color: #2266AA }

  .style1617
  DIV.heading       { background: #99EEFF;
                          background: -webkit-linear-gradient(left, #6688FF, #00FFFF, #6688FF); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #6688FF, #00FFFF, #6688FF); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #6688FF, #00FFFF, #6688FF); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #6688FF, #00FFFF, #6688FF);
            /* For IE 10+ */
    background: linear-gradient(to left, #6688FF, #00FFFF, #6688FF); 
            /* For CSS3 */
                       }

  .style1617
  DIV.contents      { background: #BBFFFF;
                      border-top: medium #004488 solid }
  .style1617
  DIV.main          { background: #DDFFFF }

  .style1617
  DIV.section       { background: #DDFFFF;
                      border-top: medium #004488 solid }

  .style1617 
  .linkcol          { color: #004488 }

  .style1617 H1,
  .style1617 H2,
  .style1617 H3,
  .style1617 H4,
  .style1617 .bigtext { color: #004488 }
  
  .style1617
  .shadetable       { background: #99EEFF }

  /* Bar in current programme colour - ignore CSS warning */
  .style1617 HR    { color: #004488;       /* IE uses color property */
                      background: #004488;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1617 TABLE.news       { border-spacing: 0 10px;
                   }

  .style1617 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #BBFFFF; 
                     border-color: #99EEFF; }

  .style1617 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1617 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1617 DIV.proglist .item
                   { background: #99EEFF; }
    }  /* Programme stuff */
  .style1617 DIV.proglist
                   { background: #DDFFFF;
                     border-top: medium #004488 solid }

  .style1617 DIV.progitem 
                   { background: #DDFFFF }

  .style1617 DIV.progitem DIV.section
                   { background: #DDFFFF }

  .style1617 .rev
                   { background: #3377CC }

  .style1617 .rev2
                   { background: #4499EE }
  
  /* Text which varies with current programme colour */
  .style1617 .progitem .progtext, 
  .style1617 .progitem .progvenue,
  .style1617 .progsoloist A,
  .style1617 A.progsoloist,
  .style1617 .progsoloist
                   { color: #004488 }

  .proglist .style1617 TH,
  .style1617 .proglist TH
                   { background: #4499EE }

  .proglist .style1617 .progtext,
  .style1617 .proglist .progtext, 
  .proglist .style1617 .progvenue,
  .style1617 .proglist .progvenue,
  .proglist .style1617 .progorch,
  .style1617 .proglist .progorch        
                   { background: #99EEFF }   /* Text */

  .style1617 .progdate A,
  .style1617 .progdate A:link,
  .style1617 .progdate A:active,
  .style1617 .progdate A:visited,
  .style1617 A.linkon,
  .style1617 A.linkon:visited
                   {     background: #4499EE;
    background: -webkit-gradient(linear, left top, left bottom, from(#66CCFF), to(#002266)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #66CCFF, #002266); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #66CCFF, #002266); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #66CCFF, #002266);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #66CCFF, #002266);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1617 .progdate A:hover,
  .style1617 A.linkon:hover
                   {     background: #BBFFFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#BBFFFF), to(#4499EE)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #BBFFFF, #4499EE); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #BBFFFF, #4499EE); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #BBFFFF, #4499EE);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #BBFFFF, #4499EE);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1617c A:link    { color: #992200 }
  .style1617c A:active  { color: #992200 }
  .style1617c A:visited { color: #884422 }
  .style1617c A:hover   { color: #884422 }

  .style1617c
  DIV.heading       { background: #FFEE00;
                          background: -webkit-linear-gradient(left, #FF6600, #FFFF44, #FF6600); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #FF6600, #FFFF44, #FF6600); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #FF6600, #FFFF44, #FF6600); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #FF6600, #FFFF44, #FF6600);
            /* For IE 10+ */
    background: linear-gradient(to left, #FF6600, #FFFF44, #FF6600); 
            /* For CSS3 */
                       }

  .style1617c
  DIV.contents      { background: #FFCC44;
                      border-top: medium #992200 solid }
  .style1617c
  DIV.main          { background: #FFEE88 }

  .style1617c
  DIV.section       { background: #FFEE88;
                      border-top: medium #992200 solid }

  .style1617c 
  .linkcol          { color: #992200 }

  .style1617c H1,
  .style1617c H2,
  .style1617c H3,
  .style1617c H4,
  .style1617c .bigtext { color: #992200 }
  
  .style1617c
  .shadetable       { background: #FFEE00 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1617c HR    { color: #992200;       /* IE uses color property */
                      background: #992200;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1617c TABLE.news       { border-spacing: 0 10px;
                   }

  .style1617c .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #FFCC44; 
                     border-color: #FFEE00; }

  .style1617c .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1617c .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1617c DIV.proglist .item
                   { background: #FFEE00; }
    }  /* Programme stuff */
  .style1617c DIV.proglist
                   { background: #FFEE88;
                     border-top: medium #992200 solid }

  .style1617c DIV.progitem 
                   { background: #FFEE88 }

  .style1617c DIV.progitem DIV.section
                   { background: #FFEE88 }

  .style1617c .rev
                   { background: #CC5500 }

  .style1617c .rev2
                   { background: #EE7700 }
  
  /* Text which varies with current programme colour */
  .style1617c .progitem .progtext, 
  .style1617c .progitem .progvenue,
  .style1617c .progsoloist A,
  .style1617c A.progsoloist,
  .style1617c .progsoloist
                   { color: #992200 }

  .proglist .style1617c TH,
  .style1617c .proglist TH
                   { background: #EE7700 }

  .proglist .style1617c .progtext,
  .style1617c .proglist .progtext, 
  .proglist .style1617c .progvenue,
  .style1617c .proglist .progvenue,
  .proglist .style1617c .progorch,
  .style1617c .proglist .progorch        
                   { background: #FFEE00 }   /* Text */

  .style1617c .progdate A,
  .style1617c .progdate A:link,
  .style1617c .progdate A:active,
  .style1617c .progdate A:visited,
  .style1617c A.linkon,
  .style1617c A.linkon:visited
                   {     background: #EE7700;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFAA00), to(#992200)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFAA00, #992200); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFAA00, #992200); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FFAA00, #992200);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FFAA00, #992200);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1617c .progdate A:hover,
  .style1617c A.linkon:hover
                   {     background: #FFCC44;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFCC44), to(#FFEE00)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFCC44, #FFEE00); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFCC44, #FFEE00); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FFCC44, #FFEE00);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FFCC44, #FFEE00);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1718 A:link    { color: #4444AA }
  .style1718 A:active  { color: #4444AA }
  .style1718 A:visited { color: #222288 }
  .style1718 A:hover   { color: #222288 }

  .style1718
  DIV.heading       { background: #FFA0A0;
                          background: -webkit-linear-gradient(left, #8899FF, #FFA0A0, #8899FF); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #8899FF, #FFA0A0, #8899FF); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #8899FF, #FFA0A0, #8899FF); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #8899FF, #FFA0A0, #8899FF);
            /* For IE 10+ */
    background: linear-gradient(to left, #8899FF, #FFA0A0, #8899FF); 
            /* For CSS3 */
                       }

  .style1718
  DIV.contents      { background: #FFD0D0;
                      border-top: medium #4444AA solid }
  .style1718
  DIV.main          { background: #FFEEEE }

  .style1718
  DIV.section       { background: #FFEEEE;
                      border-top: medium #4444AA solid }

  .style1718 
  .linkcol          { color: #4444AA }

  .style1718 H1,
  .style1718 H2,
  .style1718 H3,
  .style1718 H4,
  .style1718 .bigtext { color: #4444AA }
  
  .style1718
  .shadetable       { background: #FFA0A0 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1718 HR    { color: #4444AA;       /* IE uses color property */
                      background: #4444AA;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1718 TABLE.news       { border-spacing: 0 10px;
                   }

  .style1718 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #FFD0D0; 
                     border-color: #FFA0A0; }

  .style1718 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1718 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1718 DIV.proglist .item
                   { background: #FFA0A0; }
    }  /* Programme stuff */
  .style1718 DIV.proglist
                   { background: #FFEEEE;
                     border-top: medium #4444AA solid }

  .style1718 DIV.progitem 
                   { background: #FFEEEE }

  .style1718 DIV.progitem DIV.section
                   { background: #FFEEEE }

  .style1718 .rev
                   { background: #5577CC }

  .style1718 .rev2
                   { background: #7799EE }
  
  /* Text which varies with current programme colour */
  .style1718 .progitem .progtext, 
  .style1718 .progitem .progvenue,
  .style1718 .progsoloist A,
  .style1718 A.progsoloist,
  .style1718 .progsoloist
                   { color: #4444AA }

  .proglist .style1718 TH,
  .style1718 .proglist TH
                   { background: #7799EE }

  .proglist .style1718 .progtext,
  .style1718 .proglist .progtext, 
  .proglist .style1718 .progvenue,
  .style1718 .proglist .progvenue,
  .proglist .style1718 .progorch,
  .style1718 .proglist .progorch        
                   { background: #FFA0A0 }   /* Text */

  .style1718 .progdate A,
  .style1718 .progdate A:link,
  .style1718 .progdate A:active,
  .style1718 .progdate A:visited,
  .style1718 A.linkon,
  .style1718 A.linkon:visited
                   {     background: #7799EE;
    background: -webkit-gradient(linear, left top, left bottom, from(#60A0FF), to(#883344)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #60A0FF, #883344); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #60A0FF, #883344); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #60A0FF, #883344);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #60A0FF, #883344);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1718 .progdate A:hover,
  .style1718 A.linkon:hover
                   {     background: #FFD0D0;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFD0D0), to(#7799EE)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFD0D0, #7799EE); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFD0D0, #7799EE); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FFD0D0, #7799EE);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FFD0D0, #7799EE);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1718c A:link    { color: #225500 }
  .style1718c A:active  { color: #225500 }
  .style1718c A:visited { color: #445522 }
  .style1718c A:hover   { color: #445522 }

  .style1718c
  DIV.heading       { background: #BBEE22;
                          background: -webkit-linear-gradient(left, #66FF66, #FFFF44, #66FF66); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #66FF66, #FFFF44, #66FF66); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #66FF66, #FFFF44, #66FF66); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #66FF66, #FFFF44, #66FF66);
            /* For IE 10+ */
    background: linear-gradient(to left, #66FF66, #FFFF44, #66FF66); 
            /* For CSS3 */
                       }

  .style1718c
  DIV.contents      { background: #CCFF44;
                      border-top: medium #225500 solid }
  .style1718c
  DIV.main          { background: #EEFF88 }

  .style1718c
  DIV.section       { background: #EEFF88;
                      border-top: medium #225500 solid }

  .style1718c 
  .linkcol          { color: #225500 }

  .style1718c H1,
  .style1718c H2,
  .style1718c H3,
  .style1718c H4,
  .style1718c .bigtext { color: #225500 }
  
  .style1718c
  .shadetable       { background: #BBEE22 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1718c HR    { color: #225500;       /* IE uses color property */
                      background: #225500;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1718c TABLE.news       { border-spacing: 0 10px;
                   }

  .style1718c .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #CCFF44; 
                     border-color: #BBEE22; }

  .style1718c .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1718c .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1718c DIV.proglist .item
                   { background: #BBEE22; }
    }  /* Programme stuff */
  .style1718c DIV.proglist
                   { background: #EEFF88;
                     border-top: medium #225500 solid }

  .style1718c DIV.progitem 
                   { background: #EEFF88 }

  .style1718c DIV.progitem DIV.section
                   { background: #EEFF88 }

  .style1718c .rev
                   { background: #66BB00 }

  .style1718c .rev2
                   { background: #99DD00 }
  
  /* Text which varies with current programme colour */
  .style1718c .progitem .progtext, 
  .style1718c .progitem .progvenue,
  .style1718c .progsoloist A,
  .style1718c A.progsoloist,
  .style1718c .progsoloist
                   { color: #225500 }

  .proglist .style1718c TH,
  .style1718c .proglist TH
                   { background: #99DD00 }

  .proglist .style1718c .progtext,
  .style1718c .proglist .progtext, 
  .proglist .style1718c .progvenue,
  .style1718c .proglist .progvenue,
  .proglist .style1718c .progorch,
  .style1718c .proglist .progorch        
                   { background: #BBEE22 }   /* Text */

  .style1718c .progdate A,
  .style1718c .progdate A:link,
  .style1718c .progdate A:active,
  .style1718c .progdate A:visited,
  .style1718c A.linkon,
  .style1718c A.linkon:visited
                   {     background: #99DD00;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFF00), to(#229900)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFFF00, #229900); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFFF00, #229900); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FFFF00, #229900);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FFFF00, #229900);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1718c .progdate A:hover,
  .style1718c A.linkon:hover
                   {     background: #CCFF44;
    background: -webkit-gradient(linear, left top, left bottom, from(#CCFF44), to(#BBEE22)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #CCFF44, #BBEE22); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #CCFF44, #BBEE22); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #CCFF44, #BBEE22);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #CCFF44, #BBEE22);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1819 A:link    { color: #772277 }
  .style1819 A:active  { color: #772277 }
  .style1819 A:visited { color: #552255 }
  .style1819 A:hover   { color: #552255 }

  .style1819
  DIV.heading       { background: #88BBDD;
                          background: -webkit-linear-gradient(left, #FF66BB, #77DDFF, #FF66BB); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #FF66BB, #77DDFF, #FF66BB); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #FF66BB, #77DDFF, #FF66BB); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #FF66BB, #77DDFF, #FF66BB);
            /* For IE 10+ */
    background: linear-gradient(to left, #FF66BB, #77DDFF, #FF66BB); 
            /* For CSS3 */
                       }

  .style1819
  DIV.contents      { background: #99CCEE;
                      border-top: medium #662266 solid }
  .style1819
  DIV.main          { background: #AADDFF }

  .style1819
  DIV.section       { background: #AADDFF;
                      border-top: medium #662266 solid }

  .style1819 
  .linkcol          { color: #662266 }

  .style1819 H1,
  .style1819 H2,
  .style1819 H3,
  .style1819 H4,
  .style1819 .bigtext { color: #662266 }
  
  .style1819
  .shadetable       { background: #88BBDD }

  /* Bar in current programme colour - ignore CSS warning */
  .style1819 HR    { color: #662266;       /* IE uses color property */
                      background: #662266;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1819 TABLE.news       { border-spacing: 0 10px;
                   }

  .style1819 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #99CCEE; 
                     border-color: #88BBDD; }

  .style1819 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1819 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1819 DIV.proglist .item
                   { background: #88BBDD; }
    }  /* Programme stuff */
  .style1819 DIV.proglist
                   { background: #AADDFF;
                     border-top: medium #662266 solid }

  .style1819 DIV.progitem 
                   { background: #AADDFF }

  .style1819 DIV.progitem DIV.section
                   { background: #AADDFF }

  .style1819 .rev
                   { background: #CC4488 }

  .style1819 .rev2
                   { background: #FF55AA }
  
  /* Text which varies with current programme colour */
  .style1819 .progitem .progtext, 
  .style1819 .progitem .progvenue,
  .style1819 .progsoloist A,
  .style1819 A.progsoloist,
  .style1819 .progsoloist
                   { color: #662266 }

  .proglist .style1819 TH,
  .style1819 .proglist TH
                   { background: #FF55AA }

  .proglist .style1819 .progtext,
  .style1819 .proglist .progtext, 
  .proglist .style1819 .progvenue,
  .style1819 .proglist .progvenue,
  .proglist .style1819 .progorch,
  .style1819 .proglist .progorch        
                   { background: #88BBDD }   /* Text */

  .style1819 .progdate A,
  .style1819 .progdate A:link,
  .style1819 .progdate A:active,
  .style1819 .progdate A:visited,
  .style1819 A.linkon,
  .style1819 A.linkon:visited
                   {     background: #FF55AA;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF77DD), to(#007777)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FF77DD, #007777); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FF77DD, #007777); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FF77DD, #007777);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FF77DD, #007777);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1819 .progdate A:hover,
  .style1819 A.linkon:hover
                   {     background: #99CCEE;
    background: -webkit-gradient(linear, left top, left bottom, from(#99CCEE), to(#FF55AA)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #99CCEE, #FF55AA); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #99CCEE, #FF55AA); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #99CCEE, #FF55AA);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #99CCEE, #FF55AA);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1819c A:link    { color: #225500 }
  .style1819c A:active  { color: #225500 }
  .style1819c A:visited { color: #445522 }
  .style1819c A:hover   { color: #445522 }

  .style1819c
  DIV.heading       { background: #77DD77;
                          background: -webkit-linear-gradient(left, #FFFF00, #88EE88, #FFFF00); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #FFFF00, #88EE88, #FFFF00); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #FFFF00, #88EE88, #FFFF00); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #FFFF00, #88EE88, #FFFF00);
            /* For IE 10+ */
    background: linear-gradient(to left, #FFFF00, #88EE88, #FFFF00); 
            /* For CSS3 */
                       }

  .style1819c
  DIV.contents      { background: #AADDAA;
                      border-top: medium #555500 solid }
  .style1819c
  DIV.main          { background: #AAFFAA }

  .style1819c
  DIV.section       { background: #AAFFAA;
                      border-top: medium #555500 solid }

  .style1819c 
  .linkcol          { color: #555500 }

  .style1819c H1,
  .style1819c H2,
  .style1819c H3,
  .style1819c H4,
  .style1819c .bigtext { color: #555500 }
  
  .style1819c
  .shadetable       { background: #77DD77 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1819c HR    { color: #555500;       /* IE uses color property */
                      background: #555500;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1819c TABLE.news       { border-spacing: 0 10px;
                   }

  .style1819c .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #AADDAA; 
                     border-color: #77DD77; }

  .style1819c .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1819c .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1819c DIV.proglist .item
                   { background: #77DD77; }
    }  /* Programme stuff */
  .style1819c DIV.proglist
                   { background: #AAFFAA;
                     border-top: medium #555500 solid }

  .style1819c DIV.progitem 
                   { background: #AAFFAA }

  .style1819c DIV.progitem DIV.section
                   { background: #AAFFAA }

  .style1819c .rev
                   { background: #338800 }

  .style1819c .rev2
                   { background: #66BB00 }
  
  /* Text which varies with current programme colour */
  .style1819c .progitem .progtext, 
  .style1819c .progitem .progvenue,
  .style1819c .progsoloist A,
  .style1819c A.progsoloist,
  .style1819c .progsoloist
                   { color: #555500 }

  .proglist .style1819c TH,
  .style1819c .proglist TH
                   { background: #66BB00 }

  .proglist .style1819c .progtext,
  .style1819c .proglist .progtext, 
  .proglist .style1819c .progvenue,
  .style1819c .proglist .progvenue,
  .proglist .style1819c .progorch,
  .style1819c .proglist .progorch        
                   { background: #77DD77 }   /* Text */

  .style1819c .progdate A,
  .style1819c .progdate A:link,
  .style1819c .progdate A:active,
  .style1819c .progdate A:visited,
  .style1819c A.linkon,
  .style1819c A.linkon:visited
                   {     background: #66BB00;
    background: -webkit-gradient(linear, left top, left bottom, from(#55FF55), to(#776600)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #55FF55, #776600); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #55FF55, #776600); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #55FF55, #776600);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #55FF55, #776600);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1819c .progdate A:hover,
  .style1819c A.linkon:hover
                   {     background: #AADDAA;
    background: -webkit-gradient(linear, left top, left bottom, from(#AADDAA), to(#77DD77)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #AADDAA, #77DD77); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #AADDAA, #77DD77); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #AADDAA, #77DD77);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #AADDAA, #77DD77);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1819p A:link    { color: #772277 }
  .style1819p A:active  { color: #772277 }
  .style1819p A:visited { color: #552255 }
  .style1819p A:hover   { color: #552255 }

  .style1819p
  DIV.heading       { background: #88BBDD;
                          background: -webkit-linear-gradient(left, #33FFFF, #FFFF33, #FF55FF); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #33FFFF, #FFFF33, #FF55FF); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #33FFFF, #FFFF33, #FF55FF); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #33FFFF, #FFFF33, #FF55FF);
            /* For IE 10+ */
    background: linear-gradient(to left, #33FFFF, #FFFF33, #FF55FF); 
            /* For CSS3 */
                       }

  .style1819p
  DIV.contents      { background: #99CCEE;
                      border-top: medium #662266 solid }
  .style1819p
  DIV.main          { background: #AADDFF }

  .style1819p
  DIV.section       { background: #AADDFF;
                      border-top: medium #662266 solid }

  .style1819p 
  .linkcol          { color: #662266 }

  .style1819p H1,
  .style1819p H2,
  .style1819p H3,
  .style1819p H4,
  .style1819p .bigtext { color: #662266 }
  
  .style1819p
  .shadetable       { background: #88BBDD }

  /* Bar in current programme colour - ignore CSS warning */
  .style1819p HR    { color: #662266;       /* IE uses color property */
                      background: #662266;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1819p TABLE.news       { border-spacing: 0 10px;
                   }

  .style1819p .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #99CCEE; 
                     border-color: #88BBDD; }

  .style1819p .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1819p .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1819p DIV.proglist .item
                   { background: #88BBDD; }
    }  /* Programme stuff */
  .style1819p DIV.proglist
                   { background: #AADDFF;
                     border-top: medium #662266 solid }

  .style1819p DIV.progitem 
                   { background: #AADDFF }

  .style1819p DIV.progitem DIV.section
                   { background: #AADDFF }

  .style1819p .rev
                   { background: #CC4488 }

  .style1819p .rev2
                   { background: #FF55AA }
  
  /* Text which varies with current programme colour */
  .style1819p .progitem .progtext, 
  .style1819p .progitem .progvenue,
  .style1819p .progsoloist A,
  .style1819p A.progsoloist,
  .style1819p .progsoloist
                   { color: #662266 }

  .proglist .style1819p TH,
  .style1819p .proglist TH
                   { background: #FF55AA }

  .proglist .style1819p .progtext,
  .style1819p .proglist .progtext, 
  .proglist .style1819p .progvenue,
  .style1819p .proglist .progvenue,
  .proglist .style1819p .progorch,
  .style1819p .proglist .progorch        
                   { background: #88BBDD }   /* Text */

  .style1819p .progdate A,
  .style1819p .progdate A:link,
  .style1819p .progdate A:active,
  .style1819p .progdate A:visited,
  .style1819p A.linkon,
  .style1819p A.linkon:visited
                   {     background: #FF55AA;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF77DD), to(#007777)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FF77DD, #007777); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FF77DD, #007777); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FF77DD, #007777);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FF77DD, #007777);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1819p .progdate A:hover,
  .style1819p A.linkon:hover
                   {     background: #99CCEE;
    background: -webkit-gradient(linear, left top, left bottom, from(#99CCEE), to(#FF55AA)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #99CCEE, #FF55AA); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #99CCEE, #FF55AA); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #99CCEE, #FF55AA);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #99CCEE, #FF55AA);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1920 A:link    { color: #884433 }
  .style1920 A:active  { color: #884433 }
  .style1920 A:visited { color: #663322 }
  .style1920 A:hover   { color: #663322 }

  .style1920
  DIV.heading       { background: #88EE88;
                          background: -webkit-linear-gradient(left, #FF7744, #99FF99, #FF7744); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #FF7744, #99FF99, #FF7744); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #FF7744, #99FF99, #FF7744); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #FF7744, #99FF99, #FF7744);
            /* For IE 10+ */
    background: linear-gradient(to left, #FF7744, #99FF99, #FF7744); 
            /* For CSS3 */
                       }

  .style1920
  DIV.contents      { background: #AAFFAA;
                      border-top: medium #BB5511 solid }
  .style1920
  DIV.main          { background: #BBFFBB }

  .style1920
  DIV.section       { background: #BBFFBB;
                      border-top: medium #BB5511 solid }

  .style1920 
  .linkcol          { color: #BB5511 }

  .style1920 H1,
  .style1920 H2,
  .style1920 H3,
  .style1920 H4,
  .style1920 .bigtext { color: #BB5511 }
  
  .style1920
  .shadetable       { background: #88EE88 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1920 HR    { color: #BB5511;       /* IE uses color property */
                      background: #BB5511;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1920 TABLE.news       { border-spacing: 0 10px;
                   }

  .style1920 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #AAFFAA; 
                     border-color: #88EE88; }

  .style1920 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1920 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1920 DIV.proglist .item
                   { background: #88EE88; }
    }  /* Programme stuff */
  .style1920 DIV.proglist
                   { background: #BBFFBB;
                     border-top: medium #BB5511 solid }

  .style1920 DIV.progitem 
                   { background: #BBFFBB }

  .style1920 DIV.progitem DIV.section
                   { background: #BBFFBB }

  .style1920 .rev
                   { background: #DD6E33 }

  .style1920 .rev2
                   { background: #EE773B }
  
  /* Text which varies with current programme colour */
  .style1920 .progitem .progtext, 
  .style1920 .progitem .progvenue,
  .style1920 .progsoloist A,
  .style1920 A.progsoloist,
  .style1920 .progsoloist
                   { color: #BB5511 }

  .proglist .style1920 TH,
  .style1920 .proglist TH
                   { background: #EE773B }

  .proglist .style1920 .progtext,
  .style1920 .proglist .progtext, 
  .proglist .style1920 .progvenue,
  .style1920 .proglist .progvenue,
  .proglist .style1920 .progorch,
  .style1920 .proglist .progorch        
                   { background: #88EE88 }   /* Text */

  .style1920 .progdate A,
  .style1920 .progdate A:link,
  .style1920 .progdate A:active,
  .style1920 .progdate A:visited,
  .style1920 A.linkon,
  .style1920 A.linkon:visited
                   {     background: #DD6E33;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFAA66), to(#007700)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFAA66, #007700); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFAA66, #007700); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FFAA66, #007700);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FFAA66, #007700);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1920 .progdate A:hover,
  .style1920 A.linkon:hover
                   {     background: #AAFFAA;
    background: -webkit-gradient(linear, left top, left bottom, from(#AAFFAA), to(#EE773B)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #AAFFAA, #EE773B); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #AAFFAA, #EE773B); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #AAFFAA, #EE773B);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #AAFFAA, #EE773B);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style1920c A:link    { color: #665500 }
  .style1920c A:active  { color: #665500 }
  .style1920c A:visited { color: #554411 }
  .style1920c A:hover   { color: #554411 }

  .style1920c
  DIV.heading       { background: #FFF044;
                          background: -webkit-linear-gradient(left, #FFFF00, #66DDFF, #FFFF00); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #FFFF00, #66DDFF, #FFFF00); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #FFFF00, #66DDFF, #FFFF00); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #FFFF00, #66DDFF, #FFFF00);
            /* For IE 10+ */
    background: linear-gradient(to left, #FFFF00, #66DDFF, #FFFF00); 
            /* For CSS3 */
                       }

  .style1920c
  DIV.contents      { background: #FFF866;
                      border-top: medium #665500 solid }
  .style1920c
  DIV.main          { background: #FFFF88 }

  .style1920c
  DIV.section       { background: #FFFF88;
                      border-top: medium #665500 solid }

  .style1920c 
  .linkcol          { color: #665500 }

  .style1920c H1,
  .style1920c H2,
  .style1920c H3,
  .style1920c H4,
  .style1920c .bigtext { color: #665500 }
  
  .style1920c
  .shadetable       { background: #FFF044 }

  /* Bar in current programme colour - ignore CSS warning */
  .style1920c HR    { color: #665500;       /* IE uses color property */
                      background: #665500;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style1920c TABLE.news       { border-spacing: 0 10px;
                   }

  .style1920c .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #FFF866; 
                     border-color: #FFF044; }

  .style1920c .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style1920c .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style1920c DIV.proglist .item
                   { background: #FFF044; }
    }  /* Programme stuff */
  .style1920c DIV.proglist
                   { background: #FFFF88;
                     border-top: medium #665500 solid }

  .style1920c DIV.progitem 
                   { background: #FFFF88 }

  .style1920c DIV.progitem DIV.section
                   { background: #FFFF88 }

  .style1920c .rev
                   { background: #227799 }

  .style1920c .rev2
                   { background: #3399BB }
  
  /* Text which varies with current programme colour */
  .style1920c .progitem .progtext, 
  .style1920c .progitem .progvenue,
  .style1920c .progsoloist A,
  .style1920c A.progsoloist,
  .style1920c .progsoloist
                   { color: #665500 }

  .proglist .style1920c TH,
  .style1920c .proglist TH
                   { background: #3399BB }

  .proglist .style1920c .progtext,
  .style1920c .proglist .progtext, 
  .proglist .style1920c .progvenue,
  .style1920c .proglist .progvenue,
  .proglist .style1920c .progorch,
  .style1920c .proglist .progorch        
                   { background: #FFF044 }   /* Text */

  .style1920c .progdate A,
  .style1920c .progdate A:link,
  .style1920c .progdate A:active,
  .style1920c .progdate A:visited,
  .style1920c A.linkon,
  .style1920c A.linkon:visited
                   {     background: #3399BB;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFF55), to(#005577)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFFF55, #005577); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFFF55, #005577); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FFFF55, #005577);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FFFF55, #005577);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style1920c .progdate A:hover,
  .style1920c A.linkon:hover
                   {     background: #FFF866;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF866), to(#FFF044)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFF866, #FFF044); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFF866, #FFF044); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FFF866, #FFF044);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FFF866, #FFF044);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style2122 A:link    { color: #772277 }
  .style2122 A:active  { color: #772277 }
  .style2122 A:visited { color: #552255 }
  .style2122 A:hover   { color: #552255 }

  .style2122
  DIV.heading       { background: #CCAAFF;
                          background: -webkit-linear-gradient(left, #FF77CC, #EECCFF, #FF77CC); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #FF77CC, #EECCFF, #FF77CC); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #FF77CC, #EECCFF, #FF77CC); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #FF77CC, #EECCFF, #FF77CC);
            /* For IE 10+ */
    background: linear-gradient(to left, #FF77CC, #EECCFF, #FF77CC); 
            /* For CSS3 */
                       }

  .style2122
  DIV.contents      { background: #DDBBFF;
                      border-top: medium #662266 solid }
  .style2122
  DIV.main          { background: #EECCFF }

  .style2122
  DIV.section       { background: #EECCFF;
                      border-top: medium #662266 solid }

  .style2122 
  .linkcol          { color: #662266 }

  .style2122 H1,
  .style2122 H2,
  .style2122 H3,
  .style2122 H4,
  .style2122 .bigtext { color: #662266 }
  
  .style2122
  .shadetable       { background: #CCAAFF }

  /* Bar in current programme colour - ignore CSS warning */
  .style2122 HR    { color: #662266;       /* IE uses color property */
                      background: #662266;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style2122 TABLE.news       { border-spacing: 0 10px;
                   }

  .style2122 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #DDBBFF; 
                     border-color: #CCAAFF; }

  .style2122 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style2122 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style2122 DIV.proglist .item
                   { background: #CCAAFF; }
    }  /* Programme stuff */
  .style2122 DIV.proglist
                   { background: #EECCFF;
                     border-top: medium #662266 solid }

  .style2122 DIV.progitem 
                   { background: #EECCFF }

  .style2122 DIV.progitem DIV.section
                   { background: #EECCFF }

  .style2122 .rev
                   { background: #CC4488 }

  .style2122 .rev2
                   { background: #FF55AA }
  
  /* Text which varies with current programme colour */
  .style2122 .progitem .progtext, 
  .style2122 .progitem .progvenue,
  .style2122 .progsoloist A,
  .style2122 A.progsoloist,
  .style2122 .progsoloist
                   { color: #662266 }

  .proglist .style2122 TH,
  .style2122 .proglist TH
                   { background: #FF55AA }

  .proglist .style2122 .progtext,
  .style2122 .proglist .progtext, 
  .proglist .style2122 .progvenue,
  .style2122 .proglist .progvenue,
  .proglist .style2122 .progorch,
  .style2122 .proglist .progorch        
                   { background: #CCAAFF }   /* Text */

  .style2122 .progdate A,
  .style2122 .progdate A:link,
  .style2122 .progdate A:active,
  .style2122 .progdate A:visited,
  .style2122 A.linkon,
  .style2122 A.linkon:visited
                   {     background: #FF55AA;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF77DD), to(#5555DD)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FF77DD, #5555DD); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FF77DD, #5555DD); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FF77DD, #5555DD);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FF77DD, #5555DD);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style2122 .progdate A:hover,
  .style2122 A.linkon:hover
                   {     background: #DDBBFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#DDBBFF), to(#FF55AA)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #DDBBFF, #FF55AA); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #DDBBFF, #FF55AA); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #DDBBFF, #FF55AA);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #DDBBFF, #FF55AA);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style2122c A:link    { color: #992200 }
  .style2122c A:active  { color: #992200 }
  .style2122c A:visited { color: #884422 }
  .style2122c A:hover   { color: #884422 }

  .style2122c
  DIV.heading       { background: #FFCC55;
                          background: -webkit-linear-gradient(left, #FF5555, #FFFF44, #FF5555); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #FF5555, #FFFF44, #FF5555); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #FF5555, #FFFF44, #FF5555); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #FF5555, #FFFF44, #FF5555);
            /* For IE 10+ */
    background: linear-gradient(to left, #FF5555, #FFFF44, #FF5555); 
            /* For CSS3 */
                       }

  .style2122c
  DIV.contents      { background: #FFDD66;
                      border-top: medium #992200 solid }
  .style2122c
  DIV.main          { background: #FFFF88 }

  .style2122c
  DIV.section       { background: #FFFF88;
                      border-top: medium #992200 solid }

  .style2122c 
  .linkcol          { color: #992200 }

  .style2122c H1,
  .style2122c H2,
  .style2122c H3,
  .style2122c H4,
  .style2122c .bigtext { color: #992200 }
  
  .style2122c
  .shadetable       { background: #FFCC55 }

  /* Bar in current programme colour - ignore CSS warning */
  .style2122c HR    { color: #992200;       /* IE uses color property */
                      background: #992200;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style2122c TABLE.news       { border-spacing: 0 10px;
                   }

  .style2122c .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #FFDD66; 
                     border-color: #FFCC55; }

  .style2122c .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style2122c .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style2122c DIV.proglist .item
                   { background: #FFCC55; }
    }  /* Programme stuff */
  .style2122c DIV.proglist
                   { background: #FFFF88;
                     border-top: medium #992200 solid }

  .style2122c DIV.progitem 
                   { background: #FFFF88 }

  .style2122c DIV.progitem DIV.section
                   { background: #FFFF88 }

  .style2122c .rev
                   { background: #EE3322 }

  .style2122c .rev2
                   { background: #FF4433 }
  
  /* Text which varies with current programme colour */
  .style2122c .progitem .progtext, 
  .style2122c .progitem .progvenue,
  .style2122c .progsoloist A,
  .style2122c A.progsoloist,
  .style2122c .progsoloist
                   { color: #992200 }

  .proglist .style2122c TH,
  .style2122c .proglist TH
                   { background: #FF4433 }

  .proglist .style2122c .progtext,
  .style2122c .proglist .progtext, 
  .proglist .style2122c .progvenue,
  .style2122c .proglist .progvenue,
  .proglist .style2122c .progorch,
  .style2122c .proglist .progorch        
                   { background: #FFCC55 }   /* Text */

  .style2122c .progdate A,
  .style2122c .progdate A:link,
  .style2122c .progdate A:active,
  .style2122c .progdate A:visited,
  .style2122c A.linkon,
  .style2122c A.linkon:visited
                   {     background: #FF4433;
    background: -webkit-gradient(linear, left top, left bottom, from(#EEEE00), to(#BB2200)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #EEEE00, #BB2200); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #EEEE00, #BB2200); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #EEEE00, #BB2200);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #EEEE00, #BB2200);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style2122c .progdate A:hover,
  .style2122c A.linkon:hover
                   {     background: #FFDD66;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFDD66), to(#FFCC55)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFDD66, #FFCC55); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFDD66, #FFCC55); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FFDD66, #FFCC55);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FFDD66, #FFCC55);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style2223 A:link    { color: #226622 }
  .style2223 A:active  { color: #226622 }
  .style2223 A:visited { color: #446644 }
  .style2223 A:hover   { color: #446644 }

  .style2223
  DIV.heading       { background: #66EEFF;
                          background: -webkit-linear-gradient(left, #59FF59, #66EEFF, #59FF59); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #59FF59, #66EEFF, #59FF59); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #59FF59, #66EEFF, #59FF59); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #59FF59, #66EEFF, #59FF59);
            /* For IE 10+ */
    background: linear-gradient(to left, #59FF59, #66EEFF, #59FF59); 
            /* For CSS3 */
                       }

  .style2223
  DIV.contents      { background: #AAF0FF;
                      border-top: medium #226622 solid }
  .style2223
  DIV.main          { background: #DDFFDD }

  .style2223
  DIV.section       { background: #DDFFDD;
                      border-top: medium #226622 solid }

  .style2223 
  .linkcol          { color: #226622 }

  .style2223 H1,
  .style2223 H2,
  .style2223 H3,
  .style2223 H4,
  .style2223 .bigtext { color: #226622 }
  
  .style2223
  .shadetable       { background: #66EEFF }

  /* Bar in current programme colour - ignore CSS warning */
  .style2223 HR    { color: #226622;       /* IE uses color property */
                      background: #226622;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style2223 TABLE.news       { border-spacing: 0 10px;
                   }

  .style2223 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #AAF0FF; 
                     border-color: #66EEFF; }

  .style2223 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style2223 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style2223 DIV.proglist .item
                   { background: #66EEFF; }
    }  /* Programme stuff */
  .style2223 DIV.proglist
                   { background: #DDFFDD;
                     border-top: medium #226622 solid }

  .style2223 DIV.progitem 
                   { background: #DDFFDD }

  .style2223 DIV.progitem DIV.section
                   { background: #DDFFDD }

  .style2223 .rev
                   { background: #449944 }

  .style2223 .rev2
                   { background: #44BB44 }
  
  /* Text which varies with current programme colour */
  .style2223 .progitem .progtext, 
  .style2223 .progitem .progvenue,
  .style2223 .progsoloist A,
  .style2223 A.progsoloist,
  .style2223 .progsoloist
                   { color: #226622 }

  .proglist .style2223 TH,
  .style2223 .proglist TH
                   { background: #44BB44 }

  .proglist .style2223 .progtext,
  .style2223 .proglist .progtext, 
  .proglist .style2223 .progvenue,
  .style2223 .proglist .progvenue,
  .proglist .style2223 .progorch,
  .style2223 .proglist .progorch        
                   { background: #66EEFF }   /* Text */

  .style2223 .progdate A,
  .style2223 .progdate A:link,
  .style2223 .progdate A:active,
  .style2223 .progdate A:visited,
  .style2223 A.linkon,
  .style2223 A.linkon:visited
                   {     background: #44BB44;
    background: -webkit-gradient(linear, left top, left bottom, from(#79FF79), to(#226699)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #79FF79, #226699); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #79FF79, #226699); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #79FF79, #226699);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #79FF79, #226699);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style2223 .progdate A:hover,
  .style2223 A.linkon:hover
                   {     background: #AAF0FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#AAF0FF), to(#44BB44)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #AAF0FF, #44BB44); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #AAF0FF, #44BB44); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #AAF0FF, #44BB44);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #AAF0FF, #44BB44);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style2223c A:link    { color: #226622 }
  .style2223c A:active  { color: #226622 }
  .style2223c A:visited { color: #448844 }
  .style2223c A:hover   { color: #448844 }

  .style2223c
  DIV.heading       { background: #EEEE55;
                          background: -webkit-linear-gradient(left, #55FF55, #FFFF44, #55FF55); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #55FF55, #FFFF44, #55FF55); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #55FF55, #FFFF44, #55FF55); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #55FF55, #FFFF44, #55FF55);
            /* For IE 10+ */
    background: linear-gradient(to left, #55FF55, #FFFF44, #55FF55); 
            /* For CSS3 */
                       }

  .style2223c
  DIV.contents      { background: #EEF066;
                      border-top: medium #226622 solid }
  .style2223c
  DIV.main          { background: #EEFFCC }

  .style2223c
  DIV.section       { background: #EEFFCC;
                      border-top: medium #226622 solid }

  .style2223c 
  .linkcol          { color: #226622 }

  .style2223c H1,
  .style2223c H2,
  .style2223c H3,
  .style2223c H4,
  .style2223c .bigtext { color: #226622 }
  
  .style2223c
  .shadetable       { background: #EEEE55 }

  /* Bar in current programme colour - ignore CSS warning */
  .style2223c HR    { color: #226622;       /* IE uses color property */
                      background: #226622;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style2223c TABLE.news       { border-spacing: 0 10px;
                   }

  .style2223c .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #EEF066; 
                     border-color: #EEEE55; }

  .style2223c .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style2223c .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style2223c DIV.proglist .item
                   { background: #EEEE55; }
    }  /* Programme stuff */
  .style2223c DIV.proglist
                   { background: #EEFFCC;
                     border-top: medium #226622 solid }

  .style2223c DIV.progitem 
                   { background: #EEFFCC }

  .style2223c DIV.progitem DIV.section
                   { background: #EEFFCC }

  .style2223c .rev
                   { background: #449944 }

  .style2223c .rev2
                   { background: #44BB44 }
  
  /* Text which varies with current programme colour */
  .style2223c .progitem .progtext, 
  .style2223c .progitem .progvenue,
  .style2223c .progsoloist A,
  .style2223c A.progsoloist,
  .style2223c .progsoloist
                   { color: #226622 }

  .proglist .style2223c TH,
  .style2223c .proglist TH
                   { background: #44BB44 }

  .proglist .style2223c .progtext,
  .style2223c .proglist .progtext, 
  .proglist .style2223c .progvenue,
  .style2223c .proglist .progvenue,
  .proglist .style2223c .progorch,
  .style2223c .proglist .progorch        
                   { background: #EEEE55 }   /* Text */

  .style2223c .progdate A,
  .style2223c .progdate A:link,
  .style2223c .progdate A:active,
  .style2223c .progdate A:visited,
  .style2223c A.linkon,
  .style2223c A.linkon:visited
                   {     background: #44BB44;
    background: -webkit-gradient(linear, left top, left bottom, from(#EEEE00), to(#228800)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #EEEE00, #228800); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #EEEE00, #228800); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #EEEE00, #228800);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #EEEE00, #228800);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style2223c .progdate A:hover,
  .style2223c A.linkon:hover
                   {     background: #EEF066;
    background: -webkit-gradient(linear, left top, left bottom, from(#EEF066), to(#44BB44)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #EEF066, #44BB44); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #EEF066, #44BB44); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #EEF066, #44BB44);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #EEF066, #44BB44);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style2324 A:link    { color: #442266 }
  .style2324 A:active  { color: #442266 }
  .style2324 A:visited { color: #662288 }
  .style2324 A:hover   { color: #662288 }

  .style2324
  DIV.heading       { background: #E0C8FF;
                          background: -webkit-linear-gradient(left, #B87FDF, #7FFF7F, #B87FDF); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #B87FDF, #7FFF7F, #B87FDF); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #B87FDF, #7FFF7F, #B87FDF); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #B87FDF, #7FFF7F, #B87FDF);
            /* For IE 10+ */
    background: linear-gradient(to left, #B87FDF, #7FFF7F, #B87FDF); 
            /* For CSS3 */
                       }

  .style2324
  DIV.contents      { background: #C0FFC0;
                      border-top: medium #662288 solid }
  .style2324
  DIV.main          { background: #D0FFD0 }

  .style2324
  DIV.section       { background: #D0FFD0;
                      border-top: medium #662288 solid }

  .style2324 
  .linkcol          { color: #662288 }

  .style2324 H1,
  .style2324 H2,
  .style2324 H3,
  .style2324 H4,
  .style2324 .bigtext { color: #662288 }
  
  .style2324
  .shadetable       { background: #E0C8FF }

  /* Bar in current programme colour - ignore CSS warning */
  .style2324 HR    { color: #662288;       /* IE uses color property */
                      background: #662288;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style2324 TABLE.news       { border-spacing: 0 10px;
                   }

  .style2324 .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #C0FFC0; 
                     border-color: #E0C8FF; }

  .style2324 .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style2324 .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style2324 DIV.proglist .item
                   { background: #E0C8FF; }
    }  /* Programme stuff */
  .style2324 DIV.proglist
                   { background: #D0FFD0;
                     border-top: medium #662288 solid }

  .style2324 DIV.progitem 
                   { background: #D0FFD0 }

  .style2324 DIV.progitem DIV.section
                   { background: #D0FFD0 }

  .style2324 .rev
                   { background: #884FAF }

  .style2324 .rev2
                   { background: #985FBF }
  
  /* Text which varies with current programme colour */
  .style2324 .progitem .progtext, 
  .style2324 .progitem .progvenue,
  .style2324 .progsoloist A,
  .style2324 A.progsoloist,
  .style2324 .progsoloist
                   { color: #662288 }

  .proglist .style2324 TH,
  .style2324 .proglist TH
                   { background: #985FBF }

  .proglist .style2324 .progtext,
  .style2324 .proglist .progtext, 
  .proglist .style2324 .progvenue,
  .style2324 .proglist .progvenue,
  .proglist .style2324 .progorch,
  .style2324 .proglist .progorch        
                   { background: #E0C8FF }   /* Text */

  .style2324 .progdate A,
  .style2324 .progdate A:link,
  .style2324 .progdate A:active,
  .style2324 .progdate A:visited,
  .style2324 A.linkon,
  .style2324 A.linkon:visited
                   {     background: #E0C8FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#D89FFF), to(#007700)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #D89FFF, #007700); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #D89FFF, #007700); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #D89FFF, #007700);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #D89FFF, #007700);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style2324 .progdate A:hover,
  .style2324 A.linkon:hover
                   {     background: #C0FFC0;
    background: -webkit-gradient(linear, left top, left bottom, from(#C0FFC0), to(#985FBF)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #C0FFC0, #985FBF); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #C0FFC0, #985FBF); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #C0FFC0, #985FBF);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #C0FFC0, #985FBF);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }  
  /* Normal page definitions */
  .style2324c A:link    { color: #662222 }
  .style2324c A:active  { color: #662222 }
  .style2324c A:visited { color: #884444 }
  .style2324c A:hover   { color: #884444 }

  .style2324c
  DIV.heading       { background: #FFA8B0;
                          background: -webkit-linear-gradient(left, #FFCA47, #FF95B3, #FFCA47); 
            /* for webkit browsers */
    background: -moz-linear-gradient(left, #FFCA47, #FF95B3, #FFCA47); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(left, #FFCA47, #FF95B3, #FFCA47); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(left, #FFCA47, #FF95B3, #FFCA47);
            /* For IE 10+ */
    background: linear-gradient(to left, #FFCA47, #FF95B3, #FFCA47); 
            /* For CSS3 */
                       }

  .style2324c
  DIV.contents      { background: #FFCC90;
                      border-top: medium #662222 solid }
  .style2324c
  DIV.main          { background: #FFDDAA }

  .style2324c
  DIV.section       { background: #FFDDAA;
                      border-top: medium #662222 solid }

  .style2324c 
  .linkcol          { color: #662222 }

  .style2324c H1,
  .style2324c H2,
  .style2324c H3,
  .style2324c H4,
  .style2324c .bigtext { color: #662222 }
  
  .style2324c
  .shadetable       { background: #FFA8B0 }

  /* Bar in current programme colour - ignore CSS warning */
  .style2324c HR    { color: #662222;       /* IE uses color property */
                      background: #662222;  /* FireFox uses background color */
                      height: 2px;
                      border-style: none }

  @media screen and (min-width: 601px)
    {
  .style2324c TABLE.news       { border-spacing: 0 10px;
                   }

  .style2324c .news TD
                   { margin: 10px 0;
                     padding: 5px;
                     background: #FFCC90; 
                     border-color: #FFA8B0; }

  .style2324c .news TD:first-child
                   {
                     border-style: solid none solid solid;
                     border-width: 1px 0 1px 1px;
                     border-radius: 5px 0 0 5px;
                   }

  .style2324c .news TD:not(:first-child)
                   {
                     border-style: solid solid solid none;
                     border-width: 1px 1px 1px 0;
                     border-radius: 0 5px 5px 0;
                   }

  .style2324c DIV.proglist .item
                   { background: #FFA8B0; }
    }  /* Programme stuff */
  .style2324c DIV.proglist
                   { background: #FFDDAA;
                     border-top: medium #662222 solid }

  .style2324c DIV.progitem 
                   { background: #FFDDAA }

  .style2324c DIV.progitem DIV.section
                   { background: #FFDDAA }

  .style2324c .rev
                   { background: #CC8800 }

  .style2324c .rev2
                   { background: #EEAA22 }
  
  /* Text which varies with current programme colour */
  .style2324c .progitem .progtext, 
  .style2324c .progitem .progvenue,
  .style2324c .progsoloist A,
  .style2324c A.progsoloist,
  .style2324c .progsoloist
                   { color: #662222 }

  .proglist .style2324c TH,
  .style2324c .proglist TH
                   { background: #EEAA22 }

  .proglist .style2324c .progtext,
  .style2324c .proglist .progtext, 
  .proglist .style2324c .progvenue,
  .style2324c .proglist .progvenue,
  .proglist .style2324c .progorch,
  .style2324c .proglist .progorch        
                   { background: #FFA8B0 }   /* Text */

  .style2324c .progdate A,
  .style2324c .progdate A:link,
  .style2324c .progdate A:active,
  .style2324c .progdate A:visited,
  .style2324c A.linkon,
  .style2324c A.linkon:visited
                   {     background: #EEAA22;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFCA47), to(#7F1533)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFCA47, #7F1533); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFCA47, #7F1533); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FFCA47, #7F1533);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FFCA47, #7F1533);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }

  .style2324c .progdate A:hover,
  .style2324c A.linkon:hover
                   {     background: #FFCC90;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFCC90), to(#EEAA22)); 
            /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFCC90, #EEAA22); 
            /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFCC90, #EEAA22); 
            /* for Opera 11+ */
    background: -ms-linear-gradient(top, #FFCC90, #EEAA22);
            /* For IE 10+ */
    background: linear-gradient(to bottom, #FFCC90, #EEAA22);
            /* for CSS3 */
    
            /* For IE 6 to 8 depending on user-agent */ }
  /* General definitions for multiple years */

  DIV.proglist
                   { padding: 1ex 1em 1ex 1em;                      
                     padding-bottom: 5ex;
                     border-style: none;
                     -webkit-border-bottom-left-radius: 25px;
                       -moz-border-radius-bottomleft: 25px;
                       border-bottom-left-radius: 25px;
                       -webkit-border-bottom-right-radius: 25px;
                       -moz-border-radius-bottomright: 25px;
                       border-bottom-right-radius: 25px }

  DIV.progitem
                   { padding: 0;
                     padding-bottom: 5ex;
                     -webkit-border-bottom-left-radius: 25px;
                       -moz-border-radius-bottomleft: 25px;
                       border-bottom-left-radius: 25px;
                       -webkit-border-bottom-right-radius: 25px;
                       -moz-border-radius-bottomright: 25px;
                       border-bottom-right-radius: 25px }

  DIV.progitem TABLE 
                   { width: 100% }

  DIV.progitem DIV.section
                   { padding: 1ex 1em 1ex 1em;
                     border-top: none;
                     border-bottom: none }

  DIV.heading A.linkon
                   { width: 6em }
  DIV.heading TD.nolink
                   { width: 6em; padding: 4px }

  TD.rev2
                   { width: 1% }    

  .progitem .progdate,
  .progitem .progname        
                   { color: white }     /* Date */

  .progitem .progvenue,
  .progitem .progorch        
                   { color: black;      /* Orchestra */
                     font-weight: bold }

  .progitem .progcond,
  A.progcond:link,
  A.progcond:active,
  A.progcond:visited,
  A.progcond:hover
                   { color: white;      /* Conductor */
                     font-weight: bold }

  .proglist TH 
                   { color: black;
                     font-weight: bold }

  .proglist TD 
                   { text-align: left }

  .proglist .progtext, 
  .proglist .progvenue,
  .proglist .progorch        
                   { color: black }   /* Text */

  .progdate A
                   { padding-left: 1em;
                     padding-right: 1em;
                     padding-top: 1ex;
                     padding-bottom: 1ex }

  /* General definitions at the end to ensure they override others of equal specificity */

  A.linkon:link,
  A.linkon:visited,
  A.linkon:active,
  A.linkfb:link,
  A.linkfb:visited,
  A.linkfb:active,
  A.login:link,
  A.login:visited,
  A.login:active,
  A.playon,
  A.playon:link,
  A.playon:visited,
  A.playon:active,
  .progdate A:link,
  .progdate A:visited,
  .progdate A:active
                    { color: white; 
                      text-shadow: black -1px -1px
                    }

/* Remove text-shadow for clarity when button font is small */
  @media screen and (max-width: 640px)
    {
    A.linkon:link,
  A.linkon:visited,
  A.linkon:active,
  A.linkfb:link,
  A.linkfb:visited,
  A.linkfb:active,
  A.login:link,
  A.login:visited,
  A.login:active,
  A.playon,
  A.playon:link,
  A.playon:visited,
  A.playon:active,
  .progdate A:link,
  .progdate A:visited,
  .progdate A:active
                    { color: white; 
                      text-shadow: none;
                    }

    }

  A.linkon:hover,
  A.linkfb:hover,
  A.linkoff:hover,
  A.login:hover,
  A.linkoff:link,
  A.linkoff:visited,
  A.linkoff:active,
  A.playon:hover,
  A.playoff,
  A.playoff:link,
  A.playoff:visited,
  A.playoff:active,
  A.playoff:hover,
  .progdate A:hover { color: black;
                      text-shadow: none
                     }

  /* Suppress borders round link images in IE */
  a img { border:none; }

  .seating { color: white;
             font-family: Verdana, "Trebuchet MS", Geneva, sans-serif;
             font-weight: bold;
             font-size: larger;
           }