
   body
   {
      margin: 0px; padding: 0px; color: #000000; text-align: center;
      background: #7BA5DE url('/images/bg-skyline.jpg') bottom center no-repeat fixed; 
   }

   #outer 
   { 
      width: 900px; margin: 0px auto 0px auto; text-align: center; 
      background: #FFFFFF url('/images/bg-2009.gif') top left repeat-y; 
   }

   #content
   {
      width: 870px;
      margin: 0px auto 0px auto;
      text-align: left;
      padding: 0px;
   }

   #primary { padding: 28px; }

   #content, #primary, table, td
   {
      font-family: Arial, sans-serif;
      font-size: 12px;
      line-height: 16px;
   }

   #container { width: 695px; margin: 0px; padding: 0px; float: left; }

   #secondary { background-color: #EEEFCF; padding: 15px; margin: 15px 0px 0px 0px; }
   #secondary ul { list-style-type: none; margin: 0px; padding: 0px; }
   #secondary ul li { padding: 3px 0px 6px 0px; }

   .subcats { background-color: #EEEFCF; padding: 10px; margin: 15px 0px 15px 0px; }
   
   a, a:visited { color: #5A81B7; text-decoration: none; }
   a:hover, a:active { color: #BE141A; text-decoration: underline; }

   #footer
   { 
      margin: 15px 0px 0px 203px; 
      padding: 15px 0px 30px 0px;
      background-image: url('/images/dotted.gif');
      background-position: top left;
      background-repeat: repeat-x;
   }

   #footer, small, .detail { font-size: 11px; color: #666666; line-height: 14px; }
   h3, big { font-size: 14px; font-weight: bold; }
   .date { color: #000000; }
   .black { color: #000000; }
   b.category
   {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #999999;
   }

   .sendpage, .rss, .share, .ical, .facebook { margin-right: 6px; }
   .sendpage { padding-left: 18px; background: transparent url('/images/envelope.gif') center left no-repeat; }
   .share { padding-left: 18px; background: transparent url('/images/share2.gif') center left no-repeat; }
   .ical { padding-left: 18px; background: transparent url('/images/ical.gif') center left no-repeat; }
   .rss { padding-left: 16px; background: transparent url('/images/rss.gif') center left no-repeat; }
   .facebook { padding-left: 16px; background: transparent url('/images/facebook.gif') center left no-repeat; }

   .btn, a.btn, a.btn:visited
   { 
      color: #FFFFFF;
      background-color: #5A81B7;
      text-decoration: none;
      font-size: 11px;
      font-weight: bold;
      padding: 1px 2px 1px 2px;
      border-top: 1px solid #97AFD2;
      border-left: 1px solid #97AFD2;
      border-right: 1px solid #436189;
      border-bottom: 1px solid #436189;
      cursor: pointer;
      cursor: hand;
   }

   .btn:hover, a.btn:active, a.btn:hover
   {
      color: #FFFFFF;
      text-decoration: none;
      background-color: #BE141A;
      border-top: 1px solid #D66B6E;
      border-left: 1px solid #D66B6E;
      border-right: 1px solid #8E0F13;
      border-bottom: 1px solid #8E0F13;
   }

   h2
   {
      color: #931D22;
      font-weight: bold;
      font-size: 20px;
      line-height: 20px;
   }

   h5
   {
      color: #931D22;
      font-size: 11px;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin: 0px 0px 8px 0px;
      padding-bottom: 4px;
      background-image: url('/images/dotted.gif');
      background-position: bottom left;
      background-repeat: repeat-x;
   }

   .left { float: left; margin: 2px 15px 12px 0px; }
   .right { float: right; margin: 2px 0px 12px 15px; }

   select, input, textarea
   {
      color: #000000;
      background-color: #E5E5E5;
      font-family: Tahoma, Arial, sans-serif;
      font-size: 11px;
   }

   #terms
   {
      width: 108px;
      height: 20px;
      background-color: #DAE491;
   }

   ul.check { list-style-image: url('/images/bullet-check.gif'); margin-left: 20px; }
   ul.x { list-style-image: url('/images/bullet-x.gif'); margin-left: 20px; }

   /* menu system */

   #menuContainer
   {
      float: left;
      width: 175px;
   }

   #menu 
   { 
      margin: 0px; padding: 14px 14px 28px 14px; 
      padding-bottom: 90px; 
      font-family: Tahoma, Arial, sans-serif;
      font-size: 11px;
   }

   #menu ul { padding: 0px; margin: 5px 0px 15px 0px; }
   #menu ul li, #menu li { list-style-type: none; line-height: 18px; }
   #menu a, #menu a:hover { color: #1F3877; text-decoration: none; }
   #menu a:hover { color: #931D22; text-decoration: underline; }
   #menu li a { display: block; width: 147px; }

   /* calendar */

   table.month th
   {
      width: 19px;
      text-align: center;
      color: #762428;
      font-weight: bold;
      font-family: Tahoma, Arial, Helvetica, sans-serif;
      font-size: 11px;
      padding-bottom: 2px;
   }

   table.month td
   {
      width: 21px;
      text-align: center;
      font-family: Tahoma, Arial, Helvetica, sans-serif;
      font-size: 11px;
      line-height: 14px;
   }

   table.month td a, table.month td a:hover, table.month td a:visited
   {
      display: block;
      font-weight: normal;
      width: 17px;
      padding-top: 1px; 
      padding-bottom: 1px;
      text-decoration: none;
      text-align: center;
      border: 1px solid #B8CC2C;
      color: #1F3877;
   }

   .pastdate
   {
      display: block;
      color: #FFFFFF;
      width: 17px;
      padding-top: 1px; 
      padding-bottom: 1px;
      text-align: center;
      border: 1px solid #B8CC2C;
   }

   .today { background-color: #E4ECAF; }
   table.month td a:hover { border: 1px solid #931D22; color: #931D22; }

   /* graphic headers */

   #sponsorship 
   { 
      background: #B8CC2C url('/images/sponsor2009.gif') bottom right no-repeat; 
      padding-top: 10px; margin: 0px auto 0px auto; width: 870px; 
   }

   #ccg { margin: 0px; padding: 0px; }

   #ccgHome
   {
      margin: 0px 0px 15px 0px;
      padding: 0px;
      background: #7AA2DB url('/images/ccg-home-bg.gif') top left repeat-x;
   }


   /* date selection control for advanced search */

   #dateControl
   {
      position: absolute;
      background-color: #E6E6E6;
      width: 470px;
      padding: 10px;
      border: 3px solid #762428;
      display: none;
      z-index: 4;
      font-family: Arial;
      font-size: 11px;
   }

   #dateControl table.month th { color: #762428; }
   #dateControl table.month td a, #dateControl table.month td a:hover, #dateControl table.month td a:visited
   {
      border: 1px solid #E6E6E6;
      color: #1F3877;
   }

   #dateControl .pastdate
   {
      color: #999999;
      border: 1px solid #E6E6E6;
   }

   #dateControl .today { background-color: #B8CC2C; }
   #dateControl table.month td a:hover { border: 1px solid #931D22; color: #931D22; }

   /* culturepicks signup box */

   .signup { padding: 0px 0px 15px 0px; margin: 0px; background-color: #5A81B7; }
   .signup form { padding: 0px; margin: 0px 15px 0px 15px; display: block; }
   #ea 
   { 
      width: 90px; height: 18px; background-color: #C3D2E5; color: #4E6F9E;
      border-top: 1px solid #9BB3D4; border-left: 1px solid #9BB3D4; 
      border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; 
      font-size: 11px;
    }

   /* printer-specific styles */

   @media print
   {
      body { background-image: none; }
      #menu, #ccg, #sponsorship, .sendpage, .rss, .share { display: none; }
      #container { width: inherit; }
      #content { margin: 0px; padding: 0px; }
   }


