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

/*********************
 GENERAL STYLES
*********************/
a {color:#0B127B;}
a:hover {color:#212CEB;}

/* PAGE TITLE */
#mainContent .moduleHeader h2 { font-size:1.5em;color:#3D417B;margin-bottom:.5em;}

/* MAIN TEXT AND HEADERS */
#mainContent {font-size:1.2em; }
#mainContent p{margin-bottom:1em;}
#mainContent h1, #mainContent h2 {font-size:1.5em;}
#mainContent h3 {font-size:1.33em;margin-bottom:.75em; }  
#mainContent h4, #mainContent h5, #mainContent h6 {font-size:1em; } 

/* CONTENT AREA LINKS */
#mainContent a { }
#mainContent a:hover { }
#mainContent a:visited { }

/* IMAGES */
#mainContent img { border: none 0px #fff; }

/* MISC TEXT CLASSES */
#mainContent .smallText { font-size: 80%; }
#mainContent .Headline { font-size:1.5em;color:#555; font-weight:bold;} /* SAME AS H3 - Legacy Inside Pages Code */
#mainContent .Text {  font-size:1.2em; color:#555;} /* SAME AS BODY - Legacy Inside Pages Code */

/* LISTS */
#mainContent ul.inline li {
	display: inline;
}
#mainContent ul { } /* Optional for Custom List Styles */
#mainContent li { } /* Optional for Custom List Styles */


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

p.standFirst { font-size:1.3em;color:#171a4f;}

/* RELATED LINKS */
#relatedLinksInsert { padding:0px 10px 10px 10px;}
#relatedLinksInsert h3{ font-size:1.333em;color:#555555;text-transform:none;font-weight:bold;margin:0;}
#relatedLinksInsert li {list-style:none;}

/* ARTICLE IMAGE / CUBE AD STYLES */
#mainContent #cubeAd .moduleContent{
	padding: 10px 0px 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 8px 0px;
}
#articleAdInsert.alignright .imageCaptionContainer {
	display: block;
	float: right;
}
.imageCaption {
	padding: 0px 0px 0px 0px;
	font-size:.916em;
}

/*********************
 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 { } /* 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 color or borders */
#mainContent table.formattedTable th {padding:4px;font-size:1.2em;background:#21205B;color:#fff;}
table.formattedTable th a {color:#fff;} /* Header cells and Header Font Info */
#mainContent table.formattedTable td {padding:4px;font-size:1.2em;} /* Table body cells and body font info */
#mainContent table.formattedTable td a {} /* Table body links */
#mainContent table.formattedTable tr.rowOdd {} /* Table Odd Row for a separate background-color for every other row */
#mainContent table.formattedTable tr.rowEven {} /* 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:610px;} /* 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: #D0D0E4; color: #333; } /* Background, Border, and Text color only */
.CellBackground1 { background-color: #F7F7F9; color: #333; } /* Background, Border, and Text color only */
#mainContent .CellContent0, #mainContent .CellContent1 { padding: 5px; } /* Define padding so running copy doesn't hit edge of background. */

/*********************
 CALENDAR STYLES
*********************/
#mainContent .calendarTable { }
#mainContent .calendarTable th {font-size:1.2em;padding:5px;}
#mainContent .calendarTable td {font-size:1.2em;padding:5px;}}
#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 { }

/*********************
 SEPARATOR STYLES
*********************/
hr { }
.sectSeparatorH { } /* Horizontal gaps between sections. */
.sectSeparatorV { } /* 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 !! */
	zoom:1;
}
#mainContent .formRowMultiFields .textbox 
{
	margin:3px 0px;
}
#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; }
.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) repeat-x #121149;
	font-size:10px;
	font-family:Arial,Helvetica,sans-serif;
	color:#555555;
}
#mosSite {
	width: 960px;
	margin: auto;
	text-align: left;
}
#mosSite fieldset {
	border: 0px solid #000;
}
#framework {
	width: 960px;
}
#frameworkTop {
	background:url(/images/header-bottom.gif) no-repeat 0px 0px;
height:225px;overflow:hidden;
}

/* Ads */
#leaderboard {
    float: left;
	position: relative;text-align:center;
}
#leaderboardLabel {
	display:none;
}
#leaderboardAd {
    width: 728px;
    height: 90px;
}
#skyscraper {margin-bottom:10px;}
#skyscraperLabel {
	display:none;
}
#skyscraperAd {
	width: 160px;
}
#banner {}

#footer #leaderboard {float:none;position:relative;top:53px;height:90px;}

#cubeAd {}
#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;}
#header h1 {float:left;}
#headerArtists {float:left;background:url(/images/header-artist0.jpg) no-repeat;}

/* Content */
#contentBackground {background:#fff;padding:8px 0px 10px 0px;}
#contentColumns {}
#contentColumns A {} /* All Content Links */
#contentEnclose {
	width: 785px;
	float: left;
}
#contentMiddle {
	width: 610px;
	float: right;
}
#contentLeft {
	width: 160px;
	float: left;
}
#contentRight {
	width: 160px;
	float: right;
}


#contentBottom {
	clear: both;
}
.storySeparator {}

/* Quadrants */
#quadrantTop {}
#quadrantA {
	float: left;
	width: 300px;
}
#quadrantB {
	float: right;
	width: 300px;
}
#quadrantTopFooter {
	clear: both;
	height:20px;
}
#quadrantBottom {}
#quadrantC {
	float: left;
	width: 300px;
}
#quadrantD {
	float: right;
	width: 300px;
}
#quadrantBottomFooter {
	clear: both;
	height:20px;
}

/* Footer */
#footer {background:url(/images/footer.gif) no-repeat;height:152px;}
#footerTop {}
#footerBottom {
	clear: both;
}
#siteIndex {position:relative;top:-81px;float:left;padding-left:10px;}
#siteIndex *{float:left;}
#siteIndex fieldset {border: 0px solid #000;}
#siteIndex legend {display: none;}
#siteIndex select {font-size:1.2em;color:#555555;font-family:Arial, Helvetica, sans-serif;}
#copyright {position:relative;top:-81px;float:left;padding-left:10px;color:#EBEBF5;width:360px;line-height:1.1;}
#copyright A {}
#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. */

/* All Possible Module Classes */
.module {}
.moduleContainer {}
.moduleHeader {} /* Used for graphic titles. */
.moduleHeader h3 {font-weight:bold;text-transform:uppercase;font-size:1.8em;color:#3D417B;} /* Used for module titles and feature story headline. */
.moduleHeader h3 a{color:#3D417B;text-decoration:none;} 
.moduleHeader h3 a:hover{text-decoration:underline;} 
.module h4, #feature h3 {font-weight:bold;text-transform:uppercase;font-size:1.6em;color:#555;padding-bottom:6px;} /* Used for all module headlines except the feature. */
.module h4 a, #feature h3 a{color:#555;text-decoration:none;} 
.module h4 a:hover, #feature h3 a:hover{text-decoration:underline;} 
.moduleFooter {font-size:1px;text-indent:-9999px;}
.story img {border:1px solid #484C83;}
.textInput {background-color:#D0D0E4;border:1px solid #21205B;font-size:1.2em;color:#000;font-family:Arial,Helvetica,sans-serif;} /* Applies to modules with text fields only. */

/*----------------------------------------------------------
Delete above classes if styles haven't been defined above
----------------------------------------------------------*/


/* Feature */
#feature {}
#feature img {width:auto}
#feature .moduleHeader{width:300px;height:42px;background:url(/images/headers-sprite.gif) no-repeat -160px -170px;}
#feature .moduleHeader h2{display:none;}
#feature .moduleContent{background-color:#D0D0E4;}
#feature .stories {height:405px;}
#feature .stories .story {padding:0px 10px 0px 10px;margin-bottom:32px;}
#feature p {font-size:1.2em;margin-bottom:10px;}
#feature h3 {color:#343333;}
#feature .rotator{width:300px;height:42px;background:url(/images/headers-sprite.gif) no-repeat -160px -223px;text-align:center;}
/* For the Rotating Feature Only - If not used remove the styles below.
---------------------------------------------------------------------*/
#feature .rotator button {
  height: 32px;
	width: 66px;
  padding: 32px 0px 0px;
  margin: 0px 3px 0px 0px;
  border: 0px;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  background-image: url(/images/feature-sprite.gif);
  background-repeat: no-repeat;
}
#feature .rotator .previous {background-position: 0px 0px;}
#feature .rotator .play {background-position: -66px 0px;}
#feature .rotator .pause {background-position: -132px 0px;}
#feature .rotator .next {background-position: -198px 0px;}
/*---------------------------------------------------*/

/* Headline */
#headline {}
#headline .story{width: 586px;}
#headline .moduleHeader{width:610px;height:48px;background:url(/images/headers-sprite.gif) no-repeat -160px -266px;}
#headline .moduleHeader h3{display:none;}
#headline .moduleContent{border-left:2px solid #D0D0E4;border-right:2px solid #D0D0E4;}
#headline .containerPadding{padding:0px 8px;}
#headline .moduleFooter{height:11px;background:url(/images/headers-sprite.gif) -160px -318px no-repeat;}
#headline .storySeparator {height:10px;clear:both;}
#headline .storySeparator hr {display:none;}
#headline .storyImage {float:left;padding:2px 10px 0px 0px;}
#headline p {font-size:1.2em;margin-bottom:10px;}

/* Poll */
#poll {}
#poll .moduleHeader{width:160px;height:32px;background:url(/images/headers-sprite.gif) no-repeat 0px -128px;}
#poll .moduleHeader h3{display:none;}
#poll .containerPadding {padding:0px 0px 0px 10px;}
#poll .moduleFooter {height:10px;}
#poll .sponsor img{margin-bottom:10px;}
#poll .sponsorLabel {display:none;}
#poll h4 {}
#poll p {font-size:1.2em;margin-bottom:10px;}
#poll legend{display:none;}
#poll label{font-size:1.2em;position:relative;top:-2px;}
#poll #pollQuestion {font-weight:bold;color:#000;}
#poll #formRowSubmit {padding:10px 0px;}
#poll dt {font-size:1.2em;}
#poll dd {font-size:1.2em;margin-bottom:.5em;font-weight:bold;color:#3D417B;}


/* On Air */
#onAir .moduleHeader{margin-top:-34px;width:300px;height:42px;background:url(/images/headers-sprite.gif) no-repeat -160px -34px;}
#onAir .moduleHeader h3{display:none;}
#onAir .moduleContent{background-color:#D0D0E4;height:168px;overflow:hidden;}
#onAir .containerPadding{padding:0px 10px;}
#onAir .moduleFooter{height:20px;background:url(/images/headers-sprite.gif) -160px -82px no-repeat;}
#onAir img{border:1px solid #484C83;}
#onAir h4, #onAir h4 a{color:#343333;padding:0;}
#onAir p {font-size:1.2em;}
#onAir h5 {font-size:1.2em;font-weight:normal;}
#onAir #hostPhoto {float:left;padding:0px 10px 0px 0px;}
#onAir #hostInfo p {float:left;padding:0px 10px 0px 0px;}
#onAir #nowPlaying {padding:8px 0px 0px 0px;}
#onAir h5.nowPlaying {font-weight:bold;color:#6D6D9E;}
#onAir .song {font-weight:bold;color:#343333;}
#onAir .artist {color:#343333;}
#onAir #currentHost {float:left;width:280px;}
#onAir #nextHost {clear:both;}

#onAirInside .moduleHeader{width:160px;height:32px;background:url(/images/headers-sprite.gif) no-repeat -460px -34px;}
#onAirInside .moduleHeader h3{display:none;}
#onAirInside .moduleContent{background-color:#D0D0E4;}
#onAirInside .containerPadding{padding:0px 10px;}
#onAirInside .moduleFooter{height:20px;background:url(/images/headers-sprite.gif) -160px -82px no-repeat;}
#onAirInside img{border:1px solid #484C83;}
#onAirInside h4, #onAir h4 a{color:#343333;padding:0;}
#onAirInside p {font-size:1.2em;}
#onAirInside h5 {font-size:1.2em;font-weight:normal;}
#onAirInside h5.nextUp {padding-top:8px;}
#onAirInside #hostPhoto {padding:0px 10px 10px 0px;}
#onAirInside #hostInfo p {}
#onAirInside #nowPlaying {padding:8px 0px 0px 0px;}
#onAirInside h5.nowPlaying {font-weight:bold;color:#6D6D9E;}
#onAirInside .song {font-weight:bold;color:#343333;}
#onAirInside .artist {color:#343333;}

/* Listen Live */
#listenLive {position:relative;z-index:2;left:190px;top:5px;}
#listenLive .moduleHeader{display:none;}
#listenLive a{display:block;width:106px;height:34px;text-indent:-9999px;background:url(/images/headers-sprite.gif) -160px 0px no-repeat;}

/* misc 3 module */
#misc3 .moduleHeader{width:300px;height:33px;background:url(/images/headers-sprite.gif) no-repeat -160px -102px;}
#misc3 .moduleHeader h3{padding:6px 10px 0px 10px;}
#misc3 .moduleContent{background-color:#D0D0E4;font-size:1.2em;}
#misc3 .containerPadding{padding:0px 10px;}
#misc3 .moduleFooter{height:10px;background:url(/images/headers-sprite.gif) -160px -82px no-repeat;}
#misc3 p{padding-bottom:10px;}
#misc3 h4{font-size:1.333em;}

/* misc 1 module */
#misc1 {margin-bottom:10px;}
#misc1 .moduleHeader{width:160px;height:36px;background:url(/images/headers-sprite.gif) no-repeat 0px -71px;}
#misc1 .moduleHeader h3{padding:2px 4px 0px 9px;}
#misc1 .moduleContent{background-color:#fff;border-right:2px solid #D0D0E4;font-size:1.2em;}
#misc1 .containerPadding{padding:0px 8px 0px 10px;}
#misc1 .moduleFooter{height:11px;background:url(/images/headers-sprite.gif) 0px -117px no-repeat;}
#misc1 p{padding-bottom:10px;}
#misc1 h4{font-size:1.333em;}

/* misc 2 module */
#misc2 {margin-bottom:10px;}
#misc2 .moduleHeader{width:160px;height:36px;background:url(/images/headers-sprite.gif) no-repeat 0px -14px;}
#misc2 .moduleHeader h3{padding:2px 4px 0px 8px;}
#misc2 .moduleContent{background-color:#fff;border-left:2px solid #D0D0E4;font-size:1.2em;}
#misc2 .containerPadding{padding:0px 10px 0px 8px;}
#misc2 .moduleFooter{height:11px;background:url(/images/headers-sprite.gif) 0px -60px no-repeat;}
#misc2 p{padding-bottom:10px;}
#misc2 h4{font-size:1.333em;}

/* Sponsor */
#sponsor {text-align:center;}
#sponsor .moduleHeader{display:none;}
#sponsor img{margin-bottom:20px;}

/* Club */
#club {width:232px;height:203px;overflow:hidden;color:#D0D0E4;float:right;}
#club a{color:#fff;}
#club .moduleHeader {height:23px;padding:0px 0px 0px 10px;}
#club .moduleHeader h3{text-indent:-9999px;background:url(/images/headers-sprite.gif) 0 0 no-repeat;width:120px;height:14px;overflow:hidden;}
#club .moduleContent {padding:0px 0px 0px 10px;}
#club label {display:block;float:left;width:85px;font-size:1.2em;color:#fff;text-align:right;}
#club p, #club li{font-size:1.2em;}
#club .textInput {width: 133px;position:relative;left:4px;}
#club #fldSaveLogin {position:relative;left:4px;}
#club .formRow {padding-bottom:5px;}
#club .submitRow {text-align:right;margin-top:-18px;}
#club #loginLinks {text-align:right;}
#club legend {display:none;}
#forgotPassword {padding:5px 0px;}
#forgotPassword a{font-size:.916em;color:#D0D0E4;}
#forgotPassword a:hover{color:#fff;}
#emailPassword {display:none;}
#clubTopContests {display:none;}
#club .osaText {display:none;}
#club h4{color:#fff;}

/* Search */
#search {margin-bottom:10px;}
#search legend, #searchTypeLabel, #searchType, #search label {display:none;}
#search .moduleHeader{width:160px;height:35px;background:url(/images/headers-sprite.gif) no-repeat 0px -176px;}
#search .moduleHeader h3{display:none;}
#search .moduleContent{width:160px;background:url(/images/headers-sprite.gif) no-repeat 0px -211px #23235E;}
#search .containerPadding {padding:0px 0px 0px 10px;}
#search .moduleFooter {height:10px;width:160px;background:url(/images/headers-sprite.gif) no-repeat 0px -165px;}
#search .textInput {width: 138px;}
#search .submitRow {padding:4px 0px 10px 39px;}
#search select {width: 100px;}
#search li {list-style:none;font-size:1.2em;}
#search h4 {font-size:1.2em;text-transform:none;color:#fff;padding-bottom:0;}
#search a{color:#D0D0E4;}
#search a:hover{color:#fff;}

/* Weather */
#weather {}
#weatherInfoFooter {
	clear: both;
}

/* article showcase */
#articleShowcase {width:300px;}
#articleShowcase .moduleHeader{width:300px;height:35px;background:url(/images/headers-sprite.gif) no-repeat -160px -135px;}
#articleShowcase .moduleHeader h3{display:none;}
#articleShowcase .moduleContent {height:215px;overflow:auto;}
#articleShowcase .containerPadding {padding:0px 10px 0px 0px;}
#articleShowcase .moduleFooter {}
#articleShowcase p{font-size:1.2em;padding-bottom:10px;}
#articleShowcase .storySeparator {height:20px;}
#articleShowcase .storySeparator hr {display:none;}
#articleShowcase .storyImage {float:left;padding:2px 10px 0px 0px;}
#articleShowcase p {font-size:1.2em;margin-bottom:10px;}

/* Tile Ads */
#tileAds {}
#tileAds .moduleHeader{display:none;}
#tileAds p {
	padding: 0px 0px 10px 10px;
}

#date{width:135px;height:22px;overflow:hidden;float:left;}
#date h4{display:none;}
#date p{font-weight:Bold;font-size:1.1em;color:#21205B;line-height:22px;padding-left:10px;}

#marquee {width:690px;height:22px;overflow:hidden;float:left;}
#marquee .moduleHeader{display:none;}
#marquee  h4{display:none;}
#marquee {font-size:1.1em;font-weight:bold;color:#21205B;line-height:22px;}

#emailToFriend {width:135px;height:22px;overflow:hidden;float:left;position:relative;}
#emailToFriend *{position:relative;}
#emailToFriend .moduleHeader{display:none;}
#emailToFriend .containerPadding{padding-right:10px;}
#emailToFriend p{text-align:right;font-size:1.1em;line-height:22px;}

/* Additional Framework Styles for Modules - Any styles that are used accross multiple modules go below. */
/* #############################################################
		nav.css
   ############################################################# */
/* NAV MODULE SETTINGS */
#navigation  {
	font-size:1.2em;
	line-height:1.5em;
	padding-bottom:10px;
}
#navigation .moduleFooter {
	clear:both;
}
#navigation .moduleHeader {
}
#navigation h3  {
	display:none;
}

/* MAIN NAVIGATION MENU BOX */
#navigation .containerPadding {

}

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

/* MAIN NAV ITEMS */
#navigation li {
	text-align: left;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

#navigation li a, #navigation li .navNoLink {
	display: block;
	 padding: 0px 0px 0px 21px;
	 background:url(/images/nav-bg-sprite.gif) 10px 7px no-repeat transparent;
	text-decoration: none;
}

html>body #navigation li a {
	width: auto;
}

#navigation li a:hover {
	color: #fff;
	background-color:#121149;
	background-position:-150px 7px;
}

#navigation li:hover, #navigation li.sfhover {background-color:#121149;}
#navigation li:hover a, #navigation li.sfhover a {color:#fff;}

/*
SUB NAV LIST 
	Set the width, background, and/or border
*/
#navigation li ul {
	width: 158px;
	margin-left: 158px;
	border: solid 1px #000;
	margin-top: -18px;
	display: block;
	position: absolute;
	left: -9999px;
	height: auto;
	background:#D0D0E4;
}

/* SUB-NAV ITEM */
#navigation li ul li, #navigation li:hover ul li a , #navigation li.sfhover ul li a  {
	color:#0B127B;
}
#navigation li ul li, #navigation li:hover ul li a:hover , #navigation li.sfhover ul li a:hover  {
	color:#fff;
}

/* SUB-NAV ITEM */
#navigation li ul li a{
	background-image:none;
	padding:0px 5px;
}


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

/* #############################################################
		sectional.css
   ############################################################# */
/* ALL SECTIONAL TEMPLATES */
#secRow1 .storySeparator {clear:both;height:20px;}
#secRow1 .separatorLast {visibility: hidden;}
#secRow1 h4 {font-size:1.333em;}
#secRow1 .odd {float:left;clear:right;}
#secRow1 .even {float:right;}
#secRow1 p.storyImage {display: block;float:left;margin:3px 3px 0px 0px;padding:0px;}
#secRow1 .storyLink {display: none;visibility: hidden;font-size: 1px;color: #fff;text-indent: -9999px;}

#secRow2 .storySeparator {clear:both;height:20px;}
#secRow2 .separatorLast {visibility: hidden;}
#secRow2 h4 {font-size:1.333em;}
#secRow2 .odd {float:left;clear:right;}
#secRow2 .even {float:right;}
#secRow2 p.storyImage {display: block;float:left;margin:3px 3px 0px 0px;padding:0px;}
#secRow2 .storyLink {display: none;visibility: hidden;font-size: 1px;color: #fff;text-indent: -9999px;}

#secRow3 .storySeparator {clear:both;height:20px;}
#secRow3 .separatorLast {visibility: hidden;}
#secRow3 h4 {font-size:1.333em;}
#secRow3 .odd {float:left;clear:right;}
#secRow3 .even {float:right;}
#secRow3 p.storyImage {display: block;float:left;margin:3px 3px 0px 0px;padding:0px;}
#secRow3 .storyLink {display: none;visibility: hidden;font-size: 1px;color: #fff;text-indent: -9999px;}



/* #############################################################
		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;  }


/***********************
 Keword Search Results Styles
***********************/
.kewordSearch {width: 100%; text-align:left; padding: 5px;}
.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 0px;}    
.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 0px;}    
.ccV-col-right {width: 20%; float: right; padding: 5px; margin: 0px;}    
.ccV-col-right a {}
.ccArtist {width: 100%; text-align:left; padding: 5px;}            
.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 0px;}
#mainContent .staff img{border:1px solid #484C83;}
.staff-col-top {}
.staff-col-top a {}
.staff-col-left {float: left; padding: 5px 5px 5px 0px; margin: 0px; }
.staff-col-left a {}
.staff-col-mid {float: left; padding: 5px 0px;}    
.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;
}

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

#programmingSchedule h3 {
	padding-top:10px;
}
	

/**************************
 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;
}
/*
*******************************************************
*** END DO NOT MAKE ANY CHANGES TO ANY STYLES BELOW ***
*******************************************************
*/

/* playlist styles */
TABLE.bgcolor1 {background-color:#D0D0E4;}
TD.bgcolor2 {background-color:#ffffff;}
P.Rank {font-family:Arial,Helvetica,sans-serif; color:#000000; font-weight:bold; font-size:42px;}
FONT.SongName {font-family:Arial,Helvetica,sans-serif; color:#555555; font-size:16px; font-weight:bold;}
P.SongInfo {font-family:Arial,Helvetica,sans-serif; color:#555555; font-size:12px;}
A.PlaylistLinks:link {font-family:Arial,Helvetica,sans-serif; color:#0B127B; font-size:11px;text-decoration:none;font-weight:normal;}
A.PlaylistLinks:visited {color:#0B127B;font-family:Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;font-weight:normal;}
A.PlaylistLinks:hover {color:#0B127B;text-decoration:underline; font-weight:normal;font-family:Arial,Helvetica,sans-serif;font-size:11px;}
P.VotePercent {font-family:Arial,Helvetica,sans-serif; color:#FFFFFF; font-size:12px; font-weight:bold;}