/* ############################################################# allpages.css ############################################################# */ /**Reset**/ /* browser reset controls */ /******************************************************/ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, font, 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; vertical-align:baseline;} table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;} /* 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;} 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 */ /*********************** GENERAL HELPER STYLES ***********************/ .hidden {display: none; visibility: hidden; width: 0px; height: 0px;} .footer {clear: both;} /********************* GENERAL STYLES *********************/ /* PAGE TITLE */ #mainContent .moduleHeader h2 {font-size: 160%; color: #fff;} /* MAIN TEXT AND HEADERS */ #mainContent {width:610px; overflow:hidden;} #mainContent .moduleContent { background: url(/images/article-bg.gif) top no-repeat #fff; border-left: 2px solid #63cdf6; border-right: 2px solid #63cdf6; border-top: 2px solid #ffe000;} #mainContent .moduleContent .modulecontentcontainer { } #mainContent .moduleHeader {background: url(/images/headers.gif) left -371px no-repeat; height: 30px; padding: 5px 0px 0px 22px;} #mainContent .moduleFooter {background: url(/images/footers.gif) left -92px; height: 55px;} #mainContent .containerPadding {padding:10px 13px 0px 13px;} #mainContent h1, #mainContent h2, #mainContent h3 {font-size: 130%; color:#dc291e;} #mainContent h4, #mainContent h5, #mainContent h6 {font-size: 130%; color:#0079c1;} #mainContent p {font-size: 105%; padding: 5px 0px 5px 0px;} /* CONTENT AREA LINKS */ #mainContent a {color: #0079c1;} #mainContent a:hover {text-decoration: none;} /* IMAGES */ #mainContent img { } /* MISC TEXT CLASSES */ #mainContent .smallText { font-size: 80%; } #mainContent .Headline {font-size: 130%; color:#dc291e;} /* SAME AS H3 - Legacy Inside Pages Code */ #mainContent .Text {font-family: Arial, Helvetica, sans-serif; font-size: 105%;} /* SAME AS BODY - Legacy Inside Pages Code */ /* LISTS */ #mainContent ul.inline li {display: inline;} #mainContent ul, #mainContent ol {margin-left:0px; } /* Optional for Custom List Styles */ #mainContent li { list-style-position: inside;} /* Optional for Custom List Styles */ /********************* ARTICLE PAGE *********************/ .standFirst {font-weight: bold; color: #0079c1;} /* RELATED LINKS */ #relatedLinksInsert {float: left;width: 300px; text-align: left;} #relatedLinksInsert .moduleContainer {} #relatedLinksInsert h3 {display:none;} #relatedLinksInsert li {list-style: none; padding: 0px 10px 2px 0px; font-size:1.0em; font-weight: bold;} #relatedLinksInsert li a {text-decoration:none;} #relatedLinksInsert li a:hover {text-decoration:underline;} #relatedLinksInsert .moduleContent { background: #fff; border-left: 2px solid #63cdf6; border-right: 2px solid #63cdf6; border-top: none;} #relatedLinksInsert .moduleHeader {background: url(/images/headers.gif) left -332px; height: 38px; padding:0px;} #relatedLinksInsert .moduleFooter {background: url(/images/footers.gif) left -148px; height: 22px;} /* ARTICLE IMAGE / CUBE AD STYLES */ #mainContent #cubeAd .moduleContent{padding: 0px 0px 0px 0px;width:300px;} #mainContent #cubeAd .moduleContent .containerpadding {padding: 0px 0px 0px 0px;} #mainContent #cubeAd img {border: none;} #mainContent #cubeAd .moduleContent {border: none; background: none;} #mainContent #cubeAd .moduleHeader {display:none;} #mainContent #cubeAd .moduleFooter {display:none;} #articleAdInsert {padding: 0px 10px 0px 0px;} #articleAdInsert.alignleft {padding: 0px 10px 5px 0px;} #articleAdInsert.alignright {padding: 0px 0px 5px 10px;} #articleAdInsert .articleAdInsertContainer {width: 300px;margin: auto;} .imageCaptionContainer {padding: 0px 0px 5px 0px; float: left;} #articleAdInsert.alignright .imageCaptionContainer {display: block; float: right;} .imageCaption {padding: 3px 0px 0px 0px; text-align: left; font-size:90%;} /********************* FORM STYLES *********************/ select {background-color: #2a6ebb !important; font-family: Arial, Helvetica, sans-serif; font-size: 96%; color: #ffe000; font-weight:bold;} /* This style applies to all dropdown menus. */ input {font-family: Arial, Helvetica, sans-serif; font-size: 96%; color: #ffe000;}/* Only specify font face, size and color. This applies to all buttons, single line text boxes (input fields), checkboxes, and radio buttons. */ input.medium { border: 1px solid #ffe000; background-color: #2a6ebb !important;} .textBox {border: 1px solid #ffe000; background-color: #2a6ebb !important;} /* Single-Line textboxes background and border colors */ button, .button {font-family: Arial, Helvetica, sans-serif; font-size: 96%; color: #000; font-weight:bold;} textarea {border: 1px solid #ffe000; background-color: #2a6ebb !important; font-family: Arial, Helvetica, sans-serif; font-size: 96%; color: #ffe000;} /* This style applies to all multi-line comment areas. */ #mainContent .submitbutton {font-family: Arial, Helvetica, sans-serif; font-size: 96%; color: #000; font-weight:bold;} #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: #000; font-size: 100%;} /* Just set a default text color and size */ /************************ FORMATTED TABLES *************************/ #mainContent table.formattedTable {} /* Background color or borders */ #mainContent table.formattedTable th {background: #0079c1; padding: 3px; color: #fff;} /* Header cells and Header Font Info */ #mainContent table.formattedTable th a {color: #ffe000; text-decoration:none;} #mainContent table.formattedTable th a:hover {color: #ffe000; text-decoration:underline;} #mainContent table.formattedTable td {padding: 3px;} /* Table body cells and body font info */ #mainContent table.formattedTable td a {} /* Table body links */ #mainContent table.formattedTable tr.rowOdd {background: #d8f0fd; } /* Table Odd Row for a separate background-color for every other row */ #mainContent table.formattedTable tr.rowEven {background: #d8f0fd; } /* 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: 580px;} /* 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: #000; color: #FFF; } /* Background, Border, and Text color only */ .CellBackground1 { background-color: #333; color: #FFF; } /* 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 {font-weight: bold;} #mainContent .calendarTable td {} #mainContent .calendarTable td a {color: #ffe000; text-decoration:none;} #mainContent .calendarTable td.calendarDayCell {background: #0079c1; padding: 2px;} /* Specify something to overwrite CellBackground0 */ #mainContent .calendarTable td.calendarEmptyDay {} #mainContent .calendarTable td.calendarDayViewed {background: #d8f0fd; padding: 2px; color: #000;} /* Specify something to overwrite CellBackground1 */ #mainContent .calendarTable td.calendarDayViewed a {color: #0079c1;} #mainContent .calendarTable td.calendarCurrentDate { } #mainContent .calendarTable td.calendarCurrentDate a {color: #0079c1;} #mainContent .calendarHeaderTable {} /********************* SEPARATOR STYLES *********************/ hr {height: 1px; color: 0079c1;} .sectSeparatorH { width:15px; } /* Horizontal gaps between sections. */ .sectSeparatorV { height:15px; } /* 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, .alignleft { float: left; margin: 0px 10px 10px 0px; } .alignCenter, .aligncenter { text-align: center; } .alignCenter .imageCaption, .aligncenter .imageCaption { text-align: center; } .imageCaptionContainer.aligncenter{ text-align: center; } .alignRight, .alignright { float: right; margin: 0px 0px 10px 10px; } #articleAdInsert.aligncenter #relatedLinksInsert { margin: auto; } #mainContent img.noFormat { border: none 0px; margin: 0px; } /* ############################################################# ccb-content.css ############################################################# */ /* All sites must have an inside page with a white content area for CCB content. If your inside content area is already white, this does not need to be completed. This CSS file will be used to store your styles that are used on the CCB article/sectional page only. The ID and/or class names should remain the same with the addition of "_ccb" to the end of the ID or class. IE: contentBackground would be contentBackground_ccb. This will be done so that the devloper will not have to edit or add a bunch of items, they will simply have to do a find and replace which will save them time.*/ /* CCB Article/Sectional */ /* ############################################################# framework.css ############################################################# */ /* Framework */ body {font-family: Arial, Helvetica, sans-serif; font-size:smaller; text-align: center; background: url(/images/bg-bot.gif) repeat-x center bottom #00aeef; margin-bottom: 85px;} #mosSite {width: 100%; margin: auto; text-align: center; background: url(/images/bg-top2.gif) repeat-x top; font-size: 85%;} #mosSitePadding {background: url(/images/bg-top1.gif) no-repeat center top;} #mosSite fieldset {border: none;} #framework {width: 960px; text-align: left; margin:auto;} #frameworkTopFooter {width: 960px; height: 7px; background: url(/images/frame-top-footer.gif); overflow:hidden;} /* Ads */ #skyscraper {width:160px; float: right} #skyscraperLabel {display:none;} #skyscraperAd {width: 160px; float: right;} /* Header */ #header {} #header h1 {} #header h2 {display:none;} /* Content */ #contentBackground {background: url(/images/content-bg.gif) repeat-y; width: 960px;} #contentColumns {} #contentColumns A {} /* All Content Links */ #contentEnclose {width: 785px; float: left;} #contentMiddle {width: 610px; float: right;} #contentLeft {width: 175px; float: left;} #contentRight {width: 175px; float: right;} #contentLeft .contentAreaPadding {padding-left: 11px;} #contentRight .contentAreaPadding {padding-right: 11px;} #contentBottom {clear: both;} .storySeparator {} /* Quadrants */ #quadrantTop {} #quadrantA {float: left; width: 300px;} #quadrantB {float: left; width: 310px;} #quadrantB .quadrantPadding {padding-left: 4px;} #quadrantTopFooter {clear: both; padding-bottom: 10px;} #quadrantBottom {} #quadrantC {float: left; width: 305px;} #quadrantD {float: left; width: 305px;} #quadrantBottomFooter {clear: both;} /* Footer */ #footer {background: url(/images/footer.gif) no-repeat bottom; width: 960px; height: 119px;} #footerTop {background: url(/images/footer-top-bg.gif) no-repeat; width: 960px; height: 29px;} #footerBottom {clear: both;} #siteIndex {margin: 10px 0px 5px 15px;} #siteIndex fieldset {border: 0px solid #000;} #siteIndex legend {display: none;} #siteIndex select {} #copyright {margin-left: 15px; text-transform: uppercase; font-size: 90%;} #copyright A {color: 000;} #copyright A:hover {text-decoration:none;} #copyright .privacyPolicy {} /* ############################################################# modules.css ############################################################# */ /* All Possible Module Classes */ #listenLive h3, #date h4, #marquee h3, #emailToFriend h3, #onAir h3, #weather h3, #sponsor h3, #cubeAd h3, #articleShowcase h3, #search h3, #poll h3, #club h3, #headline h3, #tileAds h3 {display: none;} #date h4, #marquee h3, #emailToFriend h3 {display: none;} .textInput {border: 1px solid #ffe000; background-color: #2a6ebb !important; font-family: Arial, Helvetica, sans-serif; font-size: 96%; color: #ffe000;} .button {font-size: 96%; font-family: Arial, Helvetica, sans-serif; color: #000; font-weight:bold;} /* Listen Live */ #listenLive {position: absolute; margin: 105px 0px 0px 819px;} #listenLive a {display:block; text-indent:-9999px; width: 97px; height: 47px; background: url(/images/listen-live.gif);} #listenLive a:hover {background: url(/images/listen-live.gif) left -48px;} /* Date Marquee Email Group */ #headerGroup {width: 960px; height: 23px; background: url(/images/header-group-bg.gif) no-repeat top;} #headerGroup .containerPaddingGroup {padding: 5px 17px 5px 17px;} #date {width:146px; float: left;} #date p {font-size: 96%; font-weight:bold; color:#ffe000;} #marquee {font-size: 96%; width: 653px; float: left} #marquee .containerPadding {padding: 0px 0px 0px 100px; height: 16px; overflow: hidden;} #marquee p {color: #fff;} #marquee a {color: #ffe000; text-decoration:none;} #marquee a:hover {color: #fff;} #emailToFriend {font-size: 96%; width: 124px; float: left; text-align:right;} #emailToFriend a {font-weight: bold; color: #ffe000; text-decoration: none;} #emailToFriend a:hover {color: #fff;} /* Feature */ #feature {} #feature hr, #feature h2 {display: none;} #feature .moduleContent { background: url(/images/feature-bg.gif) top no-repeat #fff; border-left: 2px solid #63cdf6; border-right: 2px solid #63cdf6; height:200px; overflow:auto;} #feature .moduleHeader {background: url(/images/headers.gif); height: 38px;} #feature .moduleFooter {background: url(/images/footers.gif); height: 22px;} #feature .containerPadding {padding:0px 10px 0px 10px;} #feature h3 {font-size: 130%; color:#dc291e; padding-bottom: 5px;} #feature p {font-size: 105%; line-height: 1.5em;} #feature img {border: 2px solid #63cdf6; margin: 0px 8px 3px 0px;} #feature .storyImage {float:left;} /* On Air */ #onAir {width: 150px; float: left;} #onAir .moduleContent { background: #fff; border-left: 2px solid #63cdf6; border-right: 2px solid #63cdf6; height: 200px;} #onAir .moduleHeader {background: url(/images/headers.gif) left -39px; height: 38px;} #onAir .moduleFooter {background: url(/images/footers.gif) left -23px; height: 22px;} #onAir .containerPadding {padding:0px 10px 0px 10px;} #onAir h4 {font-size: 105%;} #onAir h4 a {color:#0079c1; text-decoration: none;} #onAir h4 a:hover {text-decoration: underline;} #onAir .hostTime {font-size:96%;} #onAir .textMessage {display:none;} #onAir img {border: 2px solid #63cdf6; margin: 8px 0px 10px 15px;text-align:center;} #onAir .hostphoto {text-align:center;} #onAir .hostLink {font-size:96%; font-weight: bold;} #onAir .hostLink a {color:#0079c1; text-decoration: none;} #onAir .hostLink a:hover {text-decoration: underline;} #onAir .phoneNumber {font-size:96%;} #nextHost {padding-top: 8px;} #onAir h5 {font-size:96%;} #nextHost .hostName {font-size:96%; font-weight: bold;} #nextHost .hostName a {color:#0079c1; text-decoration: none;} #nextHost .hostName a:hover {text-decoration: underline;} /* Weather */ #weather {width: 150px; float: right;} #weatherInfoFooter {clear: both;} #weather .moduleContent { background: url(/images/weather-bg.gif) no-repeat #fff; border-left: 2px solid #63cdf6; border-right: 2px solid #63cdf6; height: 200px;} #weather .moduleHeader {background: url(/images/headers.gif) left -78px; height: 38px;} #weather .moduleFooter {background: url(/images/footers.gif) left -23px; height: 22px;} #weather .containerPadding {padding:0px 10px 0px 10px;} #weather li {list-style:none;} #weather a {color:#0079c1; text-decoration:none; font-weight:bold; font-size:96%;} #weather a:hover {text-decoration:underline;} #weatherLink {padding: 8px 0px 8px 0px;} #weather h4, .conditions {font-size: 96%;} #weather img {margin-bottom: 8px;} /* Club */ #club {width: 160px; float: right; margin-bottom: 10px;} #club .moduleContent { background: #fff; border-left: 2px solid #63cdf6; border-right: 2px solid #63cdf6;} #club .moduleHeader {background: url(/images/headers.gif) left -117px; height: 58px;} #club .moduleFooter {background: url(/images/footers.gif) left -46px; height: 22px;} #club .containerPadding {padding:0px 10px 0px 10px;} #club .textInput {width: 130px; margin-bottom: 5px;} #club .osaText, legend {display:none;} #club .emailAddress, .password, .save, #nonMember {font-size: 96%; font-weight:bold} #club .button {margin: 5px 0px 5px 0px;} #club a {color:#0079c1; text-decoration:none; font-weight:bold; font-size:96%;} #club a:hover {text-decoration:underline;} #club li {list-style: none;} #club h4 {font-size: 105%;} #club .userMessage {font-size: 96%;} /* Sponsor */ #sponsor {width: 605px; text-align:center;} #sponsor .moduleContentContainer {background: url(/images/sponsor-bg.jpg) center top no-repeat;} #sponsor img {margin: 0px 0px 10px 0px;} /* Highligths */ #articleShowcase {width: 305px;} #articleShowcase .moduleContent { background: #fff; border-left: 2px solid #63cdf6; border-right: 2px solid #63cdf6; height: 190px; overflow:auto;} #articleShowcase .moduleHeader {background: url(/images/headers.gif) left -254px; height: 38px;} #articleShowcase .moduleFooter {background: url(/images/footers.gif) left -69px; height: 22px;} #articleShowcase .containerPadding {padding:0px 10px 0px 10px;} #articleShowcase hr {display:none;} #articleShowcase h4 {font-size:130%; padding-bottom: 4px;} #articleShowcase h4 a {color: #0079c1; text-decoration:none;} #articleShowcase h4 a:hover {text-decoration:underline;} #articleShowcase img {border: 2px solid #63cdf6; margin: 0px 8px 3px 0px; float: left;} #articleShowcase p {font-size:105%;} #articleShowcase .storySeparator {height: 8px;} /* Search */ #search {width:160px; margin-top: 5px;} #search .moduleContent { background: #fff; border-left: 2px solid #63cdf6; border-right: 2px solid #63cdf6;} #search .moduleHeader {background: url(/images/headers.gif) left -176px; height: 38px;} #search .moduleFooter {background: url(/images/footers.gif) left -46px; height: 22px;} #search .containerPadding {padding:4px 10px 0px 10px;} #search select, #searchForLabel, #searchTypeLabel, #searchTopSearches, #search legend {display:none;} #search .textInput {width: 130px; margin-bottom: 5px;} /* Poll */ #poll {width:160px; margin-top: 10px;} #poll .moduleContent { background: #fff; border-left: 2px solid #63cdf6; border-right: 2px solid #63cdf6;} #poll .moduleHeader {background: url(/images/headers.gif) left -215px; height: 38px;} #poll .moduleFooter {background: url(/images/footers.gif) left -46px; height: 22px;} #poll .containerPadding {padding:4px 10px 0px 10px;} #poll legend, .sponsorLabel {display: none;} #poll h4 {font-size: 96%; color:#0079c1; padding: 5px 0px 3px 0px;} #pollDescription {font-size: 96%;} #pollQuestion {font-size: 96%; color:#0079c1; font-weight: bold; padding: 5px 0px 5px 0px;} #poll label {font-size: 96%;} #poll .button {margin-top: 5px;} #poll dt {font-size: 96%;} #poll dd {font-weight:bold; color: #0079c1; font-size: 96%; padding-bottom: 5px;} /* Headline */ #headline {width: 610px; margin-top: 10px;} #headline .moduleContent { background: url(/images/headlines-bg.gif) top no-repeat #fff; border-left: 2px solid #63cdf6; border-right: 2px solid #63cdf6;} #headline .moduleContentContainer {width: 606px;} #headline .moduleHeader {background: url(/images/headers.gif) left -293px; height: 38px;} #headline .moduleFooter {background: url(/images/footers.gif) left -92px; height: 55px;} #headline .containerPadding {padding:3px 10px 0px 10px;} #headline h4 {font-size: 130%; padding-bottom: 5px;} #headline h4 a {color:#dc291e; text-decoration:none;} #headline h4 a:hover {text-decoration:underline;} #headline p {font-size: 105%;} #headline img {border: 2px solid #63cdf6; margin: 0px 8px 3px 0px; float: left;} #headline .storySeparator {clear: both; background: url(/images/headline-story-div.gif) repeat-x center; height: 15px;} #headline hr {display: none;} #headline .separatorLast {background: none; height: 1px;} /* Misc Modules */ #miscLeftOne, #miscLeftTwo, #miscRightOne {width: 160px; margin-top: 10px; float: left;} #miscLeftOne h4, #miscLeftTwo h4, #miscRightOne h4 {font-size: 130%; color: #0079c1;} #miscLeftOne p, #miscLeftTwo p, #miscRightOne p {font-size: 105%;} #miscLeftOne a, #miscLeftTwo a, #miscRightOne a {color: #0079c1;} #miscLeftOne a:hover, #miscLeftTwo a:hover, #miscRightOne a:hover {text-decoration: none;} #miscLeftOne .containerPadding, #miscLeftTwo .containerPadding, #miscRightOne .containerPadding {padding: 0px 10px 0px 10px;} /* Tile Ads */ #tileAds {width:160px; text-align:center; margin-top: 5px;} #tileAds p {padding: 5px 0px 0px 0px;} /* ############################################################# nav.css ############################################################# */ /* NAV MODULE SETTINGS */ #navigation {width: 160px; font-family: Arial, Helvetica, sans-serif;} #navigation .moduleFooter {background: url(/images/nav-bgs.gif) left -23px; clear:both; height:22px;} #navigation .moduleHeader {background: url(/images/nav-bgs.gif); height:22px;} #navigation .moduleContent {background: url(/images/nav-bg-rpt.gif) repeat-y;width: 160px;} #navigation .moduleContentContainer {background: url(/images/nav-bgs.gif) left -46px no-repeat;width: 160px;} #navigation h3 {display:none;} /* MAIN NAVIGATION MENU BOX */ #navigation .containerPadding {padding: 0px 7px 0px 7px;} #navigation ul { list-style: none; border: none;} /* MAIN NAV ITEMS */ #navigation li {text-align: left; padding: 3px 0px 3px 0px; background: url(/images/nav-div.gif) no-repeat;} #navigation .first {background-image: none;} #navigation li a, #navigation li .navNoLink {display: block; padding: 0px; color: #fff; text-decoration: none; width: 100%; text-transform: uppercase; font-weight:bold;} html>body #navigation li a {width: auto;} #navigation li a:hover {color: #ffe000;} /* SUB NAV LIST Set the width, background, and/or border */ #navigation li ul {width: 150px; margin-left: 120px; border: solid 2px #63cdf6; background-color: #0079c1; margin-top: -20px; display: block; position: absolute; left: -9999px; height: auto; } /* SUB-NAV ITEM */ #navigation li ul li {background:none; padding: 2px 3px 2px 3px;} #navigation li ul a {text-transform: none;} /* YOU SHOULD NOT HAVE TO EDIT ANY OF THE STYLES BELOW */ #navigation li:hover, #navigation li.sfhover { position: static; } /* This is a fix for the IE7 Sticky menu bug */ #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" */ /* ############################################################# CustomPages.css ############################################################# */ /*********************** Photo Wall Styles ***********************/ #photoWallPage .searchPhotoWallForm { clear: both; display: block; margin: 0px 0px; } #photoWallThumbs { margin: 15px 0px 0px 0px; } #photoWallThumbs ul { list-style: none; } #photoWallThumbs li { display: block; float: left; width: 142px; text-align: center; } #photoWallThumbs li.newRow { clear: both; display: block; } #photoWallThumbs li .photo-thumb { margin: 10px; } #photoWallPhotoPage { text-align: center; } #photoWallPhotoPage .page-menu { width: 260px; text-align: center; margin: auto; padding: 5px 0px;} #photoWallPhotoPage .page-menu a { text-decoration: none;} #photoWallPhotoPage .page-menu a:hover {text-decoration: underline;} #photoWallPhotoPage .photoContainer { margin: 10px 0px; } #photoWallPhotoPage img { margin: 0px; } #photoWallPhotoPage .photoCaption { width: 300px; margin: 4px auto; } /*********************** Goout Bar Styles ***********************/ .top-goout {float: left; width: 800px; padding: 0px 0px 0px 0px; margin-left: 50px;} .top-col-left {width: 200px; float: left; padding: 7px 0px 0px 0px; margin-left: 50px; text-size: 8px;} .top-col-left a {text-size: 8px; } .top-col-left a:hover {text-decoration: none;} .top-col-mid {width: 200px; float: left; padding: 2px 0px 0px 0px; text-size: 8px;} .top-col-mid #siteIndex {width: 100px; margin: 5px 0px 0px 50px;} .top-col-right {width: 200px; float: right; padding: 3px 0px 0px 0px; margin-left: 25px; text-size: 8px;} .top-col-right a {text-size: 8px;} .top-col-right a:hover {text-decoration: none;} /*********************** Keword Search Results Styles ***********************/ .kewordSearch {width: 100%; text-align:left; padding: 5px 5 5px 5;} .key-col-top {} .key-col-top a {} .key-col-left {width: 40%; float: left; padding: 5px; margin: 0px; } .key-col-left a {} .key-col-mid {width: 10%; float: left; padding: 5px 0 5px 0;} .key-col-right {width: 40%; float: left; padding: 5px; margin: 0px;} .key-col-right a {} /*********************** Concert Calendar Styles ***********************/ .ccVenue {width: 100%; text-align:left; padding: 5px 5 5px 5;} .ccV-col-top {} .ccV-col-top a {} .ccV-col-left {width: 30 %; float: left; padding: 5px; margin: 0px; } .ccV-col-left a {} .ccV-col-mid {width: 40%; float: left; padding: 5px 0 5px 0;} .ccV-col-right {width: 20%; float: right; padding: 5px; margin: 0px;} .ccV-col-right a {} .ccArtist {width: 100%; text-align:left; padding: 5px 5 5px 5;} .cc-col-top {} .ccA-col-top a {} .ccA-col-left {float: left; padding: 5px; margin: 0px; } .ccA-col-left a {} .ccA-col-right {float: right; padding: 5px; margin: 0px;} .ccA-col-right a {} /*********************** Staff Styles ***********************/ .staff {text-align:left; padding: 5px 5 5px 5;} .staff-col-top {} .staff-col-top a {} .staff-col-left {float: left; padding: 5px; margin: 0px; } .staff-col-left a {} .staff-col-mid {float: left; padding: 5px 0 5px 0;} .staff-col-right {float: left; padding: 5px; margin: 0px;} .staff-col-right a {} /********************* Program Schedule *********************/ #programmingSchedule h3{margin-top:15px;} /* #programmingSchedule a {color:#000 !important;} */ /*********************** Calendar Styles ***********************/ #AddNewEventForm fieldset { display: block; clear: both; margin-bottom: 0px; } /************************** Community Calendar Styles **************************/ .calendarTable { width: 100%; text-align: center; } /************************** Weather Styles **************************/ #extendedForecast .CellBackground0 /* Controls color of temperature bar. Use to customize appearance. */ { vertical-align: bottom; } #extendedForecast .negativeTemperature /* Background color of Negative Temperature Bars. Only change Background-Color. Do not change anything else */ { BACKGROUND-COLOR: #0FF; vertical-align: bottom; } #extendedForecast /* Controls appearance of entire Extended Forecast. Only change Color, Background-Color. Do not change any other settings. */ { MARGIN: auto; TEXT-ALIGN: center; } #extendedForecast .smallText /* Controls appearance of Sky Conditions, High & Low Temps For Days. Do not add margin or padding. */ { FONT-WEIGHT: bold; FONT-SIZE: 10px; LINE-HEIGHT: 12px; vertical-align: top; } #weatherForecast .weatherDayTop /* Controls appearance of individual days. Do not add margin or padding. */ { width: 90px; MARGIN: auto; vertical-align: top; } #weatherForecast .weatherDayBottom /* Controls appearance of individual days. Do not add margin or padding. */ { vertical-align: bottom; } #weatherForecast .weatherTemperatures .weatherTempBars { PADDING: 0px; MARGIN: auto; BACKGROUND-COLOR: transparent; } /* ********************************************************* *** START DO NOT MAKE ANY CHANGES TO ANY STYLES BELOW *** ********************************************************* */ #weatherForecast { TEXT-ALIGN: center; MARGIN: auto; } #weatherDetails { width: 568px; CLEAR: both; TEXT-ALIGN: center } #weatherDetails .smallText { FONT-SIZE: 10px; LINE-HEIGHT: 12px; vertical-align: top; } #weatherRegionLinks { MARGIN-TOP: 10px } #weatherRegionLinks LI { DISPLAY: inline; FLOAT: left; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 5px; WIDTH: 150px } #currentObservation { MARGIN: auto; WIDTH: 480px } #currentObservation .smallText { FONT-SIZE: 10px; LINE-HEIGHT: 12px; vertical-align: top; } #currentObservation H3 { MARGIN-BOTTOM: 5px } #currentObservation .footer { DISPLAY: none } #weatherForecast .weatherTemperatures { TEXT-ALIGN: center; margin: auto; VERTICAL-ALIGN: bottom; } #weatherForecast .weatherTemperatures .weatherTempBars .weatherTemperatures { BORDER: medium none; PADDING: 0px; MARGIN: 0px; BACKGROUND-COLOR: transparent } #weatherForecast .weatherTemperatures .weatherTempBars .weatherTemperatures .dayCondition { DISPLAY: none; PADDING: 0px; MARGIN: 0px; } /* ******************************************************* *** END DO NOT MAKE ANY CHANGES TO ANY STYLES BELOW *** ******************************************************* */