body {margin: 0; background: #000; font-family: trebuchet MS, arial, verdana; font-size: 10pt; line-height: 1.5;}
#leaderboard_ad_top {padding: 4px; width: 960px; background-color: #ccc; }


#corpHeader {width: 960px; background: #ccc url(/images/header-back-gray.gif) repeat-x; padding: 4px; border-bottom: 1px solid #333; color: #333; text-align: right; font-size: 8pt;}
#corpHeader ul {list-style: none; margin: 0; padding: 0; border: none; }
#corpHeader li { display: block; margin: 0; padding: 0; width: auto; }
#corpHeader a {color: #666;}

#logoHeader {width: 968px; height: 165px; background: #000 url(/images/header-back-carbon.gif) repeat-x; padding: 0; text-align: center;}


div.siteNav {margin-right: auto; margin-left: auto; width:960px; color: #333; text-align: center; background: #ccc url(/images/header-back-gray.gif) repeat-x; padding: 6px; font-family: Arial, Tahoma,trebuchet MS, arial, verdana; font-size: 13px;}
div.siteNav A:link {color: #333; text-decoration: none;}
div.siteNav A:visited {color: #333; text-decoration: none;}
div.siteNav A:hover {color: #000; text-decoration: underline;}
div.siteNav A:active {color: #333; text-decoration: underline;}
div.siteNav span {background-image: url(/images/site-nav-divide.gif); background-position: left; background-repeat: no-repeat; padding-left: 12px;  margin-left: 3px;  }
div.siteNav td.left {background-image: url(/images/header-back-gray.gif); margin: 9px;  vertical-align: middle; text-align: left;}
div.siteNav td.right {background-image: url(/images/header-back-gray.gif); margin: 9px;  vertical-align: middle; text-align: right;}

#mainBody {width: 960px; background: #fff; color: #333; text-align: left; font-size: 10pt; padding: 5px;}

#mainBodyCenter {float: left; width: 610px; max-width: 610px; width: expression(this.width > 609 ? 609 : true); background: #fff; color: #333; text-align: left; font-size: 10pt; margin-left: 3px;}

#mainBodyLeft {float: left; width: 160px; padding: 5px; background: #990000; color: #fff; text-align: left; font-size: 10pt;}

#mainBodyLeft a {color: #ffffff; text-decoration: none;}
#mainBodyLeft a:hover {text-decoration: underline;}
#mainBodyRight a {color: #ffffff; text-decoration: none;}
#mainBodyRight a:hover {text-decoration: underline;} 

#mainBodyRight {float: left; width: 160px; padding: 5px; background: #990000; color: #fff; text-align: left; font-size: 10pt; margin-left: 2px;}

#mainFrame {margin-right: auto; margin-left: auto; width: 972px;}

#mainAdsRight {float: right; width: 160px; padding-left: 5px;}

#mainAdTop {width: 968px; text-align: center; padding-bottom: 5px;}

#mainFooter {width:960px; color: #ffffff;}
#mainFooter a {color:#ffffff;}

#holdertopwidget { border-top: none;}
#topwidgetContent { border-top: none; }
#topwidgetContent .widgetFrameContent {  background: #111B59;border-left: 1px #000000 solid;border-right: 1px #000000 solid;border-bottom: 1px #000000 solid; }
.Features { background-image: url(images/features_top.jpg);}
.Morenews { background-image: url(images/more_news_top.jpg);}
.Events { background-image: url(images/events_top.jpg); }

#Features_Tab .tabContent {background-image: url(images/FeaturesNonactive.jpg); background: #111B59;  }
#Events_Tab .tabContent { background-image: url(images/morenewsNonactive.jpg); background: #111B59;  }
#Morenews_Tab .tabContent {background-image: url(images/eventsNonactive.jpg); background: #111B59; }

#topwidgetTabs TD { border-bottom: 1px #000000 solid;   border-left: none; border-right: none;font-family:arial,arial,helvetica,sans-serif; font-size: 9px; font-weight: bold; color: #ffffff; }
#topwidgetTabs .tabActive { border-bottom: none; }
#topwidgetTabs .tabActive .tabContent { background: #494949; height: 19px; line-height: 19pt; vertical-align: middle; color:  #ffffff; cursor: default;  }
#Features_Tab .tabContent DIV {background-image: url(images/FeaturesNonactive.jpg); text-align: center; height: 16px; line-height: 16px; vertical-align: middle; }
#Morenews_Tab .tabContent DIV {background-image: url(images/morenewsNonactive.jpg); text-align: center; height: 16px; line-height: 16px; vertical-align: middle; }
#Events_Tab .tabContent DIV {background-image: url(images/eventsNonactive.jpg); text-align: center; height: 16px; line-height: 16px; vertical-align: middle; }
#topwidgetTabs .featuresActive { border-bottom: none; }
#topwidgetTabs .featuresActive .tabContent { background: #494949; height: 19px; line-height: 19pt; vertical-align: middle; color:  #ffffff; cursor: default;  }
#topwidgetTabs .featuresActive .tabContent DIV {background-image: url(images/Featuredtabactive.jpg); text-align: center; height: 19px; line-height: 19px; vertical-align: middle; }
#topwidgetTabs .moreActive { border-bottom: none; }
#topwidgetTabs .moreActive .tabContent { background: #494949; height: 19px; line-height: 19pt; vertical-align: middle; color:  #ffffff; cursor: default;  }
#topwidgetTabs .moreActive .tabContent DIV {background-image: url(images/morenewstabactive.jpg); text-align: center; height: 19px; line-height: 19px; vertical-align: middle; }
#topwidgetTabs .eventsActive { border-bottom: none; }
#topwidgetTabs .eventsActive .tabContent { background: #494949; height: 19px; line-height: 19pt; vertical-align: middle; color:  #ffffff; cursor: default;  }
#topwidgetTabs .eventsActive .tabContent DIV {background-image: url(images/eventstabactive.jpg); text-align: center; height: 19px; line-height: 19px; vertical-align: middle; }
#topwidgetTabs .tabContent, #topwidgetTabs .tabContent DIV { text-align: center; height: 16px; line-height: 16px; vertical-align: middle; }
#topwidgetTabs .tabContent { border: 1px #000000 solid;  border-bottom: none; cursor: pointer; }
#topwidgetTabs .tabHover { color:  #ffffff; }
#topwidgetTabs .tabActive .tabHover { color:  #ffffff; }
#topwidgetTabs .wfControls { padding-top: 3px; position: relative; }
#topwidgetTabs .wfControls .control { display: none; margin: 0px 12px; cursor: pointer; } 
#topwidgetRotate { position: absolute; width: 110px; display: none; top: 2px; left: 36px; right: 4px; }
#topwidgetRotate DIV { line-height: 12px; padding: 0px 2px; background: #efefef; border: none; border-bottom: none; cursor: pointer; }
#topwidgetrotate2 { z-index: 100; display: none; position: relative; top: -27px; }
#topwidgetRotate .button { position: absolute; top: 0px; left: 96px; z-index: 101; }
#topwidgetRotate .hover { color:  #ffffff; }
#topwidgetTabs .wfShadow {border-top: #000000 solid; padding: 0px; height: 3px; }

a.slinks:link  {color: #ffffff; text-decoration: underline; }
a.slinks:active  {color: #ffffff; text-decoration: underline; }
a.slinks:visited {color: #ffffff; text-decoration: underline; }
a.slinks:hover  {color: #ffffff; text-decoration: none; }

div#indexLeftColumn {float:left;width:49%;margin-right:1%;}
div#indexRightColumn {float:left;width:49%;margin-left:1%;}
div.headline {background-color:#cccccc;padding:5px;}
div.headline h3 {color:#990000;display:inline;}
div#indexHeadlines td a {display:block;color:#990000;font-size:medium;font-weight:bold;}
div#indexHeadlines td a.summaryLink {font-size:small;text-decoration:underline;display:inline;color:blue;font-weight:normal;}
div#indexHeadlines img {max-width:125px; 
                        width: expression(this.width > 124 ? 124 : true);
                        max-height:125px;
                        height: expression(this.height > 124 ? 124 : true); }

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/* Common CSS for all sites and pages. */
/* Site specific CSS should be in the media/$site_id/css/site.css file. */

/*********************************************************
 * Clearing after floats fix                             *
 * http://www.positioniseverything.net/easyclearing.html *
 *********************************************************/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {	display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
