I changed the sites style sheet, but the detail view still has a green title background. Below is my stylesheet entry for the news article in my site settings. Example of the green is here.

/* News Articles Custom Styles */
.NormalWhite { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #FFFFFF; }
.articleQuote { font-family: Tahoma, Arial, Helvetica; font-size: 8pt; border-top: solid 1px #999999; border-bottom: solid 1px #999999; }
 
.articleTitle { font-size : 14px; font-weight : bolder; color : #fe8e16; }

.articleTable { background-color: black; margin: 0px; }
.articleTopCell { background-color: #fe8e16; color: white; font-weight: bold; padding: 6px; height: 25px; }
.articleTopCell{ background-color: #fe8e16; color: white; font-weight: bold; padding: 6px; height: 25px; }

.featuredTopCell{ background-color: #fe8e16; color: white; font-weight: bold; padding: 6px; height: 25px; }
.articleContentCell { color: black; padding: 6px; background-color: #ffffff; }
.articleTextCell { color: black; padding: 6px; background-color: #ffffff; }
.articleIconCell { background-color: #D0D0D0; width: 20px; }
.articleFooterCell { color: #FFFFFF; padding: 3px; background-color: #fe8e16; height: 25px; }

.articleTabstrip {
 background: url(images/tab_background.gif) repeat-x bottom; 
 width: 100%;
 padding: 0px 0px 0px 7px;
 line-height: normal;
 
}
  
.articleTabstrip ul {
 padding: 0;
 margin: 0;
 list-style: none;
 }
  
.articleTabstrip li {
 float: left;
 display:inline;
 margin: 0;
 padding: 0;
 
 }
 
.articleTabstrip a {
 font: normal 11px Tahoma, Arial, Verdana, sans-serif; 
 float:left;
 background:url(images/left_both.gif) no-repeat left top;
 margin: 0;
 padding: 0 0 0 4px;
 border-bottom: 1px solid #fe8e16;
 text-decoration: none;
 cursor: hand;
 }
 
.articleTabstrip a span {
 float: left;
 display: block;
 background: url(images/right_both.gif) no-repeat right top;
 padding: 5px 6px 2px 2px;
 font-weight: normal;
 color: black;
 width: 100px;
 text-align: center;
 line-height: normal;
 font: normal 11px Tahoma, Arial, Verdana, sans-serif;
 text-decoration: none;
 }

.articleTabstrip ul li a:visited {
 font: normal 11px Tahoma, Arial, Verdana, sans-serif;
 text-decoration: none;
 color: black;
 }
 
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.articleTabstrip a span {float:none;}
/* End IE5-Mac hack */
 
.articleTabstrip a:hover span {
 color:black;
 }

.articleTabstrip .selected a {
 font: normal 11px Tahoma, Arial, Verdana, sans-serif; 
    background-position: 0 -34px;
    border-width: 0;
 margin-top: -2x;
    }
 
.articleTabstrip .selected a:hover {
    background-position:0 -34px;
    }

.articleTabstrip .selected a:hover span {
    background-position: 100% -34px;
    }  
   
.articleTabstrip .selected a span {
 background-position: 100% -34px;
 padding-top: 3px;
 padding-bottom: 5px;
 /*color:#333;*/
 margin-top: 0px;
 }
   
li.articleTab .selected
 {
 margin-top: 5px;
 }
  
.articleTabstrip a:hover {
 background-position: 0% -32px;
    }

.articleTabstrip a:hover span {
 background-position: 100% -32px;
 }

.articleTabpanel {
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 8px;
 padding-bottom: 20px;
 margin: 0px;
 background-color: #FFFFFF;
 float: none;
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 border-bottom: 1px solid #FFFFFF;
 border-top: 1px solid #FFFFFF;
 }
 
.articleOptionpanel {
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 2px;
 padding-bottom: 2px; 
 margin: 4px;
 margin-bottom: 4px;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 background-color: #FFFFFF;
 float: none;
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 border-bottom: 1px solid #FFFFFF;
 border-top: 1px solid #FFFFFF;
 text-align: center;
 }

DotNetNuke uses an external style sheet ( or CSS ) specification which takes full
advantage of their cascading nature. Essentially this means that DotNetNuke has
multiple external style sheet references on a page – each style sheet reference is
specified in prioritized order so that hierarchical overriding can occur. The
cascading order of style sheets is summarized below ( with each item overriding the
previous items ):

• Modules – styles for custom modules defined in PortalModuleControl.StyleSheet
• Default – default host level styles – default.css
• Skin – skin styles – skin.css or skinfilename.css
• Container – container styles – container.css or containerfilename.css
• Portal – custom styles defined by portal Administrator – portal.css

That is where I have the previously posted styleshee settings. And that worked for everything EXCEPT the detail view of the article. Wasn't until I made the template.css change did it override.

My main concern is getting it working for GymnasticsMedia.com, but in the future be nice to have other portals use the module, but with a different color scheme.