/* This CSS file is intended for rules to suppliment and override the universal.css central css file.

   SECTION: Hot Topics
   LOCAL:   Climate Change 
   
   		####### VERSION CONTROL INFORMATION #######
		####### Do not hand edit this area  #######
		####### $Revision: 1.13 $
		####### $Date: 2006/12/06 11:39:02 $
		####### $Author: matthews $

   Please note that many of these rules are echoed in the universal.css which contains many of the same declarations.
   The declarations in this file are mostly for colour (ie. not global) settings.
   
   It is divided into sections as follows:
   
   BBC Barley rules
   -------------------
   This is for rules controlling BBC Barley classes (top search area, date, crumb, left nav and footer).    
   
   Global page elements and navigation
   -----------------------------------
   This is for rules that apply globally to truthaboutfood. Things like body, p, h1 and some defined classes. Also covers top nav bar, bottom nav and crumbtrail.
   
   Main page content area
   -------------------------
   This is for rules that apply to the elements that make up the main (middle content) section.
   
   Sub nav
   -----------------   
   This is for rules for the sub (currently right-hand) nav
   
*/

/*###############################################################*/
/*############## START: BBC Barely rules ########################*/


/* START: top left date */

td.bbcpageToplefttd { background-color: #000000;  }

    /* date */
    font.bbcpageToplefttd { color:#ffffff; }
    
    /* Accessibility help/Text only links */
    font.bbcpageToplefttd a.bbcpageTopleftlink{ color:#ffffff; }

/* END: top left date */




/* START: top left nav crumb */    

    td.bbcpageCrumb	{ background: #000000; }
	
    /* this includes BBC Homepage link */    
	.bbcpageCrumb a:link,
	.bbcpageCrumb a:visited,
	.bbcpageCrumb a:hover,
	.bbcpageCrumb a:active
	{ color: #FFFFFF; }	

	
/* END: top left nav crumb */



/* START: left nav  */

    /* top para */
	td.bbcpageLocal p { color: #FFFFFF; }
    
    /* top para links */
	td.bbcpageLocal p a:link,
	td.bbcpageLocal p a:visited,
	td.bbcpageLocal p a:active
	{	color: #FFFFFF;	}	
   
    /* left nav links */
	td.bbcpageLocal ul a:link,
	td.bbcpageLocal ul a:visited,
	td.bbcpageLocal ul a:active
	{	color: #FFFFFF;	}
    
    /* left nav links - Hover, and "you are here" location highlighting */
	td.bbcpageLocal ul a:hover,
	td.bbcpageLocal ul .scinatlocalclimatecha a,  /* #### change this to highlight your local area ####  */
	td.bbcpageLocal ul .scinatlocalclimatecha a:visited
	{
		background-color: #FFFFFF;
		color: #000000;
	}
	
	/* Link to this page heading */
    td.bbcpageServices
	{ color: #FFFFFF; }
	
    /* Contact Us / Send to a friend links */
	td.bbcpageServices a:link,
	td.bbcpageServices a:visited,
	td.bbcpageServices a:hover,
	td.bbcpageServices a:active
	{ color: #ffffff; }
    
/* END: left nav  */



/* START: footer definitions */

	.bbcpageFooter
	{   color: #FFFFFF;	}
    
	.bbcpageFooter a:link,
	.bbcpageFooter a:visited,
	.bbcpageFooter a:hover,
	.bbcpageFooter a:active
	{	color: #FFFFFF;	}
    
/* END: footer definitions */


/*############## END: BBC Barley rules ##########################*/
/*###############################################################*/




/*###############################################################*/
/*######### START: Global page elements and navigation ##########*/

/* START: html elements */  

    body {   background: #000000 url('/staticarchive/5fcf516cabe52ddb914e5c9144032db63e899dad.gif') repeat-y top left;	}
    
	    
    h1  {   color: #FFFFFF;  }         
 
 /* END: html elements */
 
 
 
 /* START: classes and ID's */ 
   
    .popup #terms
    {    	
    	color: #FFFFFF;    	
    }
    
    .popup #terms a:link,
    .popup #terms a:visited,
    .popup #terms a:hover,
    .popup #terms a:active
	{	color: #FFFFFF;    }
	
	h1.popup {
		margin-bottom: 10px;
	}
    
    .mediabox 
	{  	border: #000 1px solid;  }
    
    .imgbox 
	{
    	border: #000 1px solid;
    	background-color: #FF0000;    	
    }
    
    dl.left { float: left; margin: 10px; }
    dl.center { width: auto; margin: 10px 0 10px 0; }
    dl.right { float: right; margin: 10px; }
    dl.image
	{	
    	border: 1px solid #6B6963;
    	background-color: #DEDBD6;
    } 
	.shortdesc {
		margin: 0px;
		font-size: 1.1em;
	} 
	.longdesc {
		margin: 10px 0 0 0;
		color: #FFF;
	} 
    
/* END: classes and ID's */

  
    
/* START: GLOBAL NAV (/sn/includes/globaltopnav.ssi) banner navigation rules */

	
	/* -- Normal State Global Nav Tab -- */
    .navcontainer 
	{
		background-color: #000000;
		background-image: url(/staticarchive/d119e2d98ce72ac1748a8c569b94a755f6405aa6.gif);
	}
	.navcontainer a {
	color: #000000;
	}
    
    
    /* -- Hover and Selected State Global Nav Tab -- */
    .navcontainer a:hover,
	.navcontainer td:hover,
	a.scinatglobalhottopics
	{
		background-color: #FFF;
		color: #000;
	}
    
    /* -- Use this class to control the leftmost tab - ie. to put a left border on */	
	
	/* global nav specific coloured curve graphic */
	.globalcurve {
		background-image: url(/staticarchive/e357bd00e8ff8e853ef55cc088915efb751995ab.gif);		
	}

	.globalcurve a:hover {
		background-image: url(/staticarchive/e357bd00e8ff8e853ef55cc088915efb751995ab.gif);		
	}
	
	
	
	/* gloabl nav background image */
	.toptabs {
		background-image: url(/staticarchive/d119e2d98ce72ac1748a8c569b94a755f6405aa6.gif);
	}
	
 /* END of GLOBAL NAV (/sn/includes/globaltopnav.ssi) banner navigation rules */
	
/* START: MAIN HEADING */	
	
		/* MAIN HEADING sits inside crumbtrail div */
    	div#crumbtrail h1
    	{
    		font-weight: bold;   	
    	}
    	
/* END: MAIN HEADING */

/* START: crumbtrail definitions */
    	
    
        /* crumbtrail text/dividers */
		div#crumbtrail
		{			
			background: #000;
			color: #FFFFFF;	
			height: 48px;
			padding: 0;
			margin: 7px 10px;
		}
		
		
		
        /* crumbtrail links */
		#crumbtrail a:link,
		#crumbtrail a:visited,
		#crumbtrail a:hover,
		#crumbtrail a:active
		{
			color: #FFFFFF;
			font-family: Verdana, helvetica, sans-serif;
		 }
		
        /* crumtrail final heading (page heading) */
        #crumbtrail h1{
            color: #ffffff;
            margin-top: 3px;
        }
        
        
		
/* END: crumbtrail definitions */    

    
/*######### END: Global page elements and navigation ############*/
/*###############################################################*/
    


/*###############################################################*/    
/*################ START: Main page content area ################*/

    /* container for crumbtrail */
    #maincont 
    { 	background: #000;  }
    
 /* START: heading area before main content block */
    #summary 
    {    	    	
    	border-bottom: 10px solid #000000;
    	background-color: #F7F7EF;
    }
	
	#summary p
    {
    	font-weight: normal;        
    }
	
	#summaryFull 
    {    	    	
    	border-bottom: 10px solid #000000;
    	background-color: #F7F7EF;
    }  	   	
    
   
	#summaryIndex p, #summaryFullIndex p
    {    	
		background: url(/staticarchive/487e402f55b4b5c9ec8815f85f35953a16bdb039.gif) top left; 
		color: #FFF;		
    }
    
/* END: heading area before main content block */
     
    
    /* container for main content block  */
    #subcont  {  
		background: #DDDDDD url(/staticarchive/1c4da889bb394021c60b6076aa62f5b1ea541f2a.gif) top left;
		
	}
    
     
   
/* START: main content block */

    #mainbody {
		background-color: #F7F7EF;
		color: #373737;
	}
    
	#mainbodyIndex {
		background: #DDDDDD url(/staticarchive/1c4da889bb394021c60b6076aa62f5b1ea541f2a.gif) top left;
		/*background: #f00;*/
		color: #373737;
   }
    
	    
    #mainbody blockquote 
    {   background-color: #DDD;}
    
    #mainbody blockquote p 
    {   background-color: #CCC; }
    
    #mainbody div.pullquote 
    {   background-color: #DDD; }
    
    #mainbody div.pullquote p 
    {   background-color: #CCC; }
	
	#mainbody {
		color: #373737;
	}
    
       
    /* link styles */
    #mainbody a:link,
    #mainbody a:visited,
    #mainbody a:active,
	#mainbodyIndex a:link,
	#mainbodyIndex a:visited,
	#mainbodyIndex a:active,
	#summary a:link,
    #summary a:visited,
    #summary a:active
    {   color: #F77110;   }
    
    #mainbody a:hover,
	#mainbodyIndex a:hover,
	#summary a:hover
    {
    	color: #CE1C08;
    }
    
    /* START promos (list) */
    
    /* This includes references to FLIP and non-FLIP promos respectively */
    #mainbodyIndex dl.promo, #mainbodyIndex div.promoInc 
    {
    	border-bottom: 1px solid #999999;    	
		background-color: #F8F7EF;		
    }  
	#mainbodyIndex dl.promo p {
		margin-right: 8px;
	}	
   
    /* END promos (list) */
    
    
    /* START teaser for next page */
   
    #mainbody #teaser a:link,
    #mainbody #teaser a:visited,
    #mainbody #teaser a:active
    {   color: #F77110;   }
    
    #mainbody #teaser a:hover
    {   color: #CE1C08;   }
    
    /* END teaser for next page   */
    
    
    
    /* START: pagination */
    #pagination 
    {   background: #000000;   }
    
    #prevBtn 
    {   background: url('/staticarchive/2f044fe52d745b2187abe99f5e592758fd7d731a.jpg') no-repeat top left;  }
    
      
    #nextBtn 
    {  
        background: url('/staticarchive/a161810129351080d8ffb3af0b9ee73da136c577.jpg') no-repeat top left;
        border: #000 1px solid;
    }    
       
     /* END: pagination */
    
/* END: main content block */
    
    
    
/* START: further links block  */
    
    #further 
    {    	
    	border-top: 10px solid #000000;    	
    }
    
    #furtherLinks 
    {
    	background-color: #F7F7EF;    	
    }
    
   
    #furtherLinks dl dt a:link,
    #furtherLinks dl dt a:visited,
    #furtherLinks dl dt a:active
    {    	
    	background: url('/staticarchive/230e6db08ccef254581d8900b7662bfa035c252b.gif') no-repeat 5px 0.5em;    	
    	color: #F77110;    	
    }
    
    #furtherLinks dl dt a:hover
    {
    	color: #CE1C08;
    }
    
   
    
    /* END: further links block  */
    
/*######### END: Main page content area ############*/
/*###################################################*/



/*###############################################################*/    
/*######### START: Sub nav (currently right-hand nav) ###########*/

    
    /* container for subnav */
    #subnav 
    {    	
    	background: #999999 url('/staticarchive/1c4da889bb394021c60b6076aa62f5b1ea541f2a.gif') top left;
    }
    #subnav h3
    {
    	font-weight: bold;
    }
    
    /* START: Sub nav containers */
    
    /* for sub links within truthaboutfood */
    #subnavSubsite 
    {
    	background-color: #E7E7DE;
    }
    
     /* for links within humanbody */
    #subnavSite 
    {
    	background-color: #E7E7DE;
    }
    
     /* for other BBC links */
    #subnavBbc 
    {
    	background-color: #E7E7DE;
    }
    
    /* for external links */
    #subnavExternal 
    {
    	background-color: #E7E7DE;
    }        
    
	/* for RSS link */
	#subnavRss
    {
    	background-color: #E7E7DE;
    }  
	#subnavRss img {
		vertical-align: middle;
		float: left;
		margin: 0 5px 5px 0;
	}
	#subnavRss p {
		padding-left: 5px;
	}
    /* END: Sub nav containers */
    
    /* START: subnav children */
    
    /* headings */
    #subnav h2
    {
    	color: #FFFFFF;
    	font-size: 1.5em;
    	margin-bottom: 8px;
    }
    #subnav h3
    {
    	color: #000000;    	
    }
    
    /* listed link styles */
    #subnav a:link,
    #subnav a:visited,
    #subnav a:active
    {  	
    	color: #F77110;   
		font-weight: bold;
    }
	
    #subnav dt a:link,
    #subnav dt a:visited,
    #subnav dt a:active
    {
    	background: url(/staticarchive/230e6db08ccef254581d8900b7662bfa035c252b.gif) no-repeat 5px 0.5em;    	
    }
    
    #subnav a:hover
    {
    	color: #CE1C08;
    }       
    
    /* END: subnav children */  


/*#### END: Sub nav (currently right-hand nav) ######*/

/* ADDITIONS */
#mainbodyIndex dl.promo dt.left img {
	display: block;
}

/*###################################################*/