/********************************************
   HTML ELEMENTS
********************************************/ 
body {
	margin: 0px;
}




/* Background  */

.bgroundGeneral {
	background: #D9D9D9; /* don't forget to make match this background color with the rightSeparator & footerSeparator classes */
}




/* START ALL DIV BOXES  */


#top {width:100%; background-color:#FFFFFF;}

#header {float:left; width:100%; background-color:#FFFFFF; margin:0px}

#menu {float:left; width:100%; background-color:#FFFFFF; border-bottom:5px solid #666633;}

	/* MENU IS DIVIDED INTO 2 BOXES: 1 MENU HOMEPAGE & 2 MENU INDEX */

	/* 1. ALL HOMEPAGE  ITEMS*/

#menuHomepage {float:left; background-color:#994455;}

#menuHomepageTD {width:120px; height:28px; background-color:#FFFFFF; padding:1px;}

#menuHomepageTD :hover {background-color:#70704D;}

#menuHomepageContent {width:120px; height:23px; font-size:11px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none;	text-align:center;	padding-top:5px;}

#menuHomePageSeparator {float:left; width:1px; height:30px; background-color:#ADAD9F;}

.menuHomepageLink {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal;	text-decoration: none;}

.menuHomepage a:hover {text-decoration: underline; color: #FFFFFF;}


	/* 2. ALL MENU INDEX ITEMS*/

#menuIndex {float:left; background-color:#FFFFFF;}

#menuIndexTD {float:left; width:auto; height:28px; background-color:#FFFFFF; padding:1px;}

#menuIndexTD :hover {background-color:#70704D;}

#menuIndexContent {width:120px; height:23px; font-size:11px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none; text-align:center;	padding-top:5px;}

#menuIndexSeparator {float:left; width:1px;	height:30px; background-color:#ADAD9F;}

.menuIndexLink {font-family: Arial, Helvetica, sans-serif; font-size: 10px;	color: #000000;	font-weight: normal; text-decoration: none;}

.menuIndexLink a:hover {text-decoration: underline;	color: #FFFFFF;}


	/* ALL BREADCRUMB MENU ITEMS*/


#menuBreadSeparator {float:left; width:16px; height:10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC3300; font-weight: bold; text-align:center;	vertical-align:middle;}

#menuBreadTD {float:left; width:auto; height:28px; background-color:#FFFFFF; padding:1px;}

.menuBreadLink {font-family: Arial, Helvetica, sans-serif; font-size: 11px;	color: #CC3300;	font-weight: bold; text-decoration: underline;}

.menuBreadLink a:hover {text-decoration: underline;	color: #333333;}

.menuBreadLinkSel {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: bold; text-decoration: underline;}/* used when sub-categorie is selected*/




	/* ALL SUB MENU ITEMS */

#submenu {float:right; width:100%; height:30px; background-color:#D9D9D9;}

.subMenuLink {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666633; font-weight: bold; text-decoration: none;}

.subMenuLink a:hover {color: #333333; text-decoration: none;}


#middle {width:980px; clear:left; margin:0px auto;}


	/* BREAKING NEWS - ONLY FOR GLOBAL INDEX */

#breaking {float:left; margin-top:30px;	width:inherit;}

#breakingTop {clear:left; width:980px; height:6px; background-image: url(images/breaking/top.png); background-repeat:no-repeat;}

#breakingMidLeft {float:left; width:140px; background-image: url(images/breaking/middle.png); height:36px; padding: 14px 10px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14; color:#000000; font-weight:bold;
}

#breakingMidRight {float:left; width:800px; background-image: url(images/breaking/middle.png); height:40px; padding: 10px 10px 0px 10px;}

#breakingBot {clear:left; width:980px; height:6px; background-image: url(images/breaking/bot.png); background-repeat:no-repeat;}


/* TICKER BOX  */

.boxTicker {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	width: 780px;
	height:30px;
	padding: 0px 5px 0px 5px;
	background-color: #FFFFFF;
	margin-bottom: 1em;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
	-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
	border: 1px solid #333300;
}

.rssdate{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}






	/* BREADCRUMB - FOR ALL OTHER PAGES */

#breadcrumb {float:left; margin-top:30px; width:inherit;}

#breadcrumbTop {clear:left; width:980px; height:6px; background-image: url(images/breadcrumb/top.png); background-repeat:no-repeat;}

#breadcrumbMid {clear:left; width:960px; background-color:#FFFFFF; height:30px; padding: 10px 10px 0px 10px;}

#breadcrumbBot {clear:left;	width:980px; height:6px; background-image: url(images/breadcrumb/bot.png); background-repeat:no-repeat;}



	/* ALL CONTENT CLASSES*/

	/* 1. CONTENT  ITEMS*/
	
#content {clear:left; background-color:#FFFFFF;}

#main {float:left; width:640px; margin-top:10px; padding:8px 8px 8px 8px; background-color:#FFFFFF;}

#ticker {float:left; width:640px; border:1px solid #EEEEEE; background-color:#FFFFFF; margin-bottom:15px;}

#flvplayer {float:left; width:640px; border:1px solid #EEEEEE; background-color:#FFFFFF; margin-bottom:15px;}

#rssfeed {clear:left; width:620px; background: #FFFFFF; padding:0px 10px 0px 10px; text-align:right; vertical-align:middle;}


	/* 2. RIGHT  ITEMS*/

#right {float:left; width:316px; margin:10px 0px 0px 8px; background-color:#FFFFFF;}

#rightAds {clear:left; width:298px; height:248px; margin:8px 8px 8px 8px; background-color:#FFFFFF;}

#rightSeparator {clear:left; height:10px; background: #D9D9D9;}

#rightTv {clear:left; width:298px; height:510px; margin:8px 8px 8px 8px; border:1px solid #CCCCCC; background-color:#FFFFFF;}

#rightMixtapeContent {clear:left; width:298px;	margin:8px 8px 8px 8px; background-color:#FFFFFF;}


#rightTitle {clear:left; width:288px; height:25px; padding:5px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14; color:#CC3300; font-weight:bold; border-bottom:1px solid #CCCCCC;}

#rightLink {clear:left; height:20px; padding:5px 10px 0px 10px; background: #FFFFFF; text-align:right}

.textRightLink {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC3300; font-weight: normal; text-decoration: underline;}

.textRightLink a:hover {color: #333333; text-decoration: underline;}


#rightMixtape {
	clear:left;
	width:298px;
	height:80px;
	margin:8px 8px 8px 8px;
	border:1px solid #CCCCCC;
    background-color:#FFFFFF;
}



#rightContent {
	clear:left;
	width:298px;
    background-color:#FFFFFF;
}





#rightBarometre {
	clear:left;
	width:298px;
	height:520px;
	margin:8px 8px 8px 8px;
	border:1px solid #CCCCCC;
    background-color:#FFFFFF;
}



.baroName{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.baroName a:hover{
	color: #333333;
	text-decoration: underline;
}


.baroUp{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #66CC00;
	font-weight: bold;
	text-decoration: none;
}

.baroDown{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CC3300;
	font-weight: bold;
	text-decoration: none;
}

.baroRight{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}




#footerSeparator {
	clear:left;
	height:10px;
	background: #D9D9D9;
}


#footer {
    clear:left; 
	width:980px;
    background-color:#FFFFFF;
	margin:10px auto;
}




/* RSS BOX  */

.lineRss {
  border-bottom:1px dashed #A9A993;
  border-top:1px dashed #A9A993;
  border-left:1px dashed #A9A993;
  border-right:1px dashed #A9A993;
}





























/* Titles  */

.titleArticle{
	font-family: Verdana;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

.titleArticle a:hover {
	color: #333333;
	text-decoration: underline;
}


.titleCategory {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
	text-decoration: none;
}

.titleCategory a:hover {
	color: #999999;
	text-decoration: underline;
}


.readArticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC3300;
	font-weight: normal;
	text-decoration: none;
}

.readArticle a:hover {
	color: #333333;
	text-decoration: underline;
}


.otherLink {font-family: Arial, Helvetica, sans-serif; font-size: 11px;	color: #CC3300;	font-weight: normal; text-decoration: none;}

.otherLink a:hover {color: #333333;	text-decoration: underline;}

.otherLinkB {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC3300; font-weight: bold; text-decoration: none;}

.otherLinkB a:hover {color: #333333; text-decoration: underline;}


/* TEXTS  */

.textLarge{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}

.textLargeB{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}


.textLargeLink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC3300;
	font-weight: mormal;
	text-decoration: none;
}

.textLargeLink a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}


.textLargeBLink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC3300;
	font-weight: bold;
	text-decoration: none;
}

.textLargeBLink a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}


.textSmall{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}

.textSmall a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}




.textSmallLink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
	text-decoration: none;
}

.textSmallLink a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
	text-decoration: underline;
}


.textSmallBLink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #993300;
	font-weight: bold;
	text-decoration: none;
}

.textSmallBLink a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}



.textSmallB{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}





.lineDashed {
  border-bottom:1px dashed #CCCCCC;
}




/* FOOTER STYLES  */

.textFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}

.textFooter a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}

.textFooterB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

.textFooterSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}

.textFooterSmall a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}


/* HEADER STYLES  */




.sloganHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}