/********************** RESET **********************/ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;} table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;} table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;} body {line-height:1.2; color:black; background:white;} /* ol, ul {list-style: none;} */ /* remember to define focus styles! */ :focus {outline:0;} caption {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /*mos reformatted styles */ h1, h2, h3, h4, h5, h6, strong {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:inherit; font-weight:bold;} font {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-family:inherit;} em {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:inherit; font-style:italic;} code {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:"Courier New", Courier, monospace;} blockquote {padding:0px 15px;} /******************************************************/ /* end browser reset controls */ body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /********************** Framework **********************/ body { text-align: center; background:url(../images/body-bg.jpg) center top no-repeat #1F1B17; font-family: Helvetica, Arial, sans-serif; font-size: 10px; color:#000; } #mosSite { width: 966px; margin: auto; text-align: left;background:#04375D; padding-bottom:10px;} #site fieldset { border: 0px solid #000; } #framework { width: 966px; } #frameworkTop { } /* Ads */ #leaderboard { postion: relative; float:left; width:732px;height:97px;} #leaderboardLabel { display:none; } #leaderboardAd { padding:7px 0 0 4px;} #skyscraper { width: 160px;padding:0; } #skyscraperLabel { display:none; } #skyscraperAd { } #skyscraper img, #skyscraper object, #skyscraper iframe {margin-bottom:8px; } #cubeAd {width:300px;} #cubeAd .moduleHeader {display:none;} #cubeAd img, #cubeAd object, #cubeAd iframe {margin:0px 0 10px 0;} /* Header */ #header { width:966px;background:url(../images/header-bg.jpg) no-repeat #032641;} #header h1 {clear:both;width:840;height:242;position:relative;left:80px; } /* Content */ #contentBackground { background:#fff; } #contentColumns { padding:10px 19px; } #contentEnclose { width: 755px; float: left;} #contentTop { width: 755px; clear:both; } #contentLeft { width: 440px; float: left; clear:both;background:url(../images/column-bg-sprite.gif) repeat-y 0px 0px; } #contentMiddle { width: 300px; float: right;} #contentRight { width: 160px; float: right;background:url(../images/column-bg-sprite.gif) repeat-y -440px 0px; } #contentBottom { clear: both; } /* Footer */ #footer { background:#022E4E;color:#DEDEDE;font-size:1.1em;font-family:Arial, Helvetica, sans-serif;} #iconLinks { width:966px;text-align:center;word-spacing:38px;background:url(../images/iconLink-bg.gif) repeat-x #FEFEFE left top;} #iconLinks .containerPadding {padding:10px;} #footerBottom { clear: both;height:1px;width:966px; } #copyright { line-height:1.3;padding:19px;} #copyright a {color:#DEDEDE;text-decoration:none; } #copyright a:hover {color:#fff;text-decoration:underline; } /*********************** GENERAL HELPER STYLES ***********************/ .hidden { display: none; visibility: hidden; width: 0px; height: 0px;} .footer { clear: both;} a {color:#162e5b;} /********************* GENERAL STYLES *********************/ #mainContent {font-size:1.2em;line-height:1.3;} /* PAGE TITLE */ #mainContent .moduleHeader h2 {margin-bottom:5px;font-size:2.4em;font-weight: normal; } /* MAIN TEXT AND HEADERS */ #mainContent p {margin-bottom:1em; } #mainContent h1 {font-size:2.4em;font-weight: bold; color: #043459;} #mainContent h2 {font-size:2em; font-weight: bold; color: #043459;} #mainContent h3 {font-size:1.5em; font-weight: bold; color: #043459; } #mainContent h4 {font-size:1.16em; font-weight: bold; color: #043459;} #mainContent h5 {font-size:1em; font-weight: bold; color: #043459; } #mainContent h6 { font-size:.9em; font-weight: bold; color: #043459; } /* CONTENT AREA LINKS */ #mainContent a { color:#043459;} #mainContent a:hover { color:#CC281F; } #mainContent a:visited { } /* IMAGES */ #mainContent img { border: none 0px #fff; } /* MISC TEXT CLASSES */ #mainContent .smallText { font-size: 100%; } #mainContent .Headline { font-size:1.8em; font-weight: bold; color: #374E6D;} /* SAME AS H3 - Legacy Inside Pages Code */ #mainContent .Text { font-size:1.2em; } /* SAME AS BODY - Legacy Inside Pages Code */ /* LISTS */ #mainContent ul.inline li { display: inline;} #mainContent ol { padding-left:25px;list-style:decimal;} /* Optional for Custom List Styles */ #mainContent ul { padding-left:25px;list-style:disc;} /* Optional for Custom List Styles */ #mainContent li { } /* Optional for Custom List Styles */ /********************* ARTICLE PAGE *********************/ .standFirst { } /* RELATED LINKS */ #relatedLinksInsert {background:url(../images/module-bg-sprite.jpg) no-repeat #F3F1E5;padding:8px;} #relatedLinksInsert .moduleHeader h4{color:#262722;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;} #relatedLinksInsert li{margin-top:.7em;} #relatedLinksInsert .moduleContainer {} /* ARTICLE IMAGE STYLES */ #articleAdInsert { width:310px;float:right;clear:right;} #articleAdInsert #cubeAd{ position:relative;left:10px;} .imageCaptionContainer { padding-bottom:8px; } .imageCaption {font-size:.8em; } /********************* FORM STYLES *********************/ select { } /* This style applies to all dropdown menus. */ input { font-size:1.2em;font-family: Arial, Helvetica, sans-serif;color:#000000;} /* Only specify font face, size and color. This applies to all buttons, single line text boxes (input fields), checkboxes, and radio buttons. */ .textBox { } /* Single-Line textboxes background and border colors */ button, .button { } textarea { } /* This style applies to all multi-line comment areas. */ #mainContent .submitbutton { } #mainContent .warningMessage { } /* Text displayed warning of Form problems/errors */ /* VARIOUS SIZED TEXBOXES */ input.short { width: 70px; } input.medium { width: 150px; } input.long { width: 300px; } /************************ GENERIC TABLES *************************/ #mainContent table { color: #162E5B; } /* Just set a default text color and size */ /************************ FORMATTED TABLES *************************/ #mainContent table.formattedTable {margin:1em 0;border-bottom:3px solid #ff9900;} /* Background color or borders */ #mainContent table.formattedTable th {font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #374E6D; font-size:1.2em;padding:4px;border-bottom:3px solid #ff9900;background:#F2F1E6;} table.formattedTable th a {} /* Header cells and Header Font Info */ #mainContent table.formattedTable td {padding:4px;} /* Table body cells and body font info */ #mainContent table.formattedTable td a {} /* Table body links */ #mainContent table.formattedTable tr.rowOdd td{border-bottom:1px solid #F5F4F2;} /* Table Odd Row for a separate background-color for every other row */ #mainContent table.formattedTable tr.rowEven td{border-bottom:1px solid #F5F4F2;} /* Table Even Row for a separate background-color for every other row */ /* You may need to specify a specific link color for each row depending on the background colors */ #mainContent table.fullWidth { width:404px;} /* specify the width to span the full content area */ /********************* MISC BACKGROUND AND SECTIONAL STYLES (Styles used for default sectionals and misc colors.) *********************/ .CellBackground0 { background-color: #fff; } /* Background, Border, and Text color only */ .CellBackground1 { background-color: #F2F1E6; } /* Background, Border, and Text color only */ #mainContent .CellContent0, #mainContent .CellContent1 { padding: 5px; } /* Define padding so running copy doesn't hit edge of background. */ /********************* CALENDAR STYLES *********************/ #mainContent .calendarTable { } #mainContent .calendarTable th {padding:4px;font-weight:bold;} #mainContent .calendarTable td {padding:4px;text-align:center;} #mainContent .calendarTable td a { } #mainContent .calendarTable td.calendarDayCell { border-left:1px solid #F2F1E6;border-top:1px solid #F2F1E6;} /* Specify something to overwrite CellBackground0 */ #mainContent .calendarTable td.calendarEmptyDay { } #mainContent .calendarTable td.calendarDayViewed { border-left:1px solid #F2F1E6;border-top:1px solid #F2F1E6;color:#4D4D42;} /* Specify something to overwrite CellBackground1 */ #mainContent .calendarTable td.calendarDayViewed a {color:#4D4D42;} #mainContent .calendarTable td.calendarCurrentDate { border-left:1px solid #F2F1E6;border-top:1px solid #F2F1E6;background:#ff9900;} #mainContent .calendarTable td.calendarCurrentDate a:hover{ color:#000;} /********************* SEPARATOR STYLES *********************/ hr { } .sectSeparatorH { width:12px;height:12px;} /* Horizontal gaps between sections. */ .sectSeparatorV { width:12px;height:12px;} /* Vertical gaps between sections. */ /**************************/ /**** EDITS UNECESSARY ****/ /**************************/ /********************* FORM LAYOUTS *********************/ #mainContent fieldset { border: none 0px #fff;} #mainContent legend { /* Specify a Color */ font-weight: bold;} #mainContent .formRow { clear: both; margin: 5px 0px;} #mainContent label { display: block; float: left; width: 150px; text-align: right; font-weight: bold; margin-top: 2px; margin-right: 3px;} #mainContent label .labelDetails { font-weight: normal; font-size: 0.9em;} #mainContent .formRowMultiFields { margin-left: 153px; /* !! Should be the width of the label !! */} #mainContent .formRowMultiFields img { /* Used for Captcha */ padding: 0px;} #mainContent label.spanWidth { width: auto; display: block; text-align: left;} #mainContent label.inline { float: none; display: inline; width: auto; text-align: auto;} #mainContent .formRowSubmit { margin-left: 153px; /* Probably the width of the label */} #mainContent .EmailForm label { width: 80px;} /********************* ALIGNMENT STYLES *********************/ .alignLeft { float: left; } .alignCenter { text-align: center; } .alignRight { float: right; } #mainContent img.noFormat { border: none 0px; margin: 0px; } /********************* MODULES *********************/ /* return Link */ #returnLink {float:right;position:relative;left:-2px;top:7px;width:227px;height:90px;} #returnLink .moduleHeader {display:none;} #returnLink h4 a{display:block;text-indent:-9999px;width:227px;height:90px;background:url(../images/headers-buttons-sprite.gif) no-repeat;} /* misc1 "Red Lasso" area front */ #misc1 {width:300px;margin:0 0 10px 0;} #misc1 .moduleHeader {display:none;} /* misc1 "Red Lasso" area inside */ #misc2 {width:755px;margin:10px 0 0px 0;} #misc2 .moduleHeader {display:none;} /* marquee */ #marquee {width:966px;border-top:5px solid #fff;font-size:1.2em;color:#686868;background:#fff;} #marquee .moduleHeader{display:none;} #marquee .moduleContainer{background:url(../images/marquee-bg.gif) no-repeat;width:966px;height:30px;} #marquee .moduleContent{padding:5px 0px 0px 109px;} #marquee .containerPadding{width:837px;height:18px;overflow:hidden;line-height:18px;} #marquee h4, #marquee p {display:inline;} /* feature */ #feature {width:755px;margin-bottom:8px;background:#A3A2A2;} #feature .moduleHeader {display:none;} #feature .rotator{background:#032B49;color:#fff;font-size:1.4em;width:755px;height:35px;background:url(../images/rotator-bg.gif) repeat-x;} #feature .rotatorControls {display:none;} #feature .rotatorIndex {display:block;float:left;line-height:35px;padding:0 33px;cursor:pointer;} #feature .rotatorIndex:hover {color:#E72420;} #feature .rotatorIndexCurrent {padding:0 76px 0 33px;background:url(../images/rotator-bg.gif) no-repeat right -35px;cursor:auto;} #feature .rotatorIndexCurrent:hover {color:#fff;} /* hucks heroes */ #hucksHeroes {margin-bottom:8px;} #hucksHeroes .moduleHeader {background:url(../images/header-bg.png) repeat-x left bottom;padding:5px 8px;} #hucksHeroes .moduleHeader h3{font-size:2.3em;text-transform:uppercase;color:#043459;} #hucksHeroes .moduleContent {font-size:1.2em;line-height:1.33em;} #hucksHeroes .moduleContent h4 {font-size:1.33em;font-weight:normal;margin-bottom:5px;} #hucksHeroes .moduleContent h4 a{text-decoration:none;color:#000;} #hucksHeroes .containerPadding{padding: 16px 8px} #hucksHeroes .storyImage {float:left;padding:2px 24px 5px 0;} #hucksHeroes .storyLink {font-size:1.16em;font-weight:bold;color:#990000;padding-top:8px;} #hucksHeroes .storyLink a {color:#990000;text-decoration:none;} #hucksHeroes .storyLink a span {color:#000;} #hucksHeroes .storyLink a:hover {color:#000;text-decoration:underline;} /* poll */ #poll {margin-bottom:8px;} #poll .moduleHeader {background:url(../images/header-bg.png) repeat-x left bottom;padding:5px 8px;} #poll .moduleHeader h3{font-size:2.3em;text-transform:uppercase;color:#043459;} #poll .moduleContent {font-size:1.2em;color:#fff;background:#032B47;} #poll .containerPadding{padding: 12px;} #poll .moduleContent h4 {margin-bottom:12px;} #poll #pollDescription {margin-bottom:12px;} #poll #pollQuestion {margin-bottom:12px;font-weight:bold;} #poll legend {display:none;} #poll .formRow {margin-bottom:12px;padding:0 2px;} #poll #formRowSubmit {text-align:center;} #poll dt {} #poll dd {font-weight:bold;margin-bottom:6px;color:#FA4740;} /* recent Photos */ #recentPhotos {margin-bottom:8px;} #recentPhotos .moduleHeader {background:url(../images/header-bg.png) repeat-x left bottom;padding:5px 8px;} #recentPhotos .moduleHeader h3 {font-size:2.3em;text-transform:uppercase;color:#043459;} #recentPhotos .moduleContent {font-size:1.2em;line-height:1.33em;} #recentPhotos .moduleContent h4 {font-size:1.33em;font-weight:normal;margin-bottom:5px;} #recentPhotos .containerPadding {padding: 4px 4px 16px 4px;} #recentPhotos .photoThumb {float:left;padding:4px;background:url(../images/photoThumb-bg.png) no-repeat;} #recentPhotos .photoThumb img {width:100px;height:100px;} #recentPhotos .storyLink {clear:both;text-align:center;font-size:1.5em;font-weight:normal;color:#04365A;padding-top:8px;line-height:1.4em;} #recentPhotos .storyLink span {font-weight:bold;} #recentPhotos .storyLink a {color:#04365A;text-decoration:none;} #recentPhotos .storyLink a:hover {color:#000;text-decoration:underline;} /* ask huck */ #askHuck .moduleContainer{background:url(../images/askhuck-bg.jpg) no-repeat left bottom #03375C;font-size:1.6em;color:#fff;line-height:1.25em;} #askHuck .moduleHeader{width:300px;height:42px;background:url(../images/headers-buttons-sprite.gif) no-repeat -227px 0;} #askHuck .moduleHeader h3{display:none;} #askHuck .moduleFooter{height:110px;} #askHuck .containerPadding{padding: 0 15px;} /* station search */ #stationSearch {width:160px;margin-bottom:8px;} #stationSearch .moduleHeader {display:none;} #stationSearch h4 a{display:block;text-indent:-9999px;width:160px;height:226px;background:url(../images/headers-buttons-sprite.gif) 0 -90px no-repeat;} /* todaysQuote */ #todaysQuote {margin-bottom:8px;} #todaysQuote .moduleHeader {background:url(../images/header-bg.png) repeat-x left bottom;padding:5px 8px;} #todaysQuote .moduleHeader h3{font-size:2.3em;text-transform:uppercase;color:#043459;font-weight:normal;} #todaysQuote .moduleContent {font-size:1.2em;color:#fff;background:#032B47; line-height:1.2} #todaysQuote .containerPadding{padding: 8px 8px 10px 8px;} /* todaysQuote */ #todaysHistory {} #todaysHistory .moduleHeader {background:url(../images/header-bg.png) repeat-x left bottom;padding:5px 8px;} #todaysHistory .moduleHeader h3{font-size:2.3em;text-transform:uppercase;color:#043459;font-weight:normal;} #todaysHistory .moduleContent {font-size:1.2em;color:#fff;background:#032B47;} #todaysHistory .moduleContent a{color:#fff;text-decoration:none; line-height:1.2;} #todaysHistory .containerPadding{padding: 8px 8px 10px 8px;} /********************* NAVIGATION *********************/ /* NAV MODULE SETTINGS */ #navigation { width:966px;height:28px;background:#262626;} #navigation .moduleHeader { display:none; } #navigation .moduleFooter { display:none; } /* MAIN NAVIGATION MENU BOX */ #navigation .containerPadding { } #navigation ul { list-style: none; border: none; } /* MAIN NAV ITEMS */ #navigation li { text-align: left;float:left; } #navigation li a, #navigation li .navNoLink { display: block; height:28px;text-indent:-9999px; background:url(../images/nav-sprite.gif) no-repeat; color: #4D4D42; text-decoration: none; line-height:30px; } html>body #navigation li a { width: auto; } #navigation li.menuItem1 a { background-position:0 0;width:122px; } #navigation li.menuItem1 a:hover { background-position:0 -28px; } #navigation li.menuItem2 a { background-position:-122px 0;width:166px; } #navigation li.menuItem2 a:hover { background-position:-122px -28px; } #navigation li.menuItem3 a { background-position:-288px 0;width:241px; } #navigation li.menuItem3 a:hover { background-position:-288px -28px; } #navigation li.menuItem4 a { background-position:-529px 0;width:125px; } #navigation li.menuItem4 a:hover { background-position:-529px -28px; } #navigation li.menuItem5 a { background-position:-654px 0;width:169px; } #navigation li.menuItem5 a:hover { background-position:-654px -28px; } #navigation li.menuItem6 a { background-position:-823px 0;width:143px; } #navigation li.menuItem6 a:hover { background-position:-823px -28px; } /* SUB NAV LIST Set the width, background, and/or border */ #navigation li ul { width: 180px; margin: 0 0 0 0; display: block; position: absolute; left: -9999px; height: auto; } /* SUB-NAV ITEM */ #navigation li ul li { float:none;} #navigation li:hover ul li a, #navigation li:hover ul li .navNoLink, #navigation li.sfhover ul li a, #navigation li.sfhover ul li .navNoLink { background-color:#374E6D;background-image:none;color: #fff; text-indent:0;height:auto;line-height:normal;padding:4px 8px;font-size:12px;} #navigation li ul li:hover a, #navigation li ul li.sfhover a { color: #E22511;background-image:none; } /* YOU SHOULD NOT HAVE TO EDIT ANY OF THE STYLES BELOW */ #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul { left: -9999px; z-index: 501; } #navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: auto; z-index: 501; } /* Support for the "iehover-fix.js" */ ul.navItems iframe { position: absolute; left: -0.25em; top: -0.25em; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0);} * html ul.navItems li { z-index: 501; } /* this is for IE 5.0 select.hide { visibility: hidden; } /* End Support for the "iehover-fix.js" */ .top-goout {float: left; padding: 0px; height:35px;overflow:hidden;background:url(/images/Topframe_bg.gif) repeat-x #021523;width:100%;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#fff;} .top-col-left {width: 200px; float: left;} .top-col-left a {text-indent:-9999px;display:block;height:35px;width:200px;background:url(/images/Topframe_left.gif) no-repeat;} .top-col-left a:hover {text-decoration: none;} .top-col-mid {width: 300px; float: left; padding: 8px 0px 0px 0px;text-align:left;} .top-col-mid #siteIndex fieldset{border:0;} .top-goout form select { padding: 0px; margin: 0px;background:#000;color:#fff;font-size:11px;font-weight:bold; } .top-goout legend { display: none; } .top-col-right {width: 300px; float: left; padding: 6px 0px 0px 0px; } .top-col-right a {color:#CC3300} .top-col-right a:hover {text-decoration: none;}