/* #############################################################
		allpages.css
   ############################################################# */
/***********************
 GENERAL HELPER STYLES
***********************/
.hidden { display: none; visibility: hidden; width: 0px; height: 0px; }
.footer { clear: both;}
/*********************
 GENERAL STYLES
*********************/
#mainContent { width: 693px; background:url(/images/mainContent-bg-sprite.jpg) no-repeat #fff; position:relative; left:5px; float: none; margin: 0px 0px 5px 0px;margin-bottom:5px;}
#mainContent .moduleContainer { background:url(/images/mainContent-bg-sprite.jpg) -693px bottom no-repeat; }
#mainContent .moduleContent { zoom: 1;}
#mainContent .containerPadding { padding:10px; }
#mainContent .moduleHeader { padding:10px 10px 0px 10px; }
/* PAGE TITLE */
#mainContent .moduleHeader h2 { font-size:1.6em; font-weight:bold; color:#000; }
/* MAIN TEXT AND HEADERS */
#mainContent p { font-size:1.2em; font-weight:normal; color:#000; margin-top:.6em; }
#mainContent h1 { font-size:1.8em; font-weight:bold; }
#mainContent h2 { font-size:1.6em; font-weight:bold; }
#mainContent h3 { font-size:1.4em; font-weight:bold; }
#mainContent h4 { font-size:1.2em; font-weight:bold; }
#mainContent h5 { font-size:1.1em; font-weight:bold; }
#mainContent h6 { font-size:1em; font-weight:bold; }
/* CONTENT AREA LINKS */
#mainContent a { color:#000; }
#mainContent a:hover { color:#0000EE; }
#mainContent a:visited { }
/* IMAGES */
#mainContent img { border: none 0px #fff; }
/* MISC TEXT CLASSES */
#mainContent .smallText { font-size: 80%; }
#mainContent .Headline { font-size:1.4em; font-weight:bold; } /* 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 ul { padding-left:15px; } /* Optional for Custom List Styles */
#mainContent li { list-style:disc;} /* Optional for Custom List Styles */
/*********************
 ARTICLE PAGE
*********************/

p.standFirst { font-weight:bold; color:#1652A0; }
/* RELATED LINKS */

#relatedLinksInsert { width:310px; float:left; margin:5px 0px; }
#relatedLinksInsert .moduleContainer { background:none transparent; width:300px; }
#relatedLinksInsert .moduleHeader { height:39px; background:url(/images/modulebg-sprite.gif) -1029px 0px; width:300px; padding:0px; }
#relatedLinksInsert .moduleFooter { height:10px; background:url(/images/modulebg-sprite.gif) -1029px -46px; width:300px; padding:0px; }
#relatedLinksInsert .moduleContent { background:#6CA2F2; border-left:3px solid #1F2C39; border-right:3px solid #1F2C39; }
#relatedLinksInsert .moduleHeader h3 { display:none; }
#relatedLinksInsert #relatedLinks { padding:0px 8px }
#relatedLinksInsert ul { padding:0px }
#relatedLinksInsert li { list-style:none; font-size:1.2em; }
/* ARTICLE IMAGE / CUBE AD STYLES */
#mainContent #cubeAd .moduleContent img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#mainContent #cubeAd .moduleContainer { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent;}
#mainContent #cubeAd .containerPadding { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#mainContent #cubeAd .moduleFooter { display: none; }
#articleAdInsert.alignleft { padding: 0px 10px 5px 0px; }
#articleAdInsert.alignright { padding: 0px 0px 5px 10px; }
#articleAdInsert .articleAdInsertContainer { width: 300px; margin: auto; float:left; }
.imageCaptionContainer { padding: 0px 10px 8px 0px; float:left; }
#articleAdInsert.alignright .imageCaptionContainer { display: block; float: right; }
.imageCaption { padding: 8px 0px 0px 0px; text-align: left; }
/*********************
 FORM STYLES
*********************/
#mainContent .warningMessage { font-weight:bold; color:#f00; } /* Text displayed warning of Form problems/errors */
#mainContent label { font-size:1.1em; } /* 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: 10px; } /* Just set a default text color and size */
/************************
 FORMATTED TABLES
*************************/
#mainContent table.formattedTable { background:#1F2C39; margin: 0px 0px 10px 0px;} /* Background color or borders */
#mainContent table.formattedTable th { padding:5px; background:#3968AD; color:#fff; font-size:1.2em; font-weight:bold; }
#mainContent table.formattedTable th a { color:#fff; } /* Header cells and Header Font Info */
#mainContent table.formattedTable td { padding:5px; background:#fff; color:#000; font-size:1.2em; } /* Table body cells and body font info */
#mainContent table.fullWidth { width:673px; } /* 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: #DEEAFC; color: #000; } /* Background, Border, and Text color only */
.CellBackground1 { background-color: #BBD4F9; color: #000; } /* 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 td { border:1px solid #A3C4F7; padding:8px; }
#mainContent .calendarTable td a { }
#mainContent .calendarTable td.calendarDayCell { } /* Specify something to overwrite CellBackground0 */
#mainContent .calendarTable td.calendarEmptyDay { }
#mainContent .calendarTable td.calendarDayViewed { } /* Specify something to overwrite CellBackground1 */
#mainContent .calendarTable td.calendarCurrentDate { color: #F00; font-weight: bold; }
#mainContent .calendarOuterTable .formattedTable { background:transparent; }
/*********************
 SEPARATOR STYLES
*********************/
hr { height:1px; color:#ccc; }
.sectSeparatorH { padding:10px; } /* Horizontal gaps between sections. */
.sectSeparatorV { padding:10px; } /* 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, #mainContent #formRowSubmit{ margin-left: 153px; /* Probably the width of the label */ }
#mainContent .EmailForm label { width: 80px; }
/*********************
 ALIGNMENT STYLES
*********************/
.alignLeft,
.alignleft { float: left; }
.alignCenter,
.aligncenter { text-align: center; }
.alignRight,
.alignright { float: right; }
#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 */
* { margin: 0px; padding: 0px; }
body { text-align: center; background:url(/images//body-bg.gif) #292929 center center; font-family:Arial, Hevetica, sans-serif; font-size:xx-small; }
#mosSite { width: 960px; margin: auto; text-align: left; }
#mosSite fieldset { border: 0px solid #000; }
#framework { width: 960px; }
#frameworkTop { padding-left:8px; }
/* Ads */
#leaderboard { float: right; postion: relative; width: 730px; height: 90px; }
#leaderboardLabel { display:none; }
#leaderboardAd { padding:8px 2px 0px 0px; }
#banner { }
#cubeAd { text-align:center; float:none; margin: auto;  padding: 10px 0px 5px 0px; }
#cubeAd img { /* margin:10px 0px 10px 0px; */ }
#cubeAd .moduleHeader { display:none; }
/* CCB */
#ccb { text-align: center; }
#ccb p { display: none; }
#ccb ul { text-align: center; display: inline; padding: 3px 0px; }
#ccb ul li { margin-left: 0; padding: 1px 5px; border-left: 1px solid #000; list-style: none; display: inline; }
#ccb ul li.first { margin-left: 0; border-left: none; list-style: none; display: inline; }
#ccb ul li a { }
/* Header */
#header { float:left; padding-left:8px; }
#header h1 { width:222px; height:206px; }
#header h2 { display: none; }
#headerGroup { clear:both; background:url(/images/header-bg.jpg) no-repeat #000; float:left; width:952px; }
#headerGroup2 { background:url(/images/frameworkTop-bg.gif) 0px bottom no-repeat; float:left; width:952px; }
/* Content */
#contentBackground { background:url(/images//content-bg-sprite.gif) 8px 0px repeat-y; padding-left:8px; }
#contentColumns { padding:0px 6px; width:952px; background:url(/images//content-bg-sprite.gif) -952px 0px no-repeat; }
#contentColumns A { } /* All Content Links */
#contentEnclose { width: 940px; float: left; background:url(/images//framework-bottomLeft.gif) no-repeat 1px bottom; }
#contentMiddle { width: 703px; float: right; margin-top:6px; background:url(/images//contentMiddle-bg-sprite.gif) no-repeat #3968AD; }
#contentMiddle .contentAreaPadding { padding:4px 0px 6px 0px; background:url(/images//contentMiddle-bg-sprite.gif) -703px bottom no-repeat; zoom: 1;}
#contentLeft { width: 233px; float: left; padding-bottom:23px; }
#contentRight { display:none; }
#contentBottom { clear: both; }
.storySeparator { }
/* Quadrants */
#quadrantTop { padding:0px 5px;}
#quadrantA { float: left; width: 342px; }
#quadrantB { float: right; width: 343px; }
#quadrantTopFooter { clear: both; padding:0px 5px;}
#quadrantBottom { padding:0px 5px;}
#quadrantC { float: left; width: 342px; }
#quadrantD { float: right; width: 343px }
#quadrantBottomFooter { clear: both; }
/* Footer */
#footer { width:960px; height:105px; background:url(/images//footer-bg.gif) 3px 0px no-repeat; }
#footerTop { }
#footerBottom { clear: both; }
#siteIndex { padding:0px 0px 0px 569px; height:37px; }
#siteIndex fieldset { border: 0px solid #000; }
#siteIndex legend { display: none; }
#siteIndex select { margin-top:10px; background:#DD1A2E !important; font-size:1.1em; font-weight:bold; color:#fff; }
#copyright { padding:0px 0px 0px 132px; font-size:1.1em; color:#9EA2A5; }
#copyright A { color:#366CBB; }
#copyright A:hover { color:#fff; }
#copyright .privacyPolicy { }

/* #############################################################
		modules.css
   ############################################################# */
/* To add a class to a specific module, add #xxxxx .classname {} */
/* If all your styles in the right column are the same, you could add #rightColumn .classname {} and it will effect every class with that name in the right column. */


/* Search */
#search { width:213px; height:111px; float:left; }
#search .moduleContainer { padding:8px 0px 0px 2px; }
#search .moduleHeader { display:none; }
#search .moduleContent { width:211px; height:89px; background:url(/images/search-bg.gif) no-repeat; }
#search .containerPadding { padding:27px 0px 0px 7px; }
#search .textInput { width: 133px; height:22px; background:#6CA2F2 !important; border:1px solid #000; }
#search select { display:none; }
#search .button { height: 26px; width:59px; padding: 26px 0px 0px; margin: 0px 3px 0px 0px; border: 0px; overflow: hidden; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ background: url(/images//buttons-sprite.gif) -118px -26px no-repeat; }
#search legend,
#search label { display:none; }
#search .formRow { float:left; height:27px; }
#search .submitRow { float:left; height:27px; padding-left:4px; }
#search .linksHeader { clear:both; height:16px; }
#search .linksHeader h4 { display:none; }
#search .linksList li { font-size:1.1em; display:inline; padding-right:4px; }
#search .linksList li a { color:#84B0F2; }
#search .linksList li a:hover { color:#fff; }
/* breaking news */
#marquee { width:693px; height:39px; background:url(/images//marquee-bg.gif) no-repeat; overflow:hidden; position:relative;left:5px;}
#marquee .moduleHeader { display:none; }
#marquee .containerPadding { padding:0px 9px 0px 117px; }
#marquee p { font-size:1.4em; color:#FF0000; font-weight:bold; line-height:34px; }
#marquee p a { color:#FF0000; }
/* Feature */
#feature {width:693px; background:url(/images//feature-modulebg-sprite.gif) 0px -11px no-repeat #fff; margin:0px 0px 5px 5px; }
#feature .moduleHeader { height:35px; }
#feature .moduleHeader h2 { display:none; }
/*#feature .moduleContent { height:280px;  }
#feature .stories { height:251px; width:322px;overflow:auto;}
*/
#feature .storyContainer img {float:left; margin:0px 10px 1px 0px;}
#feature .containerPadding { padding:0px 10px; }
#feature .moduleFooter { height:11px; background:url(/images//feature-modulebg-sprite.gif) 0px 0px no-repeat; overflow:hidden; }
#feature h3 { font-size:1.4em; font-weight:bold; color:#000; }
#feature h3 a { color:#000; }
#feature p { font-size:1.2em; }
#feature .storyImage { padding:0px 0px 3px 0px; }
#feature .storyImage img { border:2px solid #1F2C39; }
/* For the Rotating Feature
---------------------------------------------------------------------*/
#feature .rotator { margin-top:4px; }
#feature .rotator button { height: 26px; width:70px; padding: 26px 0px 0px; margin: 0px 3px 0px 0px; border: 0px; overflow: hidden; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ }
#feature .rotator .previous { background: url(/images//buttons-sprite.gif) no-repeat; }
#feature .rotator .play { background:url(/images//buttons-sprite.gif) -73px 0px no-repeat; }
#feature .rotator .pause { background: url(/images//buttons-sprite.gif) -145px 0px no-repeat; }
#feature .rotator .next { background: url(/images//buttons-sprite.gif) -216px 0px no-repeat; }
/*---------------------------------------------------*/

/* Contests */
#contests { width:342px; background:url(/images//modulebg-sprite.gif) -342px -37px no-repeat #fff; margin:0px 0px 10px 0px; }
#contests .moduleHeader { height:35px; }
#contests .moduleHeader h3 { display:none; }
#contests .moduleContent { height:349px; overflow:auto; }
#contests .containerPadding { padding:0px 10px; }
#contests .moduleFooter { height:10px; background:url(/images//modulebg-sprite.gif) -686px -27px no-repeat; overflow:hidden; }
#contests h4 { font-size:1.4em; font-weight:bold; color:#000; }
#contests h4 a { color:#000; }
#contests p { font-size:1.2em; }
#contests .storyImage { float:left; padding:0px 6px 2px 0px; }
#contests ul li { margin: 0px 0px 0px 10px; }
/* driver of the month */
#driver { width:343px; background:url(/images//modulebg-sprite.gif) -684px -37px no-repeat #fff;  margin:0px 0px 10px 0px;}
#driver .moduleHeader { height:35px; }
#driver .moduleHeader h3 { display:none; }
#driver .moduleFooter { height:10px; background:url(/images//modulebg-sprite.gif) -686px -16px no-repeat; overflow:hidden; }
#driver .moduleContent { height:115px; overflow:auto; }
#driver .containerPadding { padding:0px 10px; }
#driver h4 { font-size:1.4em; font-weight:bold; color:#000; }
#driver h4 a { color:#000; }
#driver p { font-size:1.2em; }
#driver .storyImage { float:left; padding:0px 6px 2px 0px; }
/* product of the month */
#product { width:343px; background:#fff; margin:0px 0px 5px 0px;  }
#product .moduleHeader { height:32px; background:url(/images//modulebg-sprite.gif) 0px 0px no-repeat #fff; }
#product .moduleHeader h3 { display:none; }
#product .moduleFooter { height:10px; background:url(/images//modulebg-sprite.gif) -686px -16px no-repeat; overflow:hidden; }
#product .moduleContent { height:115px; overflow:auto; }
#product .containerPadding { padding:0px 10px; }
#product h4 { font-size:1.4em; font-weight:bold; color:#000; }
#product h4 a { color:#000; }
#product p { font-size:1.2em; }
#product .storyImage { float:left; padding:0px 6px 2px 0px; }
/* shell rotella t hotline */
#shellHotline { width:343px; background:#fff; margin:0px 0px 5px 0px; }
#shellHotline .moduleHeader { height:32px; background:url(/images//modulebg-sprite.gif) -343px 0px no-repeat #fff; }
#shellHotline .moduleHeader h3 { display:none; }
#shellHotline .moduleFooter { height:10px; background:url(/images//modulebg-sprite.gif) -686px -16px no-repeat; overflow:hidden; }
#shellHotline .containerPadding { padding:0px 10px; }
#shellHotline .moduleContent { height:161px; overflow:auto; }
#shellHotline h4 { font-size:1.4em; font-weight:bold; color:#000; }
#shellHotline h4 a { color:#000; }
#shellHotline p { font-size:1.2em; }
#shellHotline .storyImage { float:left; padding:0px 6px 2px 0px; }
/* misc2 */
#misc2 { width:343px; background:#DEEAFC; margin-bottom:10px; }
#misc2 .moduleHeader { height:10px; background:url(/images//modulebg-sprite.gif) -686px 0px no-repeat; }
#misc2 .moduleHeader h3 { display:none; }
#misc2 .moduleFooter { height:10px; background:url(/images//modulebg-sprite.gif) -1027px -211px no-repeat; overflow:hidden; }
#misc2 .moduleContent { height:161px; overflow:auto; }
#misc2 .containerPadding { padding:0px 10px; }
#misc2 h4 { font-size:1.4em; font-weight:bold; color:#000; }
#misc2 h4 a { color:#000; }
#misc2 p { font-size:1.2em; }
#misc2 .storyImage { float:left; padding:0px 6px 2px 0px; }
/* Poll */
#poll { width:233px; background:url(/images//poll-sprite.gif) -233px bottom no-repeat #6CA2F2; margin-top:4px; }
#poll .moduleContainer { width:233px; background:url(/images//poll-sprite.gif) left top no-repeat; }
#poll .moduleHeader { height:29px; }
#poll .moduleHeader h3 { display:none; }
#poll .moduleFooter { clear:both; height:10px; }
#poll .containerPadding { padding:0px 3px 0px 9px; }
#poll #pollsubmit { height: 26px; width:59px; padding: 26px 0px 0px; margin: 0px 3px 0px 0px; border: 0px; overflow: hidden; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ background: url(/images//buttons-sprite.gif) -59px -26px no-repeat; }
#poll .sponsor { float:right; }
#poll .sponsorLabel { display:none; }
#poll h4 { font-size:1.2em; font-weight:bold; color:#1F2C39; }
#poll p { font-size:1.1em; color:#fff; padding-bottom:5px; }
#poll #pollQuestion { font-weight:bold; color:#1F2C39; }
#poll label { font-size:1.1em; color:#fff; margin-bottom:5px; }
#poll #formRowSubmit { padding:6px 0px; }
#poll #pollLink { margin:-25px 0px 0px 70px; }
#poll #pollLink a { color:#000114; }
#poll #pollLink a:hover { color:#fff; }
/* listen live group */
#listenLiveGroup { background:#BA2B2B; float:left; margin-bottom:4px; }
#listenLive { position:relative; top:-22px; }
#listenLive .moduleHeader { display:none; }
#listenLive a { text-indent:-9999px; display:block; height:71px; width:233px; background:url(/images//listenLive-sprite.gif); }
#listenLive a:hover { background:url(/images//listenLive-sprite.gif) 0px -71px; }

/* onAir */
#onAir { position:relative; top:-12px;}
#onAir .moduleHeader { display:none; }
#onAir .containerPadding { padding:0px 10px; }
#onAir .hostText { float: left; margin: -12px 0px 0px 0px;}
html>body #onAir .hostText { float: left; margin: 0px 0px 0px 0px;}
#onAir #hostPhoto { padding:4px; float:right; background:#FFD42A; margin:0px 0px 2px 2px; position:relative; }
#onAir #hostPhoto img { border:1px solid #000; width:97px; }
#onAir h4 { font-size:1.4em; color:#FFD42A; font-weight:bold; margin: 0px 0px 0px 0px;}
#onAir h4 a { color:#FFD42A; }
#onAir p.hostTime { font-size:1.1em; color:#000;font-weight:bold;padding:4px 0px 2px 0px; }
#onAir #hostInfo p { font-size:1.1em; color:#FFD42A; float: left;}
#onAir a { color:#FFD42A; }
#onAir a:hover { color:#fff; }
#onAir #listenLive {display:none;}
#onAir #nowPlaying {display:none;}
#onAir #nextHost  { display:none; }
#onAir h5 {font-size:1.1em; color:#000;font-weight:bold;padding:4px 0px 2px 0px;}
#onAir #nextHost p { font-size:1.1em; }



/* program schedule */
#programSchedule { position:relative; top:-12px; }
#programSchedule .moduleHeader { display:none; }
#programSchedule .containerPadding { padding:0px 10px; }
#programSchedule .storyImage { padding:3px; float:right; background:#FFD42A; margin:0px 0px 2px 2px; position:relative; }
#programSchedule .storyImage img { border:1px solid #000; }
#programSchedule h4 { font-size:1.4em; color:#FFD42A; font-weight:bold; }
#programSchedule h4 a { color:#FFD42A; }
#programSchedule p { font-size:1.1em; color:#000; }
#programSchedule a { color:#FFD42A; }
#programSchedule a:hover { color:#fff; }
/* podcast */
#podcast { }
#podcast .storySeparator { display:none; }
#podcast .moduleHeader { background:url(/images//podcast-sprite.gif) 0px 0px no-repeat; height:29px; }
#podcast .moduleContent { background:url(/images//podcast-sprite.gif) -233px 0px repeat-y; }
#podcast .moduleFooter { background:url(/images//podcast-sprite.gif) -466px bottom no-repeat; height:15px; overflow:hidden; }
#podcast .moduleHeader h3 { display:none; }
#podcast .containerPadding { padding:6px 17px; }
#podcast h4 { padding:0px 0px 0px 15px; background:url(/images//podcast-h4.gif) 0px 3px no-repeat; font-size:1.2em; font-weight:normal; line-height:18px; }
#podcast h4 a { color:#000; }
#podcast h4 a:hover { color:#FF8A27; }
#podcast .storyLinks{ margin-top: 3px;}
#podcast .storyLinks a{margin-right: 5px; text-decoration: underline; height: 13px; display: inline;  padding-left: 11px;}

/* Sponsor */
#sponsor { margin:5px 0px 5px 0px;}
#sponsor .moduleContent { background:url(/images/sponsor-bg.gif) no-repeat #6CA2F2; text-align:right;}
#sponsor img { margin:2px; }
#sponsor .moduleHeader { display:none; }
#sponsor .moduleFooter {  margin: 0px 0px 0px 0px;  }
/* Club */
#club { width:233px; background:url(/images//club-sprite.gif) -233px bottom no-repeat #B86701; margin-top:4px; }
#club .moduleContainer { width:233px; background:url(/images//club-sprite.gif) left top no-repeat; }
#club .moduleHeader { height:38px; }
#club .moduleHeader h3 { display:none; }
#club .containerPadding { padding:0px 6px; }
#club .moduleFooter { height:12px; }
#club .textInput { width: 213px; background:#FFD42A !important; border:1px solid #000; }
#club #cmdSubmit { height: 26px; width:59px; padding: 26px 0px 0px; margin: 0px 3px 0px 0px; border: 0px; overflow: hidden; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ background: url(/images//buttons-sprite.gif) 0px -26px no-repeat; }
#club legend { display:none; }
#club .osaText { font-size:1.1em; color:#000; }
#club label { font-size:1em; color:#FFD42A; text-transform:uppercase; }
#club .formRow { padding-top:6px; }
#club .submitRow { padding-top:6px; }
#club a { color:#fff; }
#club a:hover { color:#FFD42A; }
#club #forgotPassword { margin:-12px 0px 10px 65px; }
#club #emailPassword { display:none; }
#club #nonMember { display:inline; font-size:1.2em; font-weight:bold; color:#000; }
#club #signUp { display:inline; font-size:1.1em; font-weight:bold; color:#fff; }
#club #signUp a { padding: 0px 0px 0px 5px; color:#fff; }
#club #signUp a:hover { color:#FFD42A; }
#club #loggedOutBottomText { display:none; }
/* Weather */
#weather { background:url(/images//weather-bg.jpg) no-repeat; height:193px; clear:both; color: #fff; }
#weatherInfoFooter { clear: both; }
#weather .moduleHeader { height:34px; }
#weather .moduleHeader h3 { display:none; }
#weather .moduleContent { padding:0px 8px; }

#weather .containerPadding { height: 125px; overflow: auto; background-color: #0B3067; padding: 3px 3px 3px 3px; }
#weather a { color: #FFD42A; }
#weather a:hover { color:#fff; }

#weather #weatherGraphic { float:left; padding:2px; }
#weather h4 { font-size:1.1em; color:#FFD42A; }
#weather p.conditions { font-size:1.4em; color:#fff; font-weight:bold; padding-top:3px; }
#weather #weatherInfo #weatherToday { height:56px; }
#weather #weatherInfo #weatherToday p.conditions { text-align:center; padding-top:6px; }
#weather #weatherInfo #weatherTomorrow { text-align:center; height:44px; width:217px;}
#weather #weatherInfo #weatherTomorrow h4 { padding-top:2px; }
#weather #weatherLink { height:31px; text-align:center; }
#weather #weatherLink a { font-size:1.4em; font-weight:bold; color:#FFD42A; }
#weather #weatherLink a:hover { color:#fff; }
#weather #weatherDataLinks { text-align:center; }
#weather #weatherDataLinks li { list-style:none; display:inline; font-size:1.1em; padding:0px 3px; }
#weather #weatherDataLinks li a { color:#FFD42A; }
#weather #weatherDataLinks li a:hover { color:#fff; }
/* Tile Ads */
#tileAds { background:#1F2C39; float:left; text-align:center; clear:both; width:703px; }
/* background:url(/images//contentMiddle-bg-sprite.gif) no-repeat #3968AD; */
#tileAds .moduleHeader { display:none; }
#tileAds .moduleContainer { }
#tileAds .containerPadding { padding:10px 0px 10px 0px; }
#tileAds p { padding: 3px; display:inline; }
/* misc 1 */
#misc1 { width:233px; background:url(/images//misc1-sprite.gif) no-repeat #BBD4F9; margin-top:4px; }
#misc1 .moduleHeader { height:9px; }
#misc1 .moduleHeader h3 { display:none; }
#misc1 .moduleFooter { height:10px; background:url(/images//misc1-sprite.gif) -233px bottom no-repeat; }
#misc1 .containerPadding { padding:0px 10px; }
#misc1 h4 { font-size:1.2em; font-weight:bold; padding-bottom:4px; }
#misc1 h4 a { color:#000; }
#misc1 p { font-size:1.1em; color:#000; }
/* Headline */
#headline { background:url(/images//headlines-bg-sprite.gif) repeat-y;width:693px;position:relative;left:0px; margin: 0px 0px 5px 0px;}
#headline .moduleHeader { padding-left:10px; height:38px; background:url(/images//headlines-bg-sprite.gif) -693px -27px no-repeat; }
#headline .moduleHeader h3 { line-height:27px; font-size:1.6em; font-weight:bold; padding-right:10px; float:left; height:27px; background:url(/images//headlines-bg-sprite.gif) right top no-repeat; }
#headline .moduleFooter { clear:both; height:10px; background:url(/images//headlines-bg-sprite.gif) -693px -62px no-repeat; overflow:hidden;}
#headline .containerPadding { padding:0px 10px; }
#headline h4 { font-size:1.4em; font-weight:bold; color:#000; }
#headline h4 a { color:#000; }
#headline p { font-size:1.2em; }
#headline .storyImage { float:left; padding:0px 6px 2px 0px; }
#headline .storyImage img { border:1px solid #0D0D0D; }
#headline .story { float:left; width:327px; margin-bottom:27px; }
#headline .even { float:right; }
#headline .odd { clear:left; }
#headline .storySeparator { display:none; }
/* email this page */
#emailToFriend { float:right; clear:right; height:162px; padding-right:12px; }
#emailToFriend .moduleHeader { display:none; }
#emailToFriend p { font-size:1.1em; color:#fff; }
#emailToFriend p a { color:#fff; }
#emailToFriend p a:hover { color:#FFD42A; }
/* date */
#date { float:right; height:15px; padding-right:12px; }
#date h4 { display:none; }
#date p { font-size:1.1em; font-weight:bold; color:#FFD42A; }


/* Additional Framework Styles for Modules - Any styles that are used accross multiple modules go below. */

/* #############################################################
		nav.css
   ############################################################# */
/* NAV MODULE SETTINGS */
#navigation { width:712px; font-size:1.1em; font-weight:bold; background:url(/images//nav-bg.gif); float:right; }
#navigation .moduleFooter { height:1px; clear:both; overflow:hidden; }
#navigation .moduleContent { float:right; border-right:2px solid #000; }
#navigation .moduleHeader { display:none; }
#navigation h3 { display:none; }
/* MAIN NAVIGATION MENU BOX */
#navigation .containerPadding { }
#navigation ul { width:710px; list-style: none; }
/* MAIN NAV ITEMS */
#navigation li { text-align: left; float:left; padding-top:1px; }
#navigation li a,
#navigation li .navNoLink { line-height:16px; padding:0px 16px 0px 5px; display:block; color: #fff; text-decoration: none; background:url(/images//nav-linkBG-sprite.gif) right -54px no-repeat #A51323; }
#navigation li a:hover { color:#000; background:url(/images//nav-linkBG-sprite.gif) right -36px no-repeat #DF1A2F; }
/*
SUB NAV LIST 
	Set the width, background, and/or border
*/
#navigation li ul { width:157px; margin-left: 0px; border: 1px solid #000; margin-top: 0px; display: block; position: absolute; left: -9999px; height: auto; }
/* SUB-NAV ITEM */
#navigation li ul li { padding:0px; clear:left; width:157px; }
#navigation li ul li a { background-image:none; }
#navigation li ul li a:hover { background-image: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" */

/* #############################################################
		sectional.css
   ############################################################# */
/* ALL SECTIONAL TEMPLATES */
.sectional .story {
	clear: both;
}
.sectional p.storyImage {
	display: block;
	float: left;
	margin: 3px 3px 0px 0px;
	padding: 0px;
}
.sectional p.storyImage img {
	margin: 0px;
	padding: 0px;
}
.sectional .storyLink {
	/* display: none;
	visibility: hidden; 
	font-size: 1px;
	color: #fff;
	text-indent: -9999px;*/
        padding-bottom:5px;
}
.sectional .storySeparator {
	clear: both;
}

/* The Last Story Separator */
.sectional .separatorLast {
	visibility: hidden;
}

/************************/
/* SECTIONAL TEMPLATE 1 */
/************************/

/* Top Story */
.secTemplate1 .story
{
	padding:2px 0px;
}


/************************/
/* SECTIONAL TEMPLATE 2 */
/************************/

/* Top Story */
.secTemplate2 .CellBackground0 .storySeparator hr {
	display: none;
}
.secTemplate2 .contentSeparator hr {
	visibility: hidden;
}


/************************/
/* SECTIONAL TEMPLATE 3 */
/************************/

/* Container for the Top 3 Entries */
.secTemplate3 .secTop {

}

/* Container for First Half of the bottom Entries */
.secTemplate3 .secBottomFirstHalf {
	display: block;
	width: 280px;
	float: left;
}

/* Separator Between Bottom Halves */
.secTemplate3 .contentSeparator {
	display: block;
	width: 15px;
	float: left;
}

/* Container for Second Half of the bottom Entries */
.secTemplate3 .secBottomSecondHalf {
	display: block;
	width: 280px;
	float: left;
}
/* #############################################################
		CustomPages.css
   ############################################################# */
/***********************
 Photo Wall Styles
***********************/
#photoWallPage { background: transparent;}
#photoWallPage .searchPhotoWallForm { clear: both; display: block; margin: 10px 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 .photoContainer h3 { display: none; }
#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; color: #fff;}
.top-col-left a {text-size: 8px;  color: #fff;}
.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: 0px 0px 0px 50px; padding: 0px 0px 0px 50px;}
.top-col-right {width: 250px; float: right;  padding: 3px 0px 0px 0px; margin-left: 5px; text-size: 8px; color: #fff;}    
.top-col-right a {text-size: 8px; color: #fff;}
.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 {position: relative; float: left; padding: 50px; margin: 10px; clear: both;}
.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 {}

/***********************
 Calendar Styles
***********************/

#AddNewEventForm fieldset {
	display: block;
	clear: both;
	margin-bottom: 20px;
}

/**************************
 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
}
#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;
}
#weatherForecast .weatherTemperatures .weatherTempBars .CellBackground0
{
    background-color:#BA2B2B;
	padding:5px;
}
/*
*******************************************************
*** END DO NOT MAKE ANY CHANGES TO ANY STYLES BELOW ***
*******************************************************
*/