/* structure */

   body { background: #000000 url('/images/bg.gif') top center repeat-x; text-align: center; }
   body, div, form { margin: 0px; padding: 0px; }
   body, div, table, td, th, input, select, textarea { font: 12px/16px Arial, sans-serif; }

   #container
   { 
      width: 880px; margin: 0px auto 0px auto; text-align: left; color: #000000;
      background: #FFFFFF url('/images/bg-content.gif') top left repeat-y; 
      padding-bottom: 20px; border-bottom: 20px solid #FFFFFF;
      position: relative;
   }
   #menu { float: left; width: 180px; }
   .secondary ul { margin: 12x 0px 12px 0px; padding: 0px; }
   .secondary ul li { list-style-type: none; margin-bottom: 8px; }

   #primary { float: left; width: 640px; margin-left: 20px; }
   .secondary { float: right; width: 200px; font-size: 12px; line-height: 14px; text-align: left; }
   .pad { padding: 0px 20px 0px 20px; }
   #footer { font-size: 11px; line-height: 16px; color: #949494; margin: 20px 20px 20px 20px; }

   #search { position: absolute; width: 100%; top: 20px; right: 20px; text-align: right; width: 170px; }
   #search form { display: block; width: 170px; text-align: right; }

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

   /* home page elements */

   .spotlight
   {
      background: #71A0D5 url('/images/spotlight.gif') center left repeat-y;
      margin: 5px 0px 20px 0px; padding: 10px 20px 10px 140px;
   }
   #hzone { width: 440px; height: 420px; padding: 0px; margin: 0px; overflow: hidden; }
   #hzone .highlight { width: 440px; margin: 0px; padding: 0px; }

   /* type */

   h2 { font-family: Arial, sans-serif; font-weight: bold; font-size: 22px; line-height: 22px; }
   h3 { font-family: Arial, sans-serif; font-weight: bold; font-size: 16px; line-height: 20px; color: #990000; }
   h4 { font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #990000; }
   big { font-family: Arial, sans-serif; font-weight: bold; font-size: 18px; line-height: 20px; }
   small, div.right, div.left { font-size: 11px; line-height: 12px; color: #949494; }
   .date { color: #000000; font-size: 11px; font-family: Arial, sans-serif; text-transform: uppercase; }
   .hot { color: #990000; }
   .black { color: #000000; }
   .subtitle { font-size: 14px; }
   #terms 
   { 
      width: 97px; height: 21px; padding: 2px; background-color: #779CC3; color: #FFFFFF; 
      border-top: 1px solid #2C5076; border-left: 1px solid #2C5076;
      border-right: 1px solid #A6BFD8; border-bottom: #A6BFD8;
   }
   .rss { padding-left: 15px; background: transparent url('/images/rss.gif') left center no-repeat; }

   /* links */

   a, a:visited { color: #004FA1; text-decoration: none; }
   a:hover, a:active, #footer a:hover { color: #990000; text-decoration: underline; }
   a.tix, a.tix:visited 
   { 
      color: #FFFFFF; background-color: #004FA1; font-size: 11px; font-weight: bold; font-family: Arial, serif; 
      text-transform: uppercase; text-decoration: none; padding: 0px 6px 0px 6px; 
   }
   a.tix:active, a.tix:hover { color: #FFFFFF; background-color: #990000; text-decoration: none; }
   a.arrow { padding: 3px 0px 3px 26px; background: transparent url('/images/arrow.gif') center left no-repeat; }
   .btn, a.btn, a.btn:visited
   {
      color: #FFFFFF; background-color: #004FA1; font-size: 12px; font-weight: bold; font-family: Arial, serif;
      text-decoration: none; padding: 2px 6px 2px 6px; border: none; cursor: hand; cursor: pointer;
   }
   .btn:hover, a.btn:hover { color: #FFFFFF; background-color: #990000; text-decoration: none; }

   /* calendar and browse controls */

   #calendar th { color: #990000; font-size: 12px; font-family: Arial, sans-serif; text-align: center; }
   #calendar td { text-align: center; width: 22px; font-size: 11px; color: #6B6B6B; }
   #calendar td a, #calendar td a:visited 
   { 
      display: block; width: 22px; text-align: center; color: #000000; background-color: #CFE4FC; 
   }
   #calendar td.pastdate a, #calendar td.pastdate a:visited { background-color: #CCCCCC; }
   #calendar td a:hover, #calendar td a:active { color: #FFFFFF; background-color: #990000; text-decoration: none; }
   #monthdiv { margin-bottom: 20px; }
   #month, #genre, #cat
   {
      width: 160px; font-size: 12px; font-family: Arial, serif; font-weight: bold;
      color: #FFFFFF; background-color: #004FA1; border: none; padding: 3px;
   }
   #genre, #cat { background-color: #6494C8; }
   #daydiv { padding: 0px 0px 20px 4px; display: none; }

   /* menu bar styles */

   #menubar 
   { 
      text-align: center; height: 26px; background: #FFFFFF url('/images/menu/bg.gif') top left repeat-x; 
      border-bottom: 20px solid #FFFFFF; overflow: none; margin: 0px; padding: 0px;
   }
   #menu { text-align: left; width: 880px; height: 26px; margin: 0px; padding: 0px; overflow: none; }
   ul#mainMenu, ul#mainMenu ul { padding: 0; margin: 0; list-style-type:none; }	
   ul#mainMenu li { float: left; padding: 0px; width: 240px; }
   ul#mainMenu a { display:block; font: 12px Arial, sans-serif; text-decoration:none; }
   ul#mainMenu ul a { padding: 2px 9px 2px 9px; }
   ul#mainMenu ul a:hover { color: #FFFFFF; background-color: #990000; text-decoration: none; }
   ul#mainMenu ul
   {
      padding-top: 3px;
      padding-bottom: 3px;
      position: absolute;
      visibility: hidden;
      border-top: 1px solid #DFF4FF;
      border-left: 1px solid #DFF4FF;
      border-bottom: 1px solid #AFB4DC;
      border-right: 1px solid #AFB4DC;
      background-color: #CFE4FC;
   }
   ul#mainMenu li:hover ul, ul#mainMenu li.hover ul { visibility:visible; }
   ul#mainMenu li li { float: none; border: none; padding: 0; }
   ul#mainMenu li { behavior: url('/hover.htc'); }

   .thumb { width: 150px; height: 100px; overflow: none; margin: 0px 10px 10px 0px; float: left; }
   .thumb a { font-size: 12px; }
   #youtube { width: 300px; height: 255px; overflow: hidden; }  
   
   .hdrPic { font-size: 15px; font-weight: bold; color: #FFFFFF; background-color: #71A0D5; padding: 5px; margin-top: 20px; margin-bottom: 10px; }
   
   .galleryPic { float: left; width: 140px; margin: 0px 15px 15px 0px; }
   
   .pushSP { margin-top: 20px; }