/* Stylesheet grown somewhat organically by dew22, July '02 */
  body
  {
  font-size: 10pt;
  font-family: Verdana,Arial,Helvetica,sans-serif;
   background-color: #000044;
  /* background-color: #ffa0ff; - light */
  /* background-color: #ff85fe; - harris :) */
  color: #000000;
  }

  /* This controls the links... sadly not the links as shown round images though... */

  A:link {color: #000044 ; background-color: transparent; border-color: #663300}
  A:visited {color: #808080 ; background-color: transparent; border-color: #aa7a3a}
  A:hover {color: #000080 ! important; background-color: #808080; border-color: #000080}

  IMG { /* border-color: #000000;*/  border-width: 1px}
  IMG:link {color: #663300 ; background-color: transparent; border-color: #663300}
  IMG:visited {color: #aa7a3a; background-color: transparent; border-color: #aa7a3a}
  IMG:hover {color: #ffdd99; background-color: #df0000; border-color: #ffdd99}
  /* NB This is broken under IE6, annoyingly... works just fine under Mozilla... */

  P:first-letter { color: #000044 ! important ; font-size : 120%!important}
  /*TD:first-letter { color : #ff0000 ! important } horribly broken...*/

  P{text-align: justify}

  P.news{text-align: left; font-size: 80%}
   .news{text-align: left; font-size: 80%}
  /* Note: The above lines ensure that initial caps get a red letter, which disappears on mouseover for links. Use <p> sanely, or it spoils the effect - <br /> for newlines, not <p>! 
   
     Also note that ! important shouldn't be extended all over the place, as it breaks disabled users' custom stylesheets if used immoderately... */ 

  tr.spacer { height: 15px }

  table.border
  {
   border-color: #000000;
   border-style: solid;
   border-width: thin;
  }

  table.case
  {
  border-style: none;
  background: transparent;
  }

  *.ucpo /* The font for the orchestra name (if available) */
  {
   font-family: Frutiger Linotype,Linotype,Arial,sans-serif;
   color: #000000;
  }
  
  /* NB I'd like to do this better, using the content: field, but it's
     currently too poorly supported to be a sensible option, given that
     displaying the orchestra name is pretty important...

     The nicest thing would be to just have an <ucpo /> xml tag to drop
     the preformatted name right in ;) */


  span.r /* Red ;) */
  {
   color: #000044;
  }

  p.menu
  {
   font-size: 90%;
   text-align: center;
   margin-top: 2px;
   border: 2px solid black;
   padding: 3px;
  }

  .bd
  {
  border: thin solid black;
  background-color: #f5f5f5;
  color: black;
  }

  .bd2 {border: 1px solid black}

  /* The main colours... */

  .main { border-style : none; background-color : #e3e2f0}
  td.sidebar { background-color : #d3d4ff}

  table.menu
  {
  background-color : #e0eefc;
  /* Background pic here if wanted... for example: */
/*  background : url("/ucpo/sum/djh59.jpg") ! important;*/
  }

  div.sidebar { background-color : #e0d0a0}
  table.bg { background-color : #ffffda}
  
  td.spacer { background-color : transparent}

  
/* Amongst other things these can enable mouse-reactive panels, but this is so
variably supported I've disabled it... shame, it looked kind of cool ;) */

/*  td.sidebar:hover { background-color: #d0c090 ! important }*/
  
/*   div.sidebar:hover { background-color: #d0c090 ! important }*/

 /* Some of this is just experimental whilst I wait for browser to catch
    up with specs ;) - it does no compatibility harm atm... eventually 
    this will need moving to CSS3, when it arrives.
 */

/*
  td.menu:hover { background-color: inherit ! important}
  table.menu:hover { background-color: #efefca }
  sidebar:nth-child(n):hover { background-color : #efefca}
*/

  ul.sidebar{ font-size: 80%}
  ul.sidebar1{ font-size: 79.999%} /* To overcome bizarre IE6 bug, don't ask... */

/* Page specific labels follow... */
  table.commit { text-align: left} 
  table.list { font-size: 80%!important}

  ol.const { text-align: justify; padding-right: 2em }
  ol.const > li { padding-top: 1em }
  ol.const > li:first-letter {color: #000044!important ;
                              font-size: 120%!important }
  ol.const > li > ul { list-style-type: none;
                        padding-left: 2em;
                        padding-bottom: 1em;
                        text-indent: -2em}
  ol.const > li > ul > li { padding-top: 0.5em; padding-bottom: 0.5em }
  ol.const > li > ul > li > ul { padding-left: 1em; text-indent: 0}