/* browser reset controls */
/******************************************************/
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;}
table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;}
table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;}
body {line-height:1.2;}
:focus {outline:0;}
caption {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
h1, h2, h3, h4, h5, h6, strong {margin:0px; padding:0px; border:0px; outline:0px; font-family:inherit; font-weight:bold;}
font {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-family:inherit;}
em {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:inherit; font-style:italic;}
code {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:"Courier New", Courier, monospace;}
blockquote {padding:0px 15px;}
/******************************************************/
/* end browser reset controls */


/*###############################################################################*/
.footer {clear:both;}
body {background:#FFFFFF url(http://images.radcity.net/6843/4227916.jpg) repeat-x fixed 0 0;font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-bottom:10px;}
input {font-family:Arial, Helvetica, sans-serif;}
/***** Framework Styles *****/
#mosFrameworkContainer {width:600px; margin:auto; text-align:center;}
#mosFramework {width:600px; text-align:left;}
/*** Header Area ***/
#mosFramework #headerContainer .headerRow1 {z-index:10; position:relative;}
#mosFramework #headerContainer .headerRow2 {margin-top:-70px;}

#headerContainer #club {display:none;}width:268px; height:45px; overflow:hidden; margin:-48px 0px 3px 332px; position:relative;}
#headerContainer #club legend {display:none;}
#headerContainer #club input.textInput {display:none;}border:1px solid #000; font-size:10px;}
#headerContainer #club label.emailAddress,
#headerContainer #club label.password {display:none;}display:block; text-transform:lowercase; font-size:9px;}
#headerContainer #club #loginEmailRow {display:none;}float:left; width:125px;}
#headerContainer #club #loginPasswordRow {display:none;}float:left; width:85px;}
#headerContainer #club .submitRow {display:none;}float:left; width:45px; padding-top:12px; clear:right;}
#headerContainer #club #saveLoginRow {display:none;}clear:both; font-size:9px; /*float:right;*/ padding-left:122px; margin-top:-2px;}
#headerContainer #club #loginEmailRow input {display:none;}width:118px; height:11px;}
#headerContainer #club #loginPasswordRow input {display:none;}width:78px; height:11px;}
#headerContainer #club #loginLinks {display:none;}float:left; margin-top:-12px;}
#headerContainer #club #loginLinks p {display:none;}float:left; padding-right:4px; font-size:9px;}
#headerContainer #club #loginLinks p a {display:none;}text-decoration:none; color:#000;}
#headerContainer #club #loginLinks p a:hover {display:none;}color:#e21937;}

/*** Content Area ***/
#mosFramework #contentAreaContainer {clear:both;}
#mosFramework #contentAreaContainer.front {padding:0px 20px; background:url(../images/f-content-bg.gif);}
#mosFramework #contentAreaContainer.inside {background:#fff;font-size:13px;}
#mosFramework #contentAreaContainer .contentAreaLeft {float:left; width:380px; padding-bottom:63px;}
#mosFramework #contentAreaContainer .contentAreaRight {float:right; width:160px;}
#mosFramework #contentAreaContainer #mainContent {padding-bottom:83px; width:560px; margin-left:20px;}
#mosFramework #contentAreaContainer #mainContent a {color:#333;}

/*** Copyright ***/
#mosCopyrightContainer {background:url(../images/g-copyright-bg.gif) repeat-y; font-size:9px; margin-top:-63px; height:63px; float:left;}
#mosCopyrightContainer #copyright {padding:5px 10px;}
#mosCopyrightContainer p {padding:1px 0px;}
#mosCopyrightContainer a {text-decoration:none; color:#000;}
#mosCopyrightContainer a:hover {text-decoration:underline; color:#e21937;}
/*###############################################################################*/


/*###############################################################################*/
/***** Front Content Modules *****/
.contentAreaLeft a, .contentAreaRight a {color:#000;}
.contentAreaLeft a:hover, .contentAreaRight a:hover {color:#e21937;}
.contentAreaLeft .storyLink a, .contentAreaRight .storyLink a {color:#e21937; padding-top:3px;}
/*** Left Content Modules ***/
.contentAreaLeft .moduleContent h4,
.contentAreaLeft .moduleContent h4 a {color:#003e7e; font-size:14px; padding-bottom:4px;}
.contentAreaLeft .moduleContent h4 a:hover {color:#000;}
.contentAreaLeft .moduleContent p {padding-bottom:6px;}
/* Welcome Module */
#welcomeModule {background:url(../images/f-main-entry-bg.jpg) no-repeat; height:130px; overflow:hidden; margin-bottom:10px; font-size:11px;}
#welcomeModule .moduleContainer {color:#fff;}
#welcomeModule .moduleContent .moduleHeader {padding:10px 5px 0px 10px;}
#welcomeModule .moduleContent .entryText {padding:0px 5px 0px 10px;}
#welcomeModule .moduleContent .moduleHeader h2 {font-size:15px; font-weight:normal; padding-bottom:5px;}
#welcomeModule .moduleContent .moduleHeader h2 span {font-weight:bold;}
#welcomeModule .moduleContent a {color:#fff;}
#welcomeModule .moduleContent h3 {font-size:11px;}
#welcomeModule .moduleContent h3 a {text-decoration:none; color:#fff;}
#welcomeModule .moduleContent h3 a:hover {text-decoration:underline;}
#welcomeModule .moduleContent .textContainer {float:left; width:260px;}
#welcomeModule .moduleContent .entryImage {float:left; width:120px;}
#welcomeModule .moduleContent .entryImage img {width:120px;}
/* Main Feature */
#mainFeature .moduleHeader h3 {text-indent:-9999px; display:block; background:url(../images/g-h3s.gif) 0px 0px no-repeat; height:20px;}
#mainFeature .moduleContent {padding:8px 0px 20px 0px;}
#mainFeature .moduleContent h4 a {text-decoration:none;}
#mainFeature .moduleContent h4 a:hover {text-decoration:underline;}
#mainFeature img {float:left; margin:0px 10px 0px 0px;}
/* News */
#news .moduleHeader h3 {text-indent:-9999px; display:block; background:url(../images/g-h3s.gif) 0px -20px no-repeat; height:20px;}
#news .moduleContent {padding:8px 0px 20px 0px;}
#news .moduleContent h4 a {text-decoration:none;}
#news .moduleContent h4 a:hover {text-decoration:underline;}
#news img {margin-bottom:8px;}
#news .moduleContent .story {float:left; width:120px; margin-right:10px; padding-bottom:20px;}
#news .moduleContent .story.entry2,
#news .moduleContent .story.entry5,
#news .moduleContent .story.entry8 {margin-right:0px;}
#news .moduleContent .story.entry3,
#news .moduleContent .story.entry6 {clear:right;}
#news .moduleFooter {clear:both;}

/*** Right Content Modules ***/
.contentAreaRight .moduleContent h4,
.contentAreaRight .moduleContent h4 a {color:#e21937; font-size:11px; padding-bottom:2px;}
.contentAreaRight .moduleContent h4 a:hover {color:#000;}
.contentAreaRight .moduleContent p {padding-bottom:2px;}
/* Latest News */
#latestNews .moduleHeader h3 {text-indent:-9999px; display:block; background:url(../images/g-h3s.gif) 0px -40px no-repeat; height:20px;}
#latestNews .moduleContent {padding:8px 0px 20px 10px;}
#latestNews .moduleContent h4 a {text-decoration:none;}
#latestNews .moduleContent h4 a:hover {text-decoration:underline;}
#latestNews img {margin-bottom:8px;}
#latestNews .moduleContent .story {padding-bottom:10px;}
#latestNews .moduleFooter {clear:both;}
/* Music Channels */
#musicChannels .moduleHeader h3 {text-indent:-9999px; display:block; background:url(../images/g-h3s.gif) 0px -60px no-repeat; height:20px;}
#musicChannels .moduleContent {padding:8px 0px 10px 20px;}
#musicChannels .moduleContent h4 a {text-decoration:none;}
#musicChannels .moduleContent h4 a:hover {text-decoration:underline;}
#musicChannels .moduleContent ul {list-style:none; line-height:15px;}
#musicChannels .moduleContent ul li {width:160px; margin-left:-20px;}
#musicChannels .moduleContent ul li:hover {background:url(../images/f-musicchannel-li-hover.gif) repeat-x;}
#musicChannels .moduleContent ul li a {text-decoration:none; padding-left:20px; line-height:15px; width:160px;}
#musicChannels .moduleContent ul li a:hover {color:#000;}
#musicChannels .moduleFooter {clear:both;}
/* Events */
#events .moduleHeader h3 {text-indent:-9999px; display:block; background:url(../images/g-h3s.gif) 0px -80px no-repeat; height:20px;}
#events .moduleContent {padding:8px 0px 50px 10px;}
#events .moduleContent h4 a {text-decoration:none;}
#events .moduleContent h4 a:hover {text-decoration:underline;}
#events .moduleContent ul {list-style-position:inside;}
#events .moduleContent ul li {padding:2px 0px;}
#events .moduleFooter {clear:both;}
/* Newsletter Sign Up */
#newsletterSignup .moduleHeader h3 {text-indent:-9999px; display:block; background:url(../images/g-h3s.gif) 0px -100px no-repeat; height:20px;}
#newsletterSignup .moduleContent {padding:2px 10px 10px 10px; background:url(../images/f-nl-signup-bg.jpg) no-repeat bottom left; color:#fff;}
#newsletterSignup .moduleContent h4 a {text-decoration:none;}
#newsletterSignup .moduleContent h4 a:hover {text-decoration:underline;}
#newsletterSignup .moduleContent p {padding-bottom:5px;}
#newsletterSignup .moduleContent input.textInput {width:120px; height:12px; font-size:10px; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px;}
#newsletterSignup .moduleFooter {clear:both;}
/*###############################################################################*/


/*###############################################################################*/
/* navigation */
#navigation {text-transform:uppercase; background:url(../images/g-nav-bg.jpg) no-repeat; height:40px;}
#navigation #navigationLinks {border:none; width:500px; margin:0px 50px;}
#navigation ul {list-style-type:none; background:url(../images/g-nav-divider.gif) no-repeat left top; height:20px; width:auto;}
#navigation ul li {position:relative; float:left; display:block; background:url(../images/g-nav-divider.gif) no-repeat right top; line-height:20px; text-transform:uppercase;}
#navigation ul li a, #navigation ul li .navNoLink {color:#fff; display:block; padding:0px 17px 0px 15px; text-decoration:none;} 
#navigation ul li.first a {background:url(../images/g-nav-divider.gif) no-repeat left top;}
#navigation ul li a:hover, #navigation li:hover .navNoLink, #navigation li.sfhover .navNoLink {color:#fff; text-decoration:underline;}
#navigation ul li a.vip {background:url(../images/g-nav-viptag.gif) no-repeat 0px 7px; margin-left:15px;}
#navigation .menuItem {border:none !important;}

/*
SUB NAV LIST 
     Set the width, background, and/or border
*/
#navigation ul li ul {width:120px; margin-top:0px; margin-left:-1px; display:block; position:absolute; left:-9999px; height:auto; font-size:10px; background:#bcbcbc; padding:5px 0px;}
#navigation ul li ul li {padding:3px 0px; line-height:1.1em; display:block; float:none; font-family:Arial, Helvetica, sans-serif; text-transform:none; background:none;}
#navigation ul li ul li.first a {background:none;}
#navigation ul li ul li a {text-decoration:none; border:none; color:#000;}
#navigation ul li ul li a:hover {color:#e21937; text-decoration:none;}
/* YOU SHOULD NOT HAVE TO EDIT ANY OF THE STYLES BELOW */

#navigation ul li:hover, #navigation ul li.sfhover { position:static; } /* This is a fix for the IE7 Sticky menu bug */
#navigation ul li:hover ul ul, #navigation ul li:hover ul ul ul, #navigation ul li.sfhover ul ul, #navigation ul li.sfhover ul ul ul {left:-9999px; z-index:501;}
#navigation ul li:hover ul, #navigation ul li li:hover ul, #navigation ul li li li:hover ul, #navigation ul li.sfhover ul, #navigation ul li li.sfhover ul, #navigation ul li li li.sfhover ul {left:auto; z-index:501;}

/* Support for the "iehover-fix.js" */
#navigation 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 ul li { z-index: 501; }
/* this is for IE 5.0
     select.hide { visibility: hidden; }
/* End Support for the "iehover-fix.js" */

/*#########################################################################################*/


/*#########################################################################################*/
/***********************
 GENERAL HELPER STYLES
***********************/
.hidden {display: none; visibility:hidden; width:0px; height:0px;}

/*********************
 GENERAL STYLES
*********************/

/* PAGE TITLE */
#mainContent .moduleHeader {background:url(../images/i-page-title-bg.gif) no-repeat; margin-bottom:10px; border-bottom:1px solid #fff;}
#mainContent .moduleHeader h2 {font-size:15px; text-transform:uppercase; padding:2px 20px; color:#333;}


/* MAIN TEXT AND HEADERS */
#mainContent p {padding:3px 0px;font-size:13px;} 
#mainContent h1, #mainContent h1 a {font-size:15px; font-weight:bold; color:#e21937; padding-bottom:4px;}
#mainContent h2, #mainContent h2 a {font-size:14px; font-weight:bold; color:#003e7e; padding-bottom:3px;}
#mainContent h3, #mainContent h3 a {font-size:13px; font-weight:bold; color:#003e7e; padding-bottom:3px;}
#mainContent h4, #mainContent h4 a {font-size:12px; font-weight:bold; color:#003e7e; padding-bottom:2px;}
#mainContent h5, #mainContent h5 a {font-size:11px; font-weight:bold; color:#e21937; padding-bottom:2px;}
#mainContent h6, #mainContent h6 a {font-size:10px; font-weight:bold; color:#e21937; padding-bottom:1px;} 

/* CONTENT AREA LINKS */
#mainContent a {color:#e21937;}
#mainContent a:hover {color:#000;}
#mainContent a:visited {color:#e21937;}

/* IMAGES */
#mainContent img { border: none 0px #fff; }

/* MISC TEXT CLASSES */
#mainContent .smallText {font-size:9px;}
#mainContent .Headline {font-size:12px;} /* SAME AS H3 - Legacy Inside Pages Code */
#mainContent .Text {font-size:10px;} /* SAME AS BODY - Legacy Inside Pages Code */

/* LISTS */
#mainContent ul.inline li {
     display: inline;
}
#mainContent ul, #mainContent ol {list-style-position:inside;} /* Optional for Custom List Styles */
#mainContent li { } /* Optional for Custom List Styles */


/*********************
 ARTICLE PAGE
*********************/

.standFirst {font-size:11px; font-weight:bold;}

/* RELATED LINKS */
#relatedLinksInsert {padding:5px; float:left; width:165px; text-align:left;}
#relatedLinksInsert .moduleContainer {background-color:#CCC; border:1px solid #F00;}

/* 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:8px 0px 0px 0px; text-align:left;}

/*********************
 FORM STYLES
*********************/
select {font-family:Arial, Helvetica, sans-serif; font-size:10px;} /* This style applies to all dropdown menus. */
input {font-family:Arial, Helvetica, sans-serif; font-size:10px;} /* Only specify font face, size and color. This applies to all buttons, single line text boxes (input fields), checkboxes, and radio buttons. */
.textBox {font-family:Arial, Helvetica, sans-serif; font-size:10px;} /* Single-Line textboxes background and border colors */
button, .button {font-family:Arial, Helvetica, sans-serif; font-size:10px;}
textarea {font-family:Arial, Helvetica, sans-serif; font-size:10px;} /* This style applies to all multi-line comment areas. */
#mainContent .submitbutton {font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#mainContent .warningMessage {font-size:12px; 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: #000; font-size: 13px; } /* Just set a default text color and size */

/************************
 FORMATTED TABLES
*************************/
#mainContent table.formattedTable {background:#b3b5b8; margin:5px 0px;} /* Background color or borders */
#mainContent table.formattedTable th, table.formattedTable th a {background:#363636; color:#fff; font-size:11px;} /* Header cells and Header Font Info */
#mainContent table.formattedTable td {} /* Table body cells and body font info */
#mainContent table.formattedTable td a {} /* Table body links */
#mainContent table.formattedTable tr.rowOdd {background:#fff;} /* Table Odd Row for a separate background-color for every other row */
#mainContent table.formattedTable tr.rowEven {background:#d1d4d5;} /* 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: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: #000; color:#fff; } /* Background, Border, and Text color only */
.CellBackground1 { background-color: #d1d4d5; } /* 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, #mainContent .calendarTable td a, #mainContent .calendarTable th  {text-align:left;}
#mainContent .calendarTable td.calendarDayCell {padding:5px 20px 15px 5px; background:#dbdedf; border:1px solid #b3b5b8; color:#000; text-align:left;} /* Specify something to overwrite CellBackground0 */
#mainContent .calendarTable td.calendarEmptyDay {text-align:left;}
#mainContent .calendarTable td.calendarDayViewed {text-align:left;} /* Specify something to overwrite CellBackground1 */
#mainContent .calendarTable td.calendarCurrentDate {padding:5px 20px 15px 5px; text-align:left; background:#e21937; color:#fff;}
#mainContent .calendarTable td.calendarCurrentDate a {color:#fff;}

/*********************
 SEPARATOR STYLES
*********************/
hr {border-top:1px solid #bfc1c4; height:1px; overflow:hidden;}
.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 !! */}
#mainContent .formRowMultiFields img { /* Used for Captcha */ padding:0px;}
#mainContent label.spanWidth {width:auto; display:block; text-align:left;}
#mainContent label.inline {float:none; display:inline; width:auto; text-align:auto;}
#mainContent .formRowSubmit {margin-left: 153px; /* Probably the width of the label */}
#mainContent .EmailForm label {width:80px;}

/*********************
 ALIGNMENT STYLES
*********************/
.alignLeft, .alignleft {float:left; margin:0px 10px 2px 0px;}
.alignCenter, .aligncenter { text-align: center; }
.alignRight, .alignright {float: right; margin:0px 0px 2px 10px;}
#articleAdInsert.aligncenter #relatedLinksInsert, #articleAdInsert.alignCenter #relatedLinksInsert { margin: auto; }
#mainContent img.noFormat { border: none 0px; margin: 0px; }
/*#########################################################################################*/

.subscribeTools {padding-bottom:10px;}

/* ALL SECTIONAL TEMPLATES */
.sectional hr {display:none; /*border-top:1px solid #ccc; height:1px; margin:10px 0px;*/}
.sectional {position:relative;}
.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;}
.sectional .storySeparator {clear: both; height:15px;}
/* The Last Story Separator */
.sectional .separatorLast {visibility: hidden;}

/************************/
/* SECTIONAL TEMPLATE 2 */
/************************/
/* Top Story */
.secTemplate2 .entry1 .storySeparator hr {display: none;}
.secTemplate2 .entry1 {position:relative; width:100%;}
.secTemplate2 .contentSeparator hr {visibility: hidden;}
.sectional .CellBackground0 {background:#dbdedf; border:1px solid #b3b5b8; color:#000; margin-bottom:15px;}
.sectional .CellBackground0 img {}
.sectional .CellBackground0 .storySeparator {display:none;}

/************************/
/* SECTIONAL TEMPLATE 3 */
/************************/
/* Container for the Top 3 Entries */
.secTemplate3 .secTop {}
/* Container for First Half of the bottom Entries */
.secTemplate3 .secBottomFirstHalf {display: block; width:265px; 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:260px; float:right;}










