/* ---------------------------------------------------------------------------- Company: CSTV Networks, Inc. Author: Taylor Neilson CSS Document: display.css ---------------------------------------------------------------------------- */ /* default type selectors * ---------------------------------------------------------------------------- */ body { background-image:url("http://grfx.cstv.com/schools/psu/graphics/psu-08-ribbon-bg.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-position:975px -30px; color: #162952; font: 12px Arial, Verdana, Helvetica, sans-serif; margin:0px; padding:0px; } td{ font: 12px Arial, Verdana, Helvetica, sans-serif; color: #162952; } 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: #162952; text-decoration: underline; } a:hover, a:active { color: #162952; text-decoration: underline; } a { outline: none; } .noborder {margin:0px; padding:0px; border:0px; display:block;} #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;} .center { text-align: center; } .imgLeft { float: left; margin-right:6px; margin-bottom:6px; } .imgRight { float: right; margin-left:6px; margin-bottom:6px; } .clear { clear: both; } #revLayeredAd .revClickText { color:#fff; } .staticheadline {font-weight:bold; color:#162952; font-size:16px; font-family: Verdana, Arial, Geneva, Sans-Serif; text-decoration: none;} /* CSTV specific * ---------------------------------------------------------------------------- */ h2, .storyheadline, .StoryHeadline, .page-header { color: #162952; font-weight: bold; font-size: 16px } .storyteaser, .StoryTeaser { color: #162952; font-weight: bold; } .storycaption, .StoryCaption { font-size:9px; } .fivevert { line-height: 5px } .tenvert { line-height: 10px } .twentyvert { line-height: 20px } .yahoo-on { background: #fff url("http://grfx.cstv.com/schools/uri/graphics/yahoo-search5.gif") no-repeat; } .yahoo-off { background-image: none; } .pollbg {background-color: #cccccc;} /* columns * ---------------------------------------------------------------------------- */ #columns {padding:0px; margin:0px; border-collapse:collapse; } #column-1, #column-2 {padding:0; margin:0; vertical-align:top; } #column-1 { width: 719px; background:#fff; } #column-2 { width: 256px; background:#162952; } /* layout * ---------------------------------------------------------------------------- */ #wrap { width:975px; } #top-banner{ float:left; margin:0; padding:0; width:728px; height:90px; } #skyscraper { position: absolute; top:0px; left:1002px; } #indexSearch{width:330px; height:20px; position:absolute; top:207px; left:648px;} #indexTopSponsors { width:995px; height:92px; margin-left:4px; padding:0px;} #indexTopSponsors img { border:1px solid #3d5c9c; display:block; margin:0px; padding:0px; float:left;} #indexTopRotating { width:237px; height:92px; background:#fff; padding:0px; float:left; margin-left:4px;} #indexTopRotating img { border:1px solid #3d5c9c; display:block; margin:0px; padding:0px;} #indexMasthead { width:975px; height:138px; background:#fff; overflow:hidden; display:block;} #indexMasthead div img { display:block; margin:0px; padding:0px; } #indexMastheadLeft { width:614px; height:138px; float:left; } #indexMastheadRight { width:361px; height:138px; float:left; } #sportNav { width:975px; height:15px; font-size:12px; font-weight:bold; background:#e0e0e0; display:block; float:left; text-align:center; } #sportNav a { font-size:11px; font-weight:bold; padding-left:6px; padding-right:6px; text-decoration:none; text-transform:uppercase; } #sportNav a:hover { text-decoration:underline; } #mainTop{ height:419px; width:975px; padding-bottom:3px;} #indexBsi { width:718px; height:419px; background-image:url("http://grfx.cstv.com/schools/psu/graphics/psu-08-bsi-bg.jpg"); background-repeat:repeat-x; border-right:1px solid #e0e0e0; float:left; } #indexBsiPhoto { width:395px; height:311px; padding-left:6px; padding-right:6px; padding-top:6px; background:#3d5c9c; float:left; } #indexBsiPhoto #frame_photo {margin:0px; padding:0px; border:1px solid #e0e0e0; } #indexBsiControls { width:395px; height:12px; color:#fff; text-align:center; } #indexBsiControls a { color:#fff; text-decoration:none; font-size:11px; font-weight:bold; } #indexBsiControls a:hover { color:#fff; text-decoration:underline; font-size:11px; font-weight:bold; } #indexBsiIcons { width:500px; height:10px; padding-bottom:2px; padding-top:2px; } #indexBsiIcons img { float:left; display:block; padding-right:12px; } #indexBsiMinis { width: 310px; height:303px; float:left; } #indexBsiMinis img { border:1px solid #162952; float:left; margin-right:6px;} #indexBsiMinis .miniOn {filter:alpha(opacity=99);opacity:0.99;-moz-opacity:0.99; background:#3d5c9c;} #indexBsiMinis div {filter:alpha(opacity=75);opacity:0.7;-moz-opacity:0.7;} #indexBsiMore { width: 305px; text-align:center; float:left; height:11px; padding-top:2px;} #indexBsiMore a { color:#fff; font-size:11px; font-weight:bold; text-decoration:underline; } .indexBsiPubdate { color:#7aa0ef; font-size:11px; font-weight:bold;} .indexBsiHeadline { color:#fff; font-size:11px; } .indexBsiReadMore a{ color:#fff; font-size:11px; text-decoration:none; font-weight:bold; } .indexBsiReadMore a:hover{ color:#fff; font-size:11px; text-decoration:underline; font-weight:bold; } #mini0{position:relative; width:298px; height:62px; margin-bottom:3px; padding:6px; } #mini1{position:relative; width:298px; height:62px; margin-bottom:3px; padding:6px; display:none; } #mini2{position:relative; width:298px; height:62px; margin-bottom:3px; padding:6px; display:none; } #mini3{position:relative; width:298px; height:62px; padding:6px; display:none; } #indexBsiContent { width: 706px; height:80px; padding:6px; margin-top:6px; float:left; overflow:hidden; position:relative; } #relativeFrame{position:relative;} #frm0{position:absolute; width:690px;} #frm1{position:absolute; visibility:hidden;width:690px;} #frm2{position:absolute; visibility:hidden;width:690px;} #frm3{position:absolute; visibility:hidden;width:690px;} #frm4{position:absolute; visibility:hidden;width:690px;} #frm5{position:absolute; visibility:hidden;width:690px;} .topsportname {color:#fff; font-size:11px;} .toppubdate {color:#fff; font-size:11px;} .topheadline a {color:#fff; font-size:14px; font-weight:bold; text-decoration:none;} .topheadline a:hover {color:#fff; font-size:14px; font-weight:bold;text-decoration:underline;} .topsynopsis {color:#fff; font-size:11px;} .topmore a {color:#fff; font-size:11px; text-decoration:none; font-weight:bold;} .topmore a:hover {color:#fff; font-size:11px;text-decoration:underline; font-weight:bold;} #indexAllAccess { width:256px; height:419px; background:#162952; float:left; } #indexAllAccess a { color:#fff; text-decoration:none; font-size:10px;} #indexAllAccess a:hover { color:#fff; text-decoration:underline; font-size:10px;} #mainMid { width:975px; height:45px; padding-bottom:3px; display:block; } #mainBot { width:975px; height:665px; background:#e0e0e0; margin-bottom:3px; padding-top:3px; } #mainBotStore {width:487px; height:197px; float:left; display:block; padding-left:3px; } #store { width: 239px; height:197px; float:left; } body#story store { width: 239px; height:197px; text-align:center; } #storePromos { width:248px; height:197px; float:left; } #storePromos img { float:left; margin-left:3px; margin-bottom:3px; border:1px solid #162952; } #mainBotGallery {width:485px; height:190px; float:left; display:block; background:#d0d0d0; } #galleryblockTitle { width:479px; height:15px; background:#162952; color:#fff; font-size:11px; padding-left:6px; font-weight:bold; padding-top:2px;} #galleryblockWrap { width: 473px; height: 167px; padding-left:6px; padding-right:6px; padding-bottom:6px; background:#162952; } #galleryblockMain { width: 469px; height: 163px; padding:2px; background:#e0e0e0; } #galleryblock {margin:0px; padding:0px;} #galleryblock li { float: left; margin: 0px; padding-left: 21px; width: 128px; text-align: center; list-style-type: none; } #galleryblock li a:link, #galleryblock li a:visited { /*VIEW LINK FORMATTING*/ font-family:Arial;font-size:11px; color:#444444; text-decoration: none; } #galleryblock img { display: block; border: none; width: 128px; height: 82px; margin-bottom: 3px; margin-top:3px; } #mainBotFancenter { width:484px; height:190px; float:left; display:block; padding-left:6px; } #mainBotFancenter #fancenterimg { float:left; } #mainBotCalendar { width:485px; height:251px; float:left; display:block; margin-top:3px; } #calendarTitle { width:479px; height:15px; background:#162952; color:#fff; font-size:11px; padding-top:2px; padding-left:6px; font-weight:bold; } #calendarFull { width:485px; height:14px; background:#162952; color:#fff; font-size:11px; padding-top:1px; text-align:center; } #calendarFull a { color:#fff; } #calendarWrap { width: 473px; height: 220px; padding-left:6px; padding-right:6px; background:#162952; } #calendarMain { width: 469px; height: 216px; padding:2px; background:#fff; overflow:auto; overflow-x:hidden; } .calendar, .calendar * { border-collapse: collapse; margin: 0; padding: 0; } .calendar { width: 100%; } .calendar td { padding: 4px; font-size:10px; } .calendar .calendar-body td { border-bottom:1px dashed #162952; padding-bottom:2px; margin-bottom:2px;} .calendar a { color: #162952; } .calendar a:hover { color: #162952; } .calendar .calendar-date td{ background-color: #3d5c9c; color: #fff; text-transform:uppercase; font-size:10px; } .calendar tr.calendar-headers td { background-color: #162952; color: #fff; font-size:10px; } #mainBotPromos { width:302px; height:255px; float:left; display:block; padding-left:6px; margin-top:3px; } #mainBotPromos2 { float:left; width:100px; height:255px; display:block; margin-top:3px; } #mainBotPromos2 img { margin-left:1px; margin-bottom:1px; } #mainFooter { width:975px; height:45px; float:left;margin-top:15px; } #mainFooter img { display:block; border:0px; padding:0px; margin:0px; } body#sport #indexBsiContent { width: 706px; height:70px; padding:6px; margin-top:6px; float:left; overflow:hidden; position:relative; } #storyPadding { float:left; width:695px; padding:10px; } #video a { color:#fff; font-size:10px; } /* tabs * ---------------------------------------------------------------------------- */ #index-tab { float:left; } #index-tab ul.index-1, #fancenter-tab ul.fancenter-1 { margin:0px; padding:0px; } #index-tab ul.index-1 li, #fancenter-tab ul.fancenter-1 li{ float: left; list-style: none; } #index-tab ul.index-1 a, #fancenter-tab ul.fancenter-1 a { font-size:9px; text-align:center; padding-top:2px; text-decoration:none; } /* Headline tabs: #headlines-tab * ---------------------------------------------------------------------------- */ #index-tab ul.index-1 { background: #162952; height: 14px; width: 485px; } #index-tab ul.index-1 li { display: block; height: 14px; } #index-tab ul.index-1 a { display:block; height:12px; color:#fff; } #tab-indextabs1 { padding-left:3px; padding-right:3px; border-right:1px solid #fff; } #tab-indextabs2 { padding-left:3px; padding-right:3px; border-right:1px solid #fff; } #tab-indextabs3 { padding-left:3px; padding-right:3px; border-right:1px solid #fff; } #tab-indextabs4 { padding-left:3px; padding-right:3px; border-right:1px solid #fff; } #tab-indextabs5 { padding-left:3px; padding-right:3px; border-right:1px solid #fff; } #tab-indextabs6 { padding-left:3px; padding-right:3px; border-right:1px solid #fff; } #index-tab.on-indextabs1 #tab-indextabs1 { background: #b0b0b0; } #index-tab.on-indextabs1 #tab-indextabs1 a { color:#3d5c9c; text-decoration:none; } #index-tab.on-indextabs2 #tab-indextabs2 { background: #b0b0b0; } #index-tab.on-indextabs2 #tab-indextabs2 a { color:#3d5c9c; text-decoration:none; } #index-tab.on-indextabs3 #tab-indextabs3 { background: #b0b0b0; } #index-tab.on-indextabs3 #tab-indextabs3 a { color:#3d5c9c; text-decoration:none; } #index-tab.on-indextabs4 #tab-indextabs4 { background: #b0b0b0; } #index-tab.on-indextabs4 #tab-indextabs4 a { color:#3d5c9c; text-decoration:none; } #index-tab.on-indextabs5 #tab-indextabs5 { background: #b0b0b0; } #index-tab.on-indextabs5 #tab-indextabs5 a { color:#3d5c9c; text-decoration:none; } #index-tab.on-indextabs6 #tab-indextabs6 { background: #b0b0b0; } #index-tab.on-indextabs6 #tab-indextabs6 a { color:#3d5c9c; text-decoration:none; } #index-tab-wrap { width:473px; padding:6px; height:167px; margin-bottom:4px; background:#162952; } #indextabs1, #indextabs2, #indextabs3, #indextabs4, #indextabs5, #indextabs6 { height: 163px; padding: 2px; overflow: auto; background:#e0e0e0; width:469px; color:#162952; font-size:11px; } #indextabs1 a, #indextabs2 a, #indextabs3 a, #indextabs4 a, #indextabs5 a, #indextabs6 a { color:#162952; font-weight:bold; font-size:11px; } #indextabs1 img, #indextabs2 img, #indextabs3 img, #indextabs4 img, #indextabs5 img, #indextabs6 img { border:1px solid #162952; float:left; margin-right:6px; } #fancenter-tab { float:left; } #fancenter-tab ul.fancenter-1 { background: #162952; height: 14px; width: 364px; } #fancenter-tab ul.fancenter-1 li { display: block; height: 14px; overflow:hidden } #fancenter-tab ul.fancenter-1 a { display:block; height:12px; color:#fff; } #tab-fancenter1 { padding-left:3px; padding-right:3px; border-right:1px solid #fff; } #tab-fancenter2 { padding-left:3px; padding-right:3px; border-right:1px solid #fff; } #tab-fancenter3 { padding-left:3px; padding-right:3px; border-right:1px solid #fff; } #tab-fancenter4 { padding-left:3px; padding-right:3px; border-right:1px solid #fff; } #tab-fancenter5 { padding-left:3px; padding-right:3px; border-right:1px solid #fff; } #tab-fancenter6 { padding-left:3px; padding-right:3px; border-right:1px solid #fff; } #fancenter-tab.on-fancenter1 #tab-fancenter1 { background: #b0b0b0; } #fancenter-tab.on-fancenter1 #tab-fancenter1 a { color:#3d5c9c; text-decoration:none; } #fancenter-tab.on-fancenter2 #tab-fancenter2 { background: #b0b0b0; } #fancenter-tab.on-fancenter2 #tab-fancenter2 a { color:#3d5c9c; text-decoration:none; } #fancenter-tab.on-fancenter3 #tab-fancenter3 { background: #b0b0b0; } #fancenter-tab.on-fancenter3 #tab-fancenter3 a { color:#3d5c9c; text-decoration:none; } #fancenter-tab.on-fancenter4 #tab-fancenter4 { background: #b0b0b0; } #fancenter-tab.on-fancenter4 #tab-fancenter4 a { color:#3d5c9c; text-decoration:none; } #fancenter-tab.on-fancenter5 #tab-fancenter5 { background: #b0b0b0; } #fancenter-tab.on-fancenter5 #tab-fancenter5 a { color:#3d5c9c; text-decoration:none; } #fancenter-tab.on-fancenter6 #tab-fancenter6 { background: #b0b0b0; } #fancenter-tab.on-fancenter6 #tab-fancenter6 a { color:#3d5c9c; text-decoration:none; } #fancenter-tab-wrap { width:352px; padding:6px; height:164px; background:#162952; } #fancenter1{ height:160px; padding:2px; overflow:auto; background:#333; width:348px; color:#fff; font-size:11px; background: #3d5c9c url("http://grfx.cstv.com/schools/psu/graphics/psu-08-fanpoll-bg.jpg") repeat-y; } #fancenter1 a { font-size:11px; color:#fff; } #fancenter2, #fancenter3, #fancenter4, #fancenter5, #fancenter6 { height: 160px; padding: 2px; overflow: auto; background:#e0e0e0; width:348px; font-size:11px; } #fancenter1 img, #fancenter3 img, #fancenter4 img, #fancenter5 img, #fancenter6 img { border:1px solid #162952; float:left; margin-right:6px; } /* tabs * ---------------------------------------------------------------------------- */ #eventcalendar-tab { float:left;margin-top:4px; } #eventcalendar-tab ul.event-1, #eventcalendar-tab ul.eventcalendar-1 { margin:0px; padding:0px; } #eventcalendar-tab ul.event-1 li, #eventcalendar-tab ul.eventcalendar-1 li{ float: left; list-style: none; } #eventcalendar-tab ul.event-1 a, #eventcalendar-tab ul.eventcalendar-1 a { font-size:9px; text-align:center; padding-top:2px; text-decoration:none; } /* Headline tabs: #headlines-tab * ---------------------------------------------------------------------------- */ #eventcalendar-tab ul.event-1 { background: #162952; height: 14px; width: 485px; } #eventcalendar-tab ul.event-1 li { display: block; height: 14px; } #eventcalendar-tab ul.event-1 a { display:block; height:12px; color:#fff; } #tab-eventcalendartabs1 { width:110px; } #tab-eventcalendartabs2 { width:120px; } #tab-eventcalendartabs1 { padding-left:3px; padding-right:3px; border-right:1px solid #fff; } #tab-eventcalendartabs2 { padding-left:3px; padding-right:3px; border-right:1px solid #fff; } #eventcalendar-tab.on-eventcalendartabs1 #tab-eventcalendartabs1 { background: #b0b0b0; } #eventcalendar-tab.on-eventcalendartabs1 #tab-eventcalendartabs1 a { color:#3d5c9c; text-decoration:none; } #eventcalendar-tab.on-eventcalendartabs2 #tab-eventcalendartabs2 { background: #b0b0b0; } #eventcalendar-tab.on-eventcalendartabs2 #tab-eventcalendartabs2 a { color:#3d5c9c; text-decoration:none; } #eventcalendar-tab-wrap { width:473px; padding:6px; height:223px; margin-bottom:4px; background:#162952; } #eventcalendartabs1, #eventcalendartabs2 { height: 223px; padding: 2px; overflow: auto; background:#e0e0e0; width:469px; color:#162952; font-size:11px; } #eventcalendartabs1 a, #eventcalendartabs2 a { color:#162952; font-weight:bold; font-size:11px; } #eventcalendartabs1 img, #eventcalendartabs2 img { border:1px solid #162952; float:left; margin-right:6px; } /* navigation: #nav * ------------------------------------------------------------------------- */ #nav, #nav * { border-collapse: collapse; margin: 0; padding: 0; } #nav { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") no-repeat; height: 29px; position: relative; width: 975px; z-index: 98; } #nav span { display:none; } #nav li, #nav a { font-size: 11px; height: 29px; font-weight:bold; display: block; } #nav li { float: left; } #nav-01 { width:98px; } #nav-02 { width:157px; } #nav-03 { width:183px; } #nav-04 { width:138px; } #nav-05 { width:115px; } #nav-06 { width:82px; } #nav-07 { width:76px; } #nav-08 { width:126px; } #nav-01 a:hover { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") 0 -29px } #nav-02 a:hover { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") -98px -29px } #nav-03 a:hover { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") -255px -29px } #nav-04 a:hover { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") -438px -29px } #nav-05 a:hover { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") -576px -29px } #nav-06 a:hover { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") -691px -29px } #nav-07 a:hover { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") -773px -29px } #nav-08 a:hover { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") -849px -29px } #nav-01:hover>a { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") 0 -29px } #nav-02:hover>a { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") -98px -29px } #nav-03:hover>a { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") -255px -29px } #nav-04:hover>a { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") -438px -29px } #nav-05:hover>a { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") -576px -29px } #nav-06:hover>a { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") -691px -29px } #nav-07:hover>a { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") -773px -29px } #nav-08:hover>a { background: url("http://grfx.cstv.com/schools/psu/graphics/psu-08-top-nav.jpg") -849px -29px } /* navigation dropdown: #nav * ------------------------------------------------------------------------- */ #nav ul { border: solid #666; border-width: 0 1px; left: -9999px; top: 29px; position:absolute; z-index: 98; } #nav-08 ul { margin-left: -14px } #nav ul, #nav li li { width: 155px } #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 #666; text-indent: 0; } #nav li li a { background: #e8ebf2; color: #162952; display: block; padding: 3px; text-decoration:none; _width: 100% } #nav li li a:hover { background: #162952; color: #fff; } #nav .right { text-align: left; margin-left: 150px } #nav .header a, #nav .header a:hover, #nav .header { background: #162952; text-align:center; text-decoration:none; font-size:12px; color: #fff; font-weight: bold; } /* Son of Suckerfish: 2nd Tier Drop Down * ------------------------------------------------------------------------- */ #nav li ul li ul { display: none; width: 165px; margin-left: 165px; /* width of drop down nav +2 */ margin-top: -19px; /* height of drop down nav item +1 */ } #nav li ul li:hover ul, #nav li ul li.over ul { display: block; } #nav li ul li ul li a { height: 18px; width: 100%; } #nav li li.tall, #nav li li.tall a { height:21px; line-height:14px; } #nav ul.right { margin-left: 150px; text-align: left } #nav li li.header a, #nav li li.header a:hover { background-color: #BF3130; color: #fff; font-weight: bold } /* navigation: #nav */ /* main layout */ #index-features-left { width: 204px; height:162px; padding-right:4px; float:left; } #index-features-right { width:95px; height:162px; font-size:9px; float:left; overflow:hidden; line-height:9px; text-align:center;} #index-features-right img {top:0px;} .features-sportname { font-size:13px; font-weight:bold;} .features-pubdate { font-size:10px; color:#990000; } .features-teaser { font-size:11px; } .features-teaser a { color:#990000; font-size:11px; text-decoration:underline; font-weight:bold;} .features-teaser a:hover { text-decoration:none; color:#990000; } #index-secheadlines { color:#990000; font-size:11px; width:299px; padding-left:4px; height:145px; overflow:auto;} #index-maincontent {width:729px; padding-top:5px; height:385px; } #index-maincontent-left { width: 396px; float:left; padding-left:9px;} #index-maincontent-right { width:303px; padding-left:9px; float:left;} #index-calendar-button { width: 396px; height:14px; background:#000; color:#fff; text-decoration:none; font-size:10px; text-align:center; } #index-calendar-button a { color:#fff; text-decoration:none; font-size:10px; } #index-genrel-button { width: 303px; height:14px; background:#990000; color:#fff; text-decoration:none; font-size:10px; text-align:center; } #index-genrel-button a { color:#fff; text-decoration:none; font-size:10px; } #index-mininav-wrap {width:303px; padding-top:9px; } #index-mininav-wrap a {color:#fff; text-decoration:none;} .index-mininav-arrows {width:20px; float:left; border-top:1px solid #fff;} .index-mininav-arrows img {border-left:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff;} .index-mininav-buttonrow1 { height: 95px; width:131px; float:left; border-top:1px solid #fff;} .index-mininav-buttonrow2 { height: 95px; width:131px; float:left; border-top:1px solid #fff;} .index-mininav-button1 { height:18px; width:129px; color:#ffffff; font-size:10px; text-decoration:none; border-left:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff; display:block; background:#858585; } .index-mininav-button2 { height:18px; width:130px; color:#ffffff; font-size:10px; text-decoration:none; border-left:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff; display:block; background:#858585; } .index-mininav-button1 a {display:block; height:16px; padding-top:2px; color:#ffffff; font-size:10px; text-decoration:none;} .index-mininav-button2 a {display:block; height:16px; padding-top:2px; color:#ffffff; font-size:10px; text-decoration:none;} .index-mininav-button1 a:hover { background: #747474; color:#ffffff; font-size:10px; text-decoration:none; } .index-mininav-button1:hover>a { background: #747474; color:#ffffff; font-size:10px; text-decoration:none; } .index-mininav-button2 a:hover { background: #747474; color:#ffffff; font-size:10px; text-decoration:none; } .index-mininav-button2:hover>a { background: #747474; color:#ffffff; font-size:10px; text-decoration:none; } #index-ads-column { text-align:center; } #index-ads-column img {border:0px; margin:0px; padding:0px; display:block;} .secsportname {color:#003366; font-size:11px;} .secpubdate {color:#003366; font-size:11px;} .secheadline a {color:#990000; font-size:11px; text-decoration:underline; } .secheadline a:hover {color:#990000; font-size:11px; text-decoration:none;} .secteaser {color:#003366; font-size:11px; text-decoration:none;} .secteaser a {color:#336699; font-size:11px; text-decoration:underline;} .secteaser a :hover {color:#336699; font-size:11px; text-decoration:none;} #sport-bsi {width:833px; height:423px; background:#00345c;} #sport-bsi-photo {width:435px; height:293px; background:url("http://grfx.cstv.com/schools/psu/graphics/psu-07-bsi-sport.jpg"); float:left; position:relative;} #sport-bsi-lead {width:192px; height:293px; float:left; position:relative;} #sport-flash-promo { width:396px; height:108px; padding-top:10px;} #sport-tabs-promo { width:394px; height:28px; border-left:1px solid #000; border-right:1px solid #000; } #sport-middle-wrap {width:833px; height:90px; background:#ccc; border-top:3px solid #fff; border-bottom:3px solid #fff;} #sport-bsi-secondaries {width:648px; height:75px; float:left; margin-top:10px; margin-bottom:5px;} .sport-bsi-secthumbs {float:left; height:67px; width:112px; border:1px solid #003366; margin-right:5px; margin-left:7px;} .sport-bsi-seccontent {float:left; height:75px; width:190px;} .sport-toppubdate {color:#003366; font-size:10px;} .sport-topheadline a {color:#003366; font-size:11px; font-weight:bold; text-decoration:none;} .sport-topheadline a:hover {color:#003366; font-size:11px; font-weight:bold;text-decoration:underline;} .sport-topsynopsis {color:#003366; font-size:10px;} .sport-topmore a {color:#336699; font-size:11px; text-decoration:underline; font-weight:bold;} .sport-topmore a:hover {color:#336699; font-size:11px;text-decoration:underline;} #sidebar-wrap {width:303px; height:270px; overflow:auto;} #sidebar-wrap .sidebarheader { font-size:12px; font-weight:bold; color:#990000; } #sidebar-wrap a { font-size:12px; color:#000; text-decoration:none;} #sidebar-wrap a:hover { font-size:12px; color:#000; text-decoration:underline;} #sidebarsportlinks h2 { font-size:13px; color:#336699; } #sidebarsportlinks div a {font-size:10px; color:#ffffff; text-decoration:none;} #sidebarsportlinks div a:hover {font-size:10px; color:#ffffff; text-decoration:underline;} #story-padding {width:980px; padding:10px;} #story-padding li {margin-left:5px;} #nonsport-padding {width:700px; padding:10px;} #nonsport-padding li {margin-left:5px;} #header-banner {width:1000px; background:#003366;} /* sidebar * ---------------------------------------------------------------------------- */ #sidebar, #sidebar * { margin: 0; padding: 0 } #sidebar { margin: 0 } #sidebar h3 { margin-top: 15px } /* photo-table * ---------------------------------------------------------------------------- */ .photo-table { border-collapse: collapse; float: right; margin: 0 0 0 10px; padding: 0; width: 160px } .photo-table .email-print li { display: block; margin: 3px 0 } .photo-table .caption { font-size: 10px } /* 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 } /* pre-footer * ---------------------------------------------------------------------------- */ #pre-footer { border: solid #aaa; border-width: 2px 0; display: block; padding-top: 6px; text-align: center; width: 460px } /* footer * ---------------------------------------------------------------------------- */ #footer { text-align:center; width:975px; height:250px; } #footer a:link, #footer a:visited { color: #162952; } #footer a:hover, #footer a:active { color: #162952; } .footer-images {float:left; position:relative; display:block;} .footer-images img{margin-left:95px; display:block;}