/* #############################################################
		allpages.css
   ############################################################# */
/***********************
 GENERAL HELPER STYLES
***********************/
.hidden {
	display: none;
	visibility: hidden;
	width: 0px;
	height: 0px;
}
.footer {
	clear: both;
}

/*********************
 GENERAL STYLES
*********************/

/* PAGE TITLE */
#mainContent .moduleHeader {
	background: url(/images/caps2.gif) 0px -454px;
	height: 52px;
	overflow: hidden;
}
#mainContent .moduleHeader h2 {
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
	padding: 8px 0px 0px 20px;
}

/* MAIN TEXT AND HEADERS */
#mainContent{
	clear: both;
	width: 600px;
	margin-top: 4px;
}
#mainContent .moduleContent{
	color: #333;
	font-size: .9em;
	line-height: 1.3em;

}
#mainContent .containerPadding{
	padding: 1px 20px;
	background: url(/images/maincontent-bg.gif) bottom left no-repeat #fff;
}
html>body #mainContent .containerPadding{
	padding: 1px 20px;
	background: url(/images/maincontent-bg.gif) bottom left no-repeat #fff;
}
#mainContent h1, #mainContent h2, #mainContent h3 {
	font-size: 1.1em;
	color: #00366d;
	font-weight: bold;
}  
#mainContent h4, #mainContent h5, #mainContent h6 {
	font-size: 1em;
	color: #00366d;
	font-weight: bold;
} 
#mainContent p{
	margin-bottom: 10px;
}
.byline{
	font-weight: bold;
	margin-top: 15px;
}

/* CONTENT AREA LINKS */
#mainContent a {
	color: #00366d;
}

/* IMAGES */

/* MISC TEXT CLASSES */
#mainContent .smallText { font-size: 80%; }
#mainContent .Headline {
	font-size: 1.1em;
	color: #00366d;
} /* SAME AS H3 - Legacy Inside Pages Code */
#mainContent .Text {
	font-family: arial, helvetica, sans-serif;
}

/* LISTS */
#mainContent ul.inline li {
	display: inline;
}


/*********************
 ARTICLE PAGE
*********************/

.standFirst {
	font-weight: bold;
}

/* RELATED LINKS */
#relatedLinksInsert {
	margin: 10px 10px 10px 0px;
	float: left;
	width: 200px;
	text-align: left;
}
#relatedLinksInsert .moduleHeader {
	background: none;
	height: 20px;
}
#relatedLinksInsert .moduleHeader h3 {
	color: #d70418;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
}
#relatedLinksInsert .moduleContent {
	background: none;
}
#relatedLinksInsert ul{
	color: #00366d;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 20px;
}
#relatedLinksInsert li{
	padding-bottom:7px;
	list-style-position: outside;
	line-height:15px;
}

/* ARTICLE IMAGE / CUBE AD STYLES */
#mainContent .imageCaptionContainer{
	float: left;
	margin: 5px 10px 0px 0px;
}
#mainContent .imageCaptionContainer img{
	border: 2px solid #d2d7c0;
}
#articleAdInsert.alignright .imageCaptionContainer {
	display: block;
	float: right;
}
.imageCaption {
	padding: 8px 0px 8px 0px;
	font-weight: bold;
	font-size: .9em;
	color: #00366d;
}

/*********************
 FORM STYLES
*********************/
select { } /* This style applies to all dropdown menus. */
input { } /* 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 {
	font-size: 1em;
	font-weight: bold;
	color: #f00;
 } /* 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: #333;} 

/************************
 FORMATTED TABLES
*************************/
#mainContent table.formattedTable td {
	padding: 5px;
} 
#mainContent table.formattedTable tr.rowOdd {
	background: #ddd;
} 
#mainContent table.formattedTable tr.rowEven {
	background: #eee;
} 

#mainContent table.fullWidth {
	width: 560px;
} /* 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: #ddd;} /* Background, Border, and Text color only */
.CellBackground1 { background-color: #eee;} /* 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 td{text-align: center; }

/*********************
 SEPARATOR STYLES
*********************/
hr {
 }
.sectSeparatorH {
	height: 5px;
} 
.sectSeparatorV {
	width: 5px;
} 


/**************************/
/**** 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-right: 3px;

}

#mainContent label .labelDetails {
    font-weight: normal;
    font-size: 0.9em;
    
}
#mainContent .formRowMultiFields {
	margin-left: 153px; /* !! Should be the width of the label !! */
	zoom:1;
}
#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;
	margin-left:10px;
}
#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;
	font-family: arial, helvetica, sans-serif;
}
#mosSite {
	background: url(/images/bg.jpg) repeat-x #0059b4;
	text-align: center;
	font-size: smaller;
	font-family: arial, helvetica, sans-serif;
	
}
#mosSite fieldset {
	border: 0px solid #000;
}
#framework {
	width: 966px;
	margin: auto;
	text-align: left;
	background: url(/images/framework-bg.gif) ;
}


/* Ads */
#leaderboard {
	float: left;
	margin-bottom: 6px;
}
#leaderboardLabel {
	display:none;
}
#leaderboardAd {
	padding: 0px;
}
#skyscraper {
	width: 160px;
}
#skyscraperLabel {
	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 {
	background: url(/images/header-bg.jpg) repeat-x #0059b4;
	height:240px;
	width:966px;
	}
	
#header h1{float: left;}
#header h2{float: right;}
#header h3{display: none;}

/* Content */
#contentBackground {
	padding: 0px 7px;
}
#contentColumns {
	background: url(/images/middle-bg2.gif) repeat-x;
}
#contentEnclose {
	width: 781px;
	float: left;
	
}
#contentMiddle {
	width: 600px;
	float: right;	
	
}
#contentMiddle .contentAreaPadding{


}
#contentLeft {
	width: 175px;
	float: left;
}
#contentRight {
	width: 165px;
	float: right;
	overflow: hidden;
}
#contentBottom {
	clear: both;
	
}
.storySeparator {}

/* Quadrants */
#quadrantTop {
	clear: both;
	width: 600px;
	overflow: hidden;
	padding: 5px 0px 5px 0px;
	background: url(/images/middle-bg.gif) repeat-x #0058b3 0px -25px;
}
#quadrantA {
	float: left;
	width: 297px;
	overflow: hidden;
}
#quadrantB {
	float: right;
	width: 297px;
}
#quadrantTopFooter {
	display: none;
	
}
#quadrantBottom {
	display: none;
}

/* Footer */
#footer {  font-family: verdana, helvetica, sans-serif; clear:both; text-align:left; height:144px; background: url(http://www.scotthennen.com/files/scotthennen/images/frame.gif);}
#footer .contentAreaPadding { padding: 65px 0px 0px 460px;}
 #footerTop { display: none;}
#footerBottom { display: none; }
#siteIndex fieldset { border: 0px solid #000; }
#siteIndex legend { display: none; }
#siteIndex select { font-weight: bold; font-size: .85em; color: #002041; font-family: verdana, helvetica, sans-serif;}
#copyright { color: #4ea5ff; text-transform: uppercase; font-size: .75em; line-height: .95em; margin-top: 10px;}
#copyright a{ color: #4ea5ff; text-decoration: none;}
#copyright a:Hover{ color: #fff;}
/* #############################################################
		modules.css
   ############################################################# */
#club{
	margin-bottom: 5px;
}
#club legend, #club .osaText, #emailPassword, #nonMember{
	display: none;
}
#club a{
	color: #fff;
	font-weight: bold;
}
#club .moduleHeader{
	background: url(/images/caps2.gif) 0px -78px;
	height: 36px;
}
#club .moduleFooter{
	background: url(/images/caps2.gif) 0px -114px;
	height: 15px;
	overflow: hidden;
}
#club .moduleContent{
	background: url(/images/module-bg.gif) -297px 0px;
	color: #fff;
	font-size: .85em;
	padding-bottom: 1px;
}
#club .containerPadding{
	padding: 0px 16px;
}
#club label{
	text-transform: uppercase;
	font-size: .85em;
}
#saveLoginRow label{
	font-size: .75em;
}
#club .button{
	font-size: .85em;
}
#club .textInput{
	font-size: .85em;
	background: #fff !important;
	border: 1px solid #f00;
	margin-top: 3px;
	width: 120px;
}
#club #loginEmailRow{
	float: left;
	width: 125px;
	margin-right: 5px;
}
#club #saveLoginRow{
	float: left;
	margin-right: 5px;
	height: 20px;
	clear: both;
}
#club .submitRow{
	height: 20px;
}
#club #forgotPassword{
	float: left;
	margin-top: -15px;
	padding-left: 120px;
}
html>body #club #forgotPassword{
	float: left;
	margin-top: -25px;
	padding-left: 120px;
}
#club  #signUp{
	clear: both;
	margin-top: 10px;
}
#club #signUp a{
	display: block;
	height: 19px;
	width: 180px;
	background: url(/images/button-join2.gif);
	text-indent: -9999px;
	margin-left: 40px;
}
#club #signUp a:Hover{
	background: url(/images/button-join2.gif) 0px -19px;
}
.userMessage{
	margin-top: 5px;
	font-size: 1.4em;
}

/* 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. */

/* All Possible Module Classes */
a:Hover{
	text-decoration: none;
}
img {
	border: none;
}
.textInput {} /* Applies to modules with text fields only. */
.button {} /* Applies to modules with text fields only. */
.formRow {} /* Applies to modules with text fields only. */
/*----------------------------------------------------------
Delete above classes if styles haven't been defined above
----------------------------------------------------------*/
/*####TOP GROUP####*/
#topGroup {
	background : url(/images/topgroup-bg.gif);
	clear: both;
	width:966px;
}
#topGroup .moduleHeaderGroup {
	background : url(/images/topgroup-caps.gif);
	height: 8px;
	width:966px;
	overflow: hidden;
}
#topGroup .moduleFooterGroup {
	clear: both;
	background : url(/images/topgroup-caps.gif) 0px -8px;
	height: 6px;	
	width:966px;
 overflow: hidden;
}
#topGroup .containerPaddingGroup {
	padding: 0px 0 0 13px;
}
/*####LEFT GROUP ONE####*/
#leftGroup1{
	background: #fff;
	width: 175px;
	overflow: hidden;
}
#leftGroup1 .moduleHeaderGroup{
	background: url(/images/caps2.gif) 0px -392px;
	height: 5px;
	overflow: hidden;
}
#leftGroup1 .moduleFooterGroup{
	background: url(/images/caps2.gif) 0px -397px;
	height: 13px;
	overflow: hidden;
}
#leftGroup1 .containerPaddingGroup{
	padding: 0px 5px 0px 1px;
}
/*####LEFT GROUP TWO####*/
#leftGroup2{
	background: url(/images/samp.gif) no-repeat;
	padding-top: 3px;
	height: 100px;
}
html>body #leftGroup2{
	min-height: 100px;
}
/*####RIGHT GROUP####*/
#rightGroup{
	background: #fff;
}
#rightGroup .moduleHeaderGroup{
	background: url(/images/caps2.gif) 0px -410px;
	height: 5px;
	overflow: hidden;
}
#rightGroup .moduleFooterGroup{
	background: url(/images/caps2.gif) 0px -415px;
	height: 13px;
	overflow: hidden;
}
#rightGroup .containerPaddingGroup{
	padding: 0px 0px 0px 5px;
}

/*LISTEN LIVE*/
#listenLive{
	float: right;
	position:relative;
	left:-13px;
}
#listenLive .containerPadding  {
	padding: 20px 0px;
}
#listenLive .moduleHeader, #listenLive .moduleFooter  {
	display: none;
}
#listenLive .storyLink a {
	background: url(/images/button-listen.gif);
	display: block;
	height: 51px;
	width: 205px;
	text-indent: -9999px;
}
#listenLive .storyLink a:Hover {
	background: url(/images/button-listen.gif) 0px -51px;
}
/*Left Column Common Styles*/
#search .containerPadding, #weather .containerPadding, #poll .containerPadding, #clubInside .containerPadding, #onAirInside .containerPadding {
	padding: 0px 15px 0px 15px;
}
#search .moduleHeader h3, #weather .moduleHeader h3, #poll .moduleHeader h3, #clubInside .moduleHeader h3, #onAirInside .moduleHeader h3 {
	color: #fff;
	text-transform: uppercase;
	padding: 7px 0px;
	text-align: center;
	font-size: 1.05em;
	font-weight: bold;
}
/* Search */
#search legend, #searchTypeLabel, #searchType, #searchForLabel, #searchTopSearches {
	display: none;	
}
#search{
	margin-bottom: 9px;
}
#search .moduleHeader {
	background: url(/images/caps2.gif) 0px -239px;
	height: 36px;
}
#search .moduleFooter {
	background: url(/images/caps2.gif) 0px -275px;
	height: 15px;
	overflow: hidden;
}
#search .moduleContent {
	background: url(/images/module-bg.gif) -891px 0px repeat-y;
}
#search .formRow{
	float: left;
	width: 88px;
}
#search .submitRow{
	float: right;
}
#search .textInput{
	background: #fff !important;
	border: 1px solid #007eff;
}
#search .textInput, #search .button {
	font-size: .85em;
}
#search .textInput {
	width: 88px;
}

/* Weather */
#weather{
	margin-bottom: 9px;
}
#weather .moduleHeader {
	background: url(/images/caps2.gif) 0px -290px;
	height: 36px;
}
#weather .moduleFooter {
	background: url(/images/caps2.gif) 0px -326px;
	height: 15px;
	overflow: hidden;
	clear: both;
}
#weather .moduleContent {
	background: url(/images/module-bg.gif) -1060px 0px repeat-y;
	font-size: .85em;
	padding-bottom: 5px;
}
#weatherGraphic{
	float: left;
	margin-right: 5px;
}
#weatherToday h4{
	display: none;
}
#weather .conditions{
	color: #fff;
	line-height: 1.4em;
}
#weather .tempToday{
	font-weight: bold;
	font-size: 1.2em;
}
#weatherLink{
	clear: both;
	padding-top: 5px;
}
#weatherLink a{
	color: #fff;
	font-weight: bold;
}

/* Poll */
#poll {
	color: #fff;
}
#poll legend, #poll .sponsorLabel{
	display: none;
}
#poll .sponsor{	
	background: url(/images/labels.gif) no-repeat 0px -61px;
	margin-bottom: 6px;
	
}
#poll .sponsor img{
	margin-top: 10px;
	
}
#poll .moduleHeader {
	background: url(/images/caps2.gif) 0px -341px;
	height: 36px;		
}
#poll .moduleFooter {
	background: url(/images/caps2.gif) 0px -377px;
	height: 15px;
	overflow: hidden;
}
#poll .moduleContent {
	background: url(/images/module-bg.gif) -1229px 0px repeat-y;
	font-size: .85em;
	line-height: 1.2em;	
}

#poll h4{
	font-weight: bold;	
}

#pollQuestion, #poll h4{
	font-weight: bold;
	padding-top:5px;
	padding-bottom:5px;
	width:140px;	
}

#pollDescription{
}
#poll label{
	font-weight: bold;
	font-size: .85em;
}
#poll .button{
	font-size: .85em;
	padding: 0px 4px;
	margin-top: 8px;
}
#poll a{
	color: #fff;
	font-weight: bold;
}
#pollLink{
	margin-top: 8px;
}
#poll dd{
	font-weight: bold;
	margin-bottom: 5px;
}

/*Misc Entries*/
#miscLeft1{color: #fff;width:175px;overflow:hidden;}
#miscLeft2{color: #fff;}
#miscLeft1 .containerPadding, #miscLeft1 .containerPadding {padding: 0px 11px 5px 11px;}
#miscRight{
	color: #fff;
	padding: 3px 11px 5px 11px;
	background: url(../images/column-bg.gif) no-repeat -175px 0px;
}

#miscLeft1 .moduleHeader, #miscLeft2 .moduleHeader,  #miscRight .moduleHeader{
	display: none;
}
#miscLeft1 h4, #miscLeft2 h4,  #miscRight h4{
	font-size: .85em;
	font-weight: bold;
}
#miscLeft1 p, #miscLeft2 p,  #miscRight p{
	font-size: .85em;
	line-height: 1.1em;
}
#miscLeft1 a, #miscLeft2 a, #miscRight a{
	color: #fff;
}
#miscLeft1 .storyImage img, #miscLeft2 .storyImage img, #miscRight .storyImage img{
	border: 2px solid #d2d7c0;
	margin-bottom: 5px;
}

/* Date */
#date{
	float: left;
	width: 225px;
	background-color:#012851;
}
#date .moduleHeader, #date .moduleFooter, #date h4{
	display: none;
}
#date .containerPadding{
	padding: 6px 15px;	
}
#date p{
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
}

/*Breaking News*/
#breakingNews{
	float: right;
	background: url(/images/caps2.gif) 0px -429px;
	height: 25px;
	width: 375px;
	overflow: hidden;

}
#breakingNews .moduleContainer{
	padding: 7px 8px 0px 8px;
	
}
#breakingNews .moduleHeader{
	float: left;
	margin-right: 5px;
}
#breakingNews .moduleHeader h3{
	color: #fff;
	text-transform: uppercase;
	font-size: .85em;	
	font-weight: bold;
}
#breakingNews .containerPadding{
	margin:0px 0px 0px 100px;
	color: #fff;
	font-size: .85em;
	white-space:nowrap;
	width:250px;
}


#breakingNews p a{
	color: #fff;
}
/* Quadrant Common Styles */
#feature .moduleHeader h2, #club .moduleHeader h3, #onAir .moduleHeader h3, #headline .moduleHeader h3{
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
#club .moduleHeader h3, #onAir .moduleHeader h3{
	padding: 7px 0px;
	text-align: center;
	font-size: 1.05em;
	font-weight: bold;
}

/* Feature */

#feature .moduleHeader{
	background: url(/images/caps2.gif) 0px -14px;
	height: 49px;
}
#feature .moduleHeader h2{
	padding: 10px 91px 0px 0px;
	font-size: 1.4em;
	font-weight: bold;
}
#feature .moduleFooter{
	background: url(/images/caps2.gif) 0px -63px;
	height: 15px;
	overflow: hidden;
	clear: both;
}
#feature .containerPadding{
	padding: 0px 16px 1px 16px;
	background: url(/images/module-bg.gif) 0px -63px;
}
#feature .story{
	float:left;
	margin-bottom:10px;
}

#feature .storyImage{
	margin-bottom: 7px;
}
#feature .storyImage img{
	border: 1px solid #fff;
}
#feature h3{
	color: #fff;
	font-size: .9em;
	margin-bottom: 5px;
	font-weight: bold;
}
#feature p{
	color: #007eff;
	font-size: .85em;
	line-height: 1.2em;
	margin-bottom: 5px;
}
#feature p a{
	color: #007eff;
}

/* For the Rotating Feature Only - If not used remove the styles below.*/
#feature .rotator{
	clear: both;
	height:25px;
	padding-top:10px;
}
#feature .rotator button {
  height: 17px;
  padding: 17px 0px 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-image: url(/images/feature-previous.gif);
	background-repeat: no-repeat;
	width: 21px;	
}
#feature .rotator .play {
	background:url(/images/feature-play.gif);
	width: 18px;
}
#feature .rotator .pause {
	background-image: url(/images/feature-pause.gif);
	background-repeat: no-repeat;
	width: 18px;
}
#feature .rotator .next {
	background-image: url(/images/feature-next.gif);
	background-repeat: no-repeat;
	width: 21px;
}
/*---------------------------------------------------*/

/* Club Inside */
#clubInside{
	margin-bottom: 9px;
	width: 169px;
	overflow: hidden;
}
#clubInside legend, #clubInside .osaText, #emailPassword, #nonMember, #clubTopContests{
	display: none;
}
#clubInside a{
	color: #fff;
	font-weight: bold;
}
#clubInside .moduleHeader{
	background: url(/images/caps2.gif) 0px -341px;
	height: 36px;
}
#clubInside .moduleFooter{
	background: url(/images/caps2.gif) 0px -377px;
	height: 15px;
	overflow: hidden;
}
#clubInside .moduleContent{
	background: url(/images/module-bg.gif) -1229px 0px;
	color: #fff;
	font-size: .85em;
}
#clubInside label{
	text-transform: uppercase;
	font-size: .85em;
}
#clubInside .button{
	font-size: .85em;
}
#clubInside .textInput{
	font-size: .85em;
	background: #fff !important;
	border: 1px solid #f00;
	margin-top: 3px;
	width: 120px;
}
#loginEmailRow, #loginPasswordRow{
	margin: 0px 0px 5px 0px;
}
#clubInside .submitRow{
	margin: 5px 0px;
}
#clubInside #forgotPassword{
	margin: 5px 0px 10px 0px;
}
#clubInside #signUp{
	clear: both;
	margin-top: 10px;
}
#clubInside #signUp a{
	display: block;
	height: 29px;
	width: 109px;
	background: url(/images/button-join2.gif) 0px -38px;
	text-indent: -9999px;
}
#clubInside #signUp a:Hover{
	background: url(/images/button-join2.gif) 0px -67px;
}

/* On Air */
#onAir{
	text-align: left;	
}
#onAir a{
	font-weight: bold;
	color: #fff;
}
#onAir .moduleHeader{
	background: url(/images/caps2.gif) 0px -129px;
	height: 36px;
}
#onAir .moduleFooter{
	background: url(/images/caps2.gif) 0px -165px;
	height: 15px;
	overflow: hidden;
}
#onAir .moduleContent{
	background: url(/images/module-bg.gif) -594px 0px;
}
#onAir .containerPadding{
	padding: 0px 16px;
	color: #fff;
	font-size: .85em;
	line-height: 1.2em;
	height:70px;
}

#hostPhoto {

}
#onAir .hostText{
	margin-left: 66px;
}
#onAir #hostPhoto img{
	position: absolute;
	width: 48px;
	height:64px;
	border: 2px solid #d2d7c0;
}
#onAir .hostName a{
	text-decoration: none;
}
#nextHost{
	margin: 7px 0px 7px 66px;
}
#nextHost h5{
	float: left;
	font-weight: normal;
	text-transform: uppercase;
}
#nowPlaying{
	margin: 0px 0px 0px 66px;
}
#nowPlaying h5{
	font-size: 1.1em;
	margin-bottom: 3px;
	font-weight: bold;
}
#nowPlaying .song{
	font-weight: bold;
}

/* On Air Inside*/
#onAirInside{
	width: 169px;
	overflow: hidden;
}
#onAirInside a{
	font-weight: bold;
	color: #fff;
}
#onAirInside .moduleHeader {
	background: url(/images/caps2.gif) 0px -290px;
	height: 36px;
}
#onAirInside .moduleFooter {
	background: url(/images/caps2.gif) 0px -326px;
	height: 15px;
	overflow: hidden;
	clear: both;
}
#onAirInside .moduleContent {
	background: url(/images/module-bg.gif) -1060px 0px repeat-y;
	font-size: .85em;
	padding-bottom: 5px;
}
#onAirInside .containerPadding{
	color: #fff;
	font-size: .95em;
	line-height: 1.2em;
}
#onAirInside #hostPhoto {
	float: left;
	margin-right: 10px;
}
#onAirInside #hostPhoto img{;
	width: 48px;
	border: 2px solid #d2d7c0;
}
#onAirInside .hostText{
	float: left;
	width: 75px;
}
#onAirInside .hostName a{
	text-decoration: none;
}
#onAirInside .hostName a:Hover{
	text-decoration: underline;
}

/* Sponsor */
#sponsor{
	width: 600px;
	clear: both;
}
#sponsor .moduleHeader, #sponsor .moduleFooter {
	display: none;
}
#sponsor .containerPadding{
	background: url(/images/labels.gif) no-repeat #0059b3 475px 0px;
}
#sponsor p{
	margin: 0px 132px 0px 0px;
}

/* Sponsor Inside */
#sponsorInside{
	width: 600px;
	clear: both;
}
#sponsorInside .moduleHeader, #sponsorInside .moduleFooter {
	height: 5px;
	overflow: hidden;
}
#sponsorInside .moduleHeader h3{
	display: none;
}
#sponsorInside .containerPadding{
	background: url(/images/labels.gif) no-repeat 475px 0px;
}


/* Headline */
#headline .moduleHeader{
	background: url(/images/caps2.gif) 0px -180px no-repeat #0059b4;
	height: 59px;
}
#headline .moduleHeader h3{
	padding: 20px 200px 0px 15px;
	font-size: 1.4em;
	text-align: left;
	font-weight: bold;
}
#headline .moduleFooter{
	display: none;
}
#headline .moduleContent{
	background: none;
}
#headline .containerPadding{
	padding: 0px 16px;
	font-size: .85em;
	line-height: 1.2em;
}
#headline a{
	color: #00366d;
}
#headline h4{
	color: #00366d;
	font-weight: bold;
}
#headline h4 a{
	text-decoration: none;
}
#headline h4 a:Hover{
	text-decoration: underline;
}
#headline .storyImage{
	float: left;
	margin-right: 5px;
}
#headline .storyImage img{
	border: 2px solid #d2d7c0;
}
#headline .story{
	margin-bottom: 10px;
}
#headline .odd{
	float: left;
	width: 275px;
}
#headline .even{
	float: right;
	width: 275px;
}
#headline .storySeparator{
	display: none;
}


/* Additional Framework Styles for Modules - Any styles that are used accross multiple modules go below. */
/* #############################################################
		nav.css
   ############################################################# */
/* NAV MODULE SETTINGS */
#navigation {
	clear: both;
	background: url(/images/nav-bg.gif) -13px 7px;
	width: 940px;
}
#navigation .moduleFooter {
	background: url(/images/caps2.gif) 0px -7px;
	height: 7px;
	overflow: hidden;
	clear: both;
}
#navigation .moduleHeader {
	background: url(/images/caps2.gif) 0px 0px;
	height: 7px;
	overflow: hidden;
}
#navigation .moduleHeader h3  {
	display: none;
}
#navigation .containerPadding {
	padding: 0px 13px;
	border:0px solid yellow;
}

/* MAIN NAVIGATION MENU BOX */

#navigation ul {
	list-style: none;
	border: none;
}

/* MAIN NAV ITEMS */
#navigation li {
	float: left;
	padding: 0px 5px 0px 19px;
	background: url(/images/nav-bullet.gif) no-repeat 0px 0px;
	font-size: .85em;
	line-height: 1.2em;
	font-weight: bold;
	white-space: nowrap;
}
#navigation li.first {
	padding: 0px 5px 0px 0px;
	background: none;
}

#navigation li a, #navigation li .navNoLink {
	display: block;
	padding: 0px;
	color: #fff;
	text-decoration: none;
}
#navigation li a:hover {
	color: #fdb124;
}

/*
SUB NAV LIST 
	Set the width, background, and/or border
*/
#navigation li ul {
	width: 157px;
	margin-left: 0px;
	border: solid 2px #fff;
	margin-top: 0px;
	display: block;
	position: absolute;
	left: -9999px;
	height: auto;
	background: #cc0416;
}

/* SUB-NAV ITEM */
#navigation li ul li {
	background: none;
	padding: 0px;
	display: block;
	float: none;
	width: auto;
	font-size: 1em;
	padding: 3px;
	border-bottom: 1px solid #fff;
}
#navigation li ul li.first {
	padding: 3px;
}
#navigation li ul li.last {
	border-bottom: 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" */

/* #############################################################
		reset.css
   ############################################################# */
/* browser reset controls */
/******************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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; vertical-align:baseline;}
body {line-height:1; color:black; background:white;}
/* ol, ul {list-style: none;} */
/* remember to define focus styles! */
:focus {outline:0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/******************************************************/
/* end browser reset controls */
/* #############################################################
		sectional.css
   ############################################################# */
/* ALL SECTIONAL TEMPLATES */
.sectional {
	padding-top: 1px;
}
.sectional .storySeparator hr{
	display: none;
}
#mainContent .sectional p {
	margin-bottom: 5px;
}
#mainContent .sectional .CellContent0{
	padding: 5px 5px 1px 5px;
}
#mainContent .sectional .CellContent0 .story{
	margin-top: 0px;
}
.sectional .story {
	clear: both;
	margin-top: 10px;
	position: relative;
}
.sectional p.storyImage {
	display: block;
	float: left;
	margin: 5px 10px 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;
}
.sectional .storySeparator {
	clear: both;
}

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

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

/* Top Story */



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

/* Container for the Top 3 Entries */
.secTemplate3 .secTop {
	clear: both;
}
.secTemplate3 .secBottom {
	clear: both;
}

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

}

/* Separator Between Bottom Halves */
.contentSeparator{
	background: #000;
	clear: both;
	display: none;
}
/* Container for Second Half of the bottom Entries */
.secTemplate3 .secBottomSecondHalf {
	width: 270px;
	float: right;
}
/* #############################################################
		CustomPages.css
   ############################################################# */
/***********************
 Photo Wall Styles
***********************/
#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 img { margin: 0px; }
#photoWallPhotoPage .photoCaption { width: 300px; margin: 4px auto;  }

/***********************
 Goout Bar Styles
***********************/
.top-goout {float: left; width: 800px; font-family: arial, helvetica, sans-serif; font-size:12px;padding: 0px 0px 0px 0px; margin-left: 50px;}
.top-col-left {color:#fff;width: 200px; float: left; padding: 7px 0px 0px 0px; margin-left: 50px; text-size: 8px;}
.top-col-left a {text-size: 8px;color:#fff; }
.top-col-left a:hover {text-decoration: none;color:#fff;}
.top-col-mid {color:#fff;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 {color:#fff;width: 200px; float: right;  padding: 3px 0px 0px 0px; margin-left: 25px; text-size: 8px;}    
.top-col-right a {text-size: 8px;color:#fff;}
.top-col-right a:hover {text-decoration: none;color:#fff;}

/***********************
 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 {}

/***********************
 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: 560px;
    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;
}

/* Yes Module */
#yes{
     margin-top: 5px;
}
#yes .moduleHeader{
     display: none;
}

/*
***************************************************
*** Programming Schedules styles ***
***************************************************
*/

#programmingSchedule h3 {
	padding-top:20px;
	}
	
/*
*******************************************************
*** END DO NOT MAKE ANY CHANGES TO ANY STYLES BELOW ***
*******************************************************
*/