/* ---------------------------------------------------------------------------- Company: CSTV Networks, Inc. Author: Kristin V. Hart CSS Document: display.css ---------------------------------------------------------------------------- */ /* colors ---------------------------------------------------------------------------- text: #2 link: #444 link.hover: #666 ---------------------------------------------------------------------------- */ /* default type selectors * ---------------------------------------------------------------------------- */ 
body { background: #000 url("../Images/background.gif") repeat-x; 
       color: #222; font: 11px Arial, Verdana, Helvetica, sans-serif; margin:0; padding:0; } 
       
td { font: 11px Arial, Verdana, Helvetica, sans-serif; color: #222; } 

h1 { font-size: 18px } 
h2 { font-size: 16px } 
h3 { font-size: 14px } 
h4,h5,h6 { font-size: 13px } 
a img, :link img, :visited img, fieldset { border:none } 
a:link, a:visited { color: #0061aa; text-decoration: none; } 
a:hover, a:active { color: #0061aa; text-decoration: underline; } 
body#story #story-container a:hover, body#story #story-container a:active 
{ color: #0061aa; 
  text-decoration: underline; }
  
a { outline: none } 
#columns pre {font-family:monospace; font-size:11px;} 
#columns .presmall {font-family:monospace; font-size:11px;} 
#columns pre a{font-family:monospace; } 
#columns a:hover{text-decoration:none;} 

/* classes * ---------------------------------------------------------------------------- */ 
.center { text-align: center }
.img-left { float: left; margin: 0 6px 4px 0 } 
.img-right { float: right; margin: 0 0 4px 6px } 
.clear { clear: both; height: 0.01em; overflow: hidden; display:none; } 
#revLayeredAd .revClickText { color:#fff; } 

/* layout * ---------------------------------------------------------------------------- */ 
#center-wrap { width:1000px; margin:0 auto; } 
#wrap { width:996px; border-left:2px solid #0061aa; border-right:2px solid #0061aa; }
 #mast-top { background: url("banner.jpg") no-repeat; width:1000px; height:27px; } 
 #mast { width:1000px; height:127px; } 
 #mast-logo { background: url("../Images/Logo.jpg") no-repeat; width:201px; height:127px; float:left; } 
 #mast-right { width:799px; height:127px; float:left; } 
 #mast-middle-container { width:799px; height:100px; }
 #mast-middle { background: url("../Images/MasterHdr2.jpg") no-repeat; width:799px; height:100px; float:left; }
  #mast-nav { width:799px; height:27px; background:#222; }
  
 /* navigation: #nav * ------------------------------------------------------------------------- */ 
   #nav, #nav * { border-collapse: collapse; margin: 0; padding: 0 } 
   #nav { background: url("../Images/MainMenu.jpg") no-repeat; height: 27px; position: relative; width: 799px; z-index: 99; } 
   #nav span { display:none; } 
   #nav li, #nav a { font-size: .95em; height: 27px; display: block; } 
   #nav li { float: left; } 
   #nav-01 { width:62px;} 
   #nav-02 { width:75px;}
    #nav-03 { width:72px;}
     #nav-04 { width:88px;} 
     #nav-05 { width:97px;} 
     #nav-06 { width:58px;} 
     #nav-07 { width:108px;} 
     #nav-08 { width:105px;} 
     #nav-09 { width:68px;} 
     #nav-10 { width:64px;} 
     #nav-01 a:hover { background: url("../Images/MainMenu.jpg") 0 -27px } 
     #nav-02 a:hover { background: url("../Images/MainMenu.jpg") -62px -27px } 
     #nav-03 a:hover { background: url("../Images/MainMenu.jpg") -137px -27px } 
     #nav-04 a:hover { background: url("../Images/MainMenu.jpg") -209px -27px } 
     #nav-05 a:hover { background: url("../Images/MainMenu.jpg") -297px -27px } 
     #nav-06 a:hover { background: url("../Images/MainMenu.jpg") -394px -27px } 
     #nav-07 a:hover { background: url("../Images/MainMenu.jpg") -452px -27px }
     #nav-08 a:hover { background: url("../Images/MainMenu.jpg") -560px -27px } 
     #nav-09 a:hover { background: url("../Images/MainMenu.jpg") -665px -27px } 
     #nav-10 a:hover { background: url("../Images/MainMenu.jpg") -733px -27px } 
     #nav-01:hover>a { background: url("../Images/MainMenu.jpg") 0 -27px }
     #nav-02:hover>a { background: url("../Images/MainMenu.jpg") -62px -27px } 
     #nav-03:hover>a { background: url("../Images/MainMenu.jpg") -137px -27px } 
     #nav-04:hover>a { background: url("../Images/MainMenu.jpg") -209px -27px } 
     #nav-05:hover>a { background: url("../Images/MainMenu.jpg") -297px -27px } 
     #nav-06:hover>a { background: url("../Images/MainMenu.jpg") -394px -27px } 
     #nav-07:hover>a { background: url("../Images/MainMenu.jpg") -452px -27px } 
     #nav-08:hover>a { background: url("../Images/MainMenu.jpg") -560px -27px }
     #nav-09:hover>a { background: url("../Images/MainMenu.jpg") -665px -27px } 
     #nav-10:hover>a { background: url("../Images/MainMenu.jpg") -733px -27px } 
     /* navigation dropdown: #nav * ------------------------------------------------------------------------- */ 
     #nav ul { border: solid #0061aa; border-width: 0 1px; left: -9999px; top: 27px; position:absolute; z-index:99; } 
     #nav-08 ul { margin-left: -15px } 
     #nav ul, #nav li li { width: 150px }
     #nav li li, #nav li li a { height: auto; } 
     #nav li:hover ul, #nav a:hover ul { left: auto; } 
     #nav li li { border-bottom: 1px solid #0061aa; text-indent: 0; } 
     #nav li li a { background: #fff; color: #0061aa; display: block; padding: 3px; text-decoration:none; _width: 100% } 
     #nav li li a:hover { background: #0061aa; color: #fff; } 
     #nav .right { text-align: left; margin-left: 150px }
     #nav .header a, #nav .header a:hover { background: #0061aa; color: #fff; font-weight: bold } 
     /* columns * ---------------------------------------------------------------------------- */ 
     #columns {padding:0; margin:0; border-collapse:collapse; } 
     #column-1, #column-2,#column-wide {padding:0; margin:0; vertical-align:top; } 
     #column-1 {width:751px;background:#fff;} 
     #column-2 {width:245px;background:#ccc;border-top:4px solid #0061aa;_border-top:2px solid #0061aa;} 
     #column-wide {width:996px;background:#fff;} 
     #story-container { padding:12px 8px 0px 12px; } 
     /* bsi * ---------------------------------------------------------------------------- */ 
     #bsi-container { position:relative; width:750px; height:328px; background:#0061aa; padding-left:1px; padding-top:2px; } 
     #pngBsi{ background-repeat:no-repeat; background-position:230px 0; } 
     #bsi-photo { width:746px; height:265px; display:block; border:1px solid #fff; overflow:hidden; } 
     #bsi-shadow { background: url("http://grfx.cstv.com/schools/kty/graphics/kty-08-bsi-shadow.gif") no-repeat; width:750px; height:4px; } 
     .photo_gradiant { width:530px; height:265px; background: url('http://grfx.cstv.com/schools/kty/graphics/kty-08-bsi-overlay.png') no-repeat; *background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://grfx.cstv.com/schools/kty/graphics/kty-08-bsi-overlay.png') no-repeat; }
      /* IE PNG FIX * ---------------------------------------------------------------------------- */ 
      #pngWrap { width:746px; height:265px; } 
      /* relativeFrame * ---------------------------------------------------------------------------- */
      #relativeFrame, #relativeFrame *{ margin:0; padding:0; } 
      #relativeFrame { position: relative; top:-245px; left:10px; width:230px; height:265px; z-index: 1 } 
      #relativeFrame div { position: absolute; width:230px; height:265px; visibility: hidden; z-index: 1; } 
      #relativeFrame div#frm0 { visibility: visible;} 
      #relativeFrame h1 { padding-bottom:22px; } 
      #relativeFrame .pubdate { padding-bottom:3px; } 
      #relativeFrame h1 a:hover { text-decoration:underline; } 
      #relativeFrame p { color:#fff; } 
      #relativeFrame .more { padding-top:16px; } 
      #relativeFrame .more a{ font-size:13px; font-weight:bold; } 
      #relativeFrame .more a:hover{ color:#0061aa; text-decoration:underline; } 
      /* minis * ---------------------------------------------------------------------------- */
      #minis { margin:0; padding:0; width:560px; height:56px; padding-top:4px; float:left; } 
      #minis div { float:left; border:1px solid #fff; width:88px; height:48px; margin-right:2px; } 
      #minis a img { width:88px; height:48px; opacity: .50; filter: alpha(opacity=50); } 
      #minis-right { width:188px; height:60px; float:right; } 
      #minis a:hover img, #minis div.miniOn a img { opacity: 1.0; filter: alpha(opacity=100); } 
      /* controls * ---------------------------------------------------------------------------- */ 
      #controls, #controls * { margin: 0; padding: 0 } 
      #controls { width:72px; height:17px; float:right; padding-right:2px; padding-top:2px; } 
      #controls img{ border-width:0; padding-left:3px; } 
      #controls li { float: left; list-style: none; _display: inline; } 
      #bsi-coke img{ padding-top:4px; } 
      /* relativeFrame * ---------------------------------------------------------------------------- */ 
      #sec-headlines-wrap, #sec-headlines-wrap *{ margin:0; padding:0; } 
      #sec-headlines-wrap .pubdate { font-size:11px; color:#999; } 
      #sec-headlines-wrap { padding-bottom:16px; padding-left:16px; } 
      #sec-headlines-wrap h1 a{ font-size:11px; } 
      #sec-headlines-wrap h1 a:hover{ text-decoration:underline; } 
      /* headlines Tabs * ---------------------------------------------------------------------------- */ 
      #headlines-tab { width:744px; 
height:246px; background:#0061aa; border-left:2px solid #fff; border-bottom:3px solid #fff; border-right:2px solid #fff; padding:4px 0px 0px 4px; float:left; } 
      #headlines-tab ul.headline-2 { margin:0; padding:0 } 
      #headlines-tab ul.headline-2 li { float: left; list-style: none; text-indent: -9999px; } 
      /* Tabs: #headlines-tab * ---------------------------------------------------------------------------- */ 
      #headlines-tab ul.headline-2 { background:url("../Images/Menu.jpg") no-repeat; height: 30px; width: 429px; } 
      #headlines-tab ul.headline-2 li, #headlines-tab ul.headline-2 a { display: block; height: 30px; } 
      #tab-headlines { width: 134px } 
      #tab-videos { width: 75px } 
      #tab-features { width: 94px } 
      #tab-photo-store { width: 253px
} 
      #headlines-tab.on-headlines #tab-headlines { background: url("../Images/Menu.jpg") no-repeat 0 -30px }
      #headlines-tab.on-videos #tab-videos { background: url("../Images/Menu.jpg") no-repeat -134px -30px } 
      #headlines-tab.on-features #tab-features { background: url("../Images/Menu.jpg") no-repeat -209px -30px }
      #headlines-tab.on-photo-store #tab-photo-store { background: url("../Images/Menu.jpg") no-repeat -303px -30px }
      #photo-store { width:433px; height: 212px; overflow: auto; background:#fff; } 
      #headlines, #videos, #features { width:738px; 
height: 207px; padding-top:5px; overflow: auto; background:#fff; } 
      /* about-cs-tab * ---------------------------------------------------------------------------- */ 
      #about-cs, #about-cs * {margin:0;padding:0;} 
      #about-cs { width:417px; height: 207px; padding-top:5px; padding-left:16px; overflow: auto; background:#fff; font-size:11px; color:#000; } 
      #about-cs h1 { padding-bottom:16px; } 
      #about-cs h1 a{ font-size:11px; } 
      #about-cs h1 a:hover{ text-decoration:underline; } 
       /* features * ---------------------------------------------------------------------------- */ 
      .features, .features *{ margin:0; padding:0; } 
      .features .date { font-size:11px; color:#999; } 
      .features { padding-bottom:16px; padding-left:16px; } 
      .features h1 a{ font-size:11px; } 
      .features h1 a:hover{ text-decoration:underline; } 
      /* sport-hdr and sport-nav * ---------------------------------------------------------------------------- */ 
      #sport-hdr-wrap { background: #0061aa; width:996px; height:22px; } 
      #sport-hdr { width:460px; height:22px; float:left; } 
      /* sport-nav * ---------------------------------------------------------------------------- */
      #sport-nav { width:525px; height:16px; float:right; color:#fff; padding-top:5px; padding-right:5px; } 
      #sport-nav ul { margin:0; padding:0; float:right; } 
      #sport-nav li { display:inline; } 
      #sport-nav li a { color:#fff; text-decoration:none; } 
      #sport-nav li a:hover { text-decoration:underline; } 
      #sport-nav .divider { padding-right:3px; padding-left:3px; } 
      /* sport calendar * ---------------------------------------------------------------------------- */
      #scalendar-container { width:751px; height:250px; border-bottom:4px solid #fff; } 
      #scalendar-wrap { width:477px; height:250px; float:left; margin-right:2px; border-left:2px solid #fff; } 
      #scalendar-hdr { background: url("../Images/ScheduleHdr.jpg") no-repeat; width:477px; height:30px; } 
      #sblog-poll-hdr { background: url("http://grfx.cstv.com/schools/kty/graphics/kty-08-hdr-blog-poll.gif") no-repeat; width:477px; height:30px; } 
      #scalendar-content { width:468px; height:217px; background:#fff; border-left:5px solid #0061aa; border-right:4px solid #0061aa; border-bottom:4px solid #0061aa; overflow:auto; } 
      /* sidebar * ---------------------------------------------------------------------------- */ 
      #sidebar-wrap { width:265px; height:250px; float:left; } 
      #sidebar-hdr img { display:block; } 
      #sidebar-content, #sidebar-content * { margin: 0; padding: 0 } 
      #sidebar-content { background: url("../Images/PrintoutBg.jpg") no-repeat; _background-attachment:fixed; width:259px; height:217px; border-left:3px solid #0061aa; border-right:3px solid #0061aa; border-bottom:4px solid #0061aa; overflow:auto; } 
      #sidebar-content ul { margin:0;padding:0; padding-left:10px; padding-top:1px; padding-bottom:3px; } 
      #sidebar-content ul li { list-style-type:none; } 
      #sidebar-content ul li a { color:#0061aa; text-decoration:none; font-size:11px; font-weight:bold; }
      #sidebar-content ul li a:hover { text-decoration:underline; } 
      #sidebar-content h3 { margin:0;padding:0; color:#0061aa; padding:4px 0px 2px 4px; font-size:12px; } 
      #sidebar-content div { color:#0061aa; font-size:11px; font-weight:bold; padding-left:5px; padding-top:4px; } 
      /* index first column * ---------------------------------------------------------------------------- */ /* calendar * ---------------------------------------------------------------------------- */ 
      .calendar, .calendar * { margin: 0; padding: 0 } 
      .calendar {width: 100%;_width:96%;} 
      .calendar td {padding:2px 0px 2px 6px;} 
      #calendar-content .calendar-body td a:hover {text-decoration:underline;} 
      #calendar-content .calendar-date td, #scalendar-content .calendar-date td{ background-color: #0061aa; color: #fff; font-weight: bold; font-size:11px; text-transform: uppercase; } 
      #calendar-content .calendar-headers td, #scalendar-content .calendar-headers td { background:#222; color:#fff; } 
      #headline-container { width:751px; height:253px; } 
      #calendar-container { width:751px; height:250px; border-bottom:4px solid #fff; } 
      #calendar-wrap { width:546px; height:250px; float:left; margin-right:5px; background:#0061aa; border-left:2px solid #fff; } 
      #calendar-hdr { background: url("http://grfx.cstv.com/schools/kty/graphics/kty-08-hdr-schedule.gif") no-repeat; width:546px; height:30px; } 
      #calendar-content { width:536px; height:216px; background:#fff; margin-left:5px; overflow:auto; } 
      #calendar-promo { width:190px; height:250px; background:#222; float:left; }
      /* index second column * ---------------------------------------------------------------------------- */ 
        #right-promos { margin-left:3px; margin-top:5px; } 
        #right-promos img { width:239px; height:90px; background:#0061aa; margin:5px 0px 0px 0px; display:block; } 
        #top-right-promos { margin-left:3px;margin-top:5px; background:#fff; } 
        #top-right-promos { margin-top:5px; margin-left:3px; } 
        #corp-partners { background: url("http://grfx.cstv.com/schools/kty/graphics/kty-08-bg-corp-sponsors.gif") no-repeat; width:181px; height:91px; padding-left:58px; padding-top:22px; margin-top:5px; margin-left:3px; } /*http://grfx.cstv.com/schools/kty/graphics/kty-08-btn-extreme-access.gif*/ 
        #extreme-access { background: url("") no-repeat; width:245px; height:224px; } 
        body#sport #extreme-access, body#story #extreme-access { background: url("") no-repeat; width:244px; height:224px; border-left:1px solid #0061aa; } 
        #extreme-link { background: url("") no-repeat; width:245px; height:111px; } 
        body#sport #extreme-link, body#story #extreme-link { background: url("") no-repeat; width:244px; height:111px; } 
        #extreme-access .video-link { background: url("") repeat-x; width:245px; height:13px; padding-bottom:2px; padding-top:2px; } 
        body#sport #extreme-access .video-link, body#story #extreme-access .video-link { background: url("http://grfx.cstv.com/schools/kty/graphics/kty-08-video-separator.gif") repeat-x; width:244px; height:13px; padding-bottom:2px; padding-top:2px; } 
        #extreme-access .video-link img { padding:0px 12px 0px 5px; } 
        #extreme-access .video-link a { text-decoration:none; color:#0061aa; } 
        /* photo-store * ---------------------------------------------------------------------------- */ 
        #galleryblock {margin:0px; padding:0px;} 
        #galleryblock li { float: left; margin: 0px; padding-left: 10px; width: 128px; height:125px; text-align: left; list-style-type: none; font-size:11px; font-weight:normal; } 
        #galleryblock li a:link, #galleryblock li a:visited { /*VIEW LINK FORMATTING*/ font-family:Arial;font-size:11px; color:#444; text-decoration: none; } 
        #galleryblock img { display: block; border: none; width: 128px; height: 82px; margin-bottom: 3px; margin-top:3px; }
         /* email-print * ---------------------------------------------------------------------------- */ 
         .email-print { margin: 10px 0 } 
         .email-print li { display: inline; list-style-type: none; margin: 0 30px; padding-left: 25px; } 
         .email-print li.email { background: url("http://grfx.cstv.com/graphics/oas-icon-email.gif") 0 2px no-repeat } 
         .email-print li.print { background: url("http://grfx.cstv.com/graphics/oas-icon-print.gif") 0 2px no-repeat } 
         /* printer * ---------------------------------------------------------------------------- */ 
         #printer-footer-wrap { width:996px; height:75px; background:#ccc; } 
         #printer-footer { width:751px;_width:750px; background:#fff; } 
         #printer-footer-inside { width:460px; padding:5px 0px 5px 0px; background:#fff; height:50px; } 
         #printer-footer-inside a:link, #printer-footer-inside a:visited {color: #0061aa;text-decoration:underline;} 
         #printer-footer-inside a:hover, #printer-footer-inside a:active {text-decoration:none;} 
         #printer-footer-inside table a:link, #printer-footer-inside table a:visited {color: #222;text-decoration:underline;} 
         #printer-footer-inside table a:hover, #printer-footer-inside table a:active {text-decoration:none;} 
         /* printer-wide * ---------------------------------------------------------------------------- */ 
         #printer-footer-wrap-wide { width:996px; height:90px; background:#fff; } 
         #printer-footer-wide { width:996px;_width:995px; background:#fff; } 
         #printer-footer-inside-wide { width:460px; padding:5px 0px 5px 0px; background:#fff; height:50px; } 
         #printer-footer-inside-wide a:link, #printer-footer-inside a:visited {color: #0061aa;text-decoration:underline;}
         #printer-footer-inside-wide a:hover, #printer-footer-inside a:active {text-decoration:none;} 
         #printer-footer-inside-wide table a:link, #printer-footer-inside table a:visited {color: #222;text-decoration:underline;}
         #printer-footer-inside-wide table a:hover, #printer-footer-inside table a:active {text-decoration:none;}
          /* footer * ---------------------------------------------------------------------------- */ 
          #uk-btm-logos { width:1000px; height:108px; } 
          #uk-btm-logos img { float:left; display:block; } 
          #footer { color: #fff; text-align: center; background:#0061aa; padding-top:24px; padding-bottom:24px; } 
          #footer a:link, #footer a:visited { color: #fff; text-decoration:none;} 
          #footer a:hover, #footer a:active { color: #fff;text-decoration:underline; } 

.collapsePanel
{
width: 85%;
height: 0px;
/*background-color: #00265D;*/
overflow: hidden;

}

.collapsiblePanelHeader
{
    width: 85%;
    height:20px;
    color: Yellow;
    background-color: #00002D;
    font-weight: bold;
    float: left;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle; 
    
    
   }