/* This CSS file is intended for rules that apply across multiple Science & Nature sites. 
		
		####### VERSION CONTROL INFORMATION #######
		####### Do not hand edit this area  #######
		####### $Revision: 1.19 $
		####### $Date: 2006/12/06 11:39:43 $
		####### $Author: matthews $

   Try to use appropriate site/section CSS files where possible 
   
   Please note that many of these rules are echoed in the individual site css files with additional
   declarations for site specific items such as colour.  The declarations in this file global across all sites.

   It is divided into sections as follows:
 
   Global resets and hacks
   ------------------------
   This is for rules to reset browser defaults, and various hacks.
     
   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: Global resets and hacks ###################*/

/* Import rules to reset browser default styles */

@import '/staticarchive/328abe110bc211840264b10e0fb07d770856b293.css';

/* The Clearfix Hack: Add a class of .clearfix to any element containing a float needing to be cleared */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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

/*############ END: Global resets and hacks #####################*/
/*###############################################################*/


/* START: set defaults for html elements */

STRONG {
	font-weight: bold;
}
EM {
	font-style : oblique;
}
LI {
	list-style-type : disc;
}

/* END: set defaults for html elements */


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


/* START: top left nav crumb */    

    /* includes BBC Homepage link */
    
	.bbcpageCrumb a:link,
	.bbcpageCrumb a:visited,
	.bbcpageCrumb a:hover,
	.bbcpageCrumb a:active
	{
		text-decoration: none;
	}
	
	.bbcpageCrumb ul
	{
		margin: 10px 0 9px;
		font-size: 0.75em;
	}
	
	.bbcpageCrumb ul a:link,
	.bbcpageCrumb ul a:visited,
	.bbcpageCrumb ul a:hover,
	.bbcpageCrumb ul a:active
	{
		font-family: verdana, helvetica, sans-serif;
		font-weight: bold;
	}
	
/* END: top left nav crumb */

/* START: left nav  */

    /* top para */
	td.bbcpageLocal p 
	{
		font-family: arial, tahoma, sans-serif;
		font-weight: bold;		
		font-size: 0.8em;
		padding: 10px 0 10px 8px;
	}
    
    /* top para links */
	td.bbcpageLocal p a:link,
	td.bbcpageLocal p a:visited,
	td.bbcpageLocal p a:active
	{
		font-family: Verdana, Arial, sans-serif;		
		text-decoration: none;
	}
	td.bbcpageLocal p a:hover
	{
		text-decoration: underline;
	}
	
	/* left nav links list */
	.leftnavheader
	{
	font-weight: bold;
	}
	
	
    /* left nav links list */
	td.bbcpageLocal ul 
	{
		list-style-type: none;
		margin: 0 0 10px;
	}
    
    

    /* left nav links */
	td.bbcpageLocal ul a:link,
	td.bbcpageLocal ul a:visited,
	td.bbcpageLocal ul a:active
	{       
		font-family: arial, tahoma, sans-serif; 
		display : block;
		text-decoration: none;
		font-size: 1em;
		padding: 0 5px 0 8px;         
	}	
    
    /* The Star HTML Hack will hide a rule from all browsers but IE */
    * html td.bbcpageLocal ul a:link,
	td.bbcpageLocal ul a:visited,
	td.bbcpageLocal ul a:active
	{  height: 15px;  }	
	
    
/* END: left nav  */


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




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


/* START: html elements */  
  
    *  { font-family: Verdana, Arial, sans-serif; }
    		
	body, td, th {
		font-size: 0.75em;
	}
    
    h1
    { 
        font-size: 2em;
    	font-family: Verdana, Arial, sans-serif;
    	padding: 0;        
    }
    
/* END: html elements */



/* START: classes and ID's */

    .popup h1
    {   font-size: 1.5em;  }
    
    .popup #closeBtn
    { 	text-align: right; }
    
    .popup #terms
    {  	
        text-align: center;       
    	font-size: 0.8em;
    }    

    body.popup
	{
		padding: 10px;
		background-image: none;       
	}
    
    .imgbox 
    {  	float: right;    }
    
    dl.left { float: left; margin: 10px; }
    dl.center { width: auto; margin: 10px 0 10px 0; }
    dl.right { float: right; margin: 10px; }
    dl.image
    {  	padding: 5px;   }
    
    dl.image dd p
    {
    	padding: 5px 0;
    	font-size: 0.95em;
    	font-family: Verdana, Arial, sans-serif;
    	margin: 0;
    }
    
    dl.image dd a.launcher
    {
    	display: block;
    	text-align: right;
    }
	.flash {
		
	}
	div.right {
		float: right;
	}
	div.left {
		float: left;
	}
    
/* END: classes and ID's */


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


	/* -- Normal State Global Nav Tab -- */
	.navcontainer a
	{
	font-family: arial, tahoma, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	border-right: 1px solid #ffffff;
	display: block;
	padding: 4px 7px 2px 7px;
	width: auto;
	voice-family:inherit;
	margin: 0;
	text-decoration: none;
	}
	
	/* -- Rollover State Global Nav Tab -- */
	.navcontainer a:hover
	{
	font-weight: bold;
	border-right: 1px solid #ffffff;
	display: block;
	padding: 4px 7px 2px 7px;
	width: auto;
	voice-family:inherit;
	margin: 0;
	color: #000000;
	text-decoration: none;
	}    

    .navcontainer
    { font-family : Arial, Helvetica, sans-serif; }
    
    .navcontainer a, .navcontainer a:hover
    {
    text-decoration: none;
    text-align: center;
    }
    
    /* -- Use this class to control the leftmost tab - ie. to put a left border on */	
	
	/* global nav specific coloured curve graphic */
	.globalcurve {		
		background-position: left;
		background-repeat: no-repeat;
	}

	.globalcurve a:hover {		
		background-position: left;
		background-repeat: no-repeat;
	}
    
    .sciNatGlobalNav
    { font-size: 60%; }


/* END: GLOBAL NAV (/sn/includes/globaltopnav.ssi) */ 



/* START: crumbtrail definitions */

        /* text/dividers */
		div#crumbtrail
		{
			font-family: Verdana, Arial, sans-serif;			
			font-size: 0.9em;
			padding: 10px;
		}
        
        /* list */
        #crumbtrail ul
		{
			list-style-type: none;
			display: inline;
		}
        
		#crumbtrail ul li
		{   display: inline;    }		         
        

    /* The Star HTML Hack will hide a rule from all browsers but IE */
    * html .last {
    padding-left: 0.25em;
    }

/* END: crumbtrail definitions */ 



/* START of global (/sn/includes/globalbottomnav.ssi) footer navigation rules */

	#scinatglobalfooter a, #scinatglobalfooter a:hover, #scinatglobalfooter span
	{
	text-decoration: underline;
	text-align: center;
	font-size: 0.8em;
	}
    
/* END of global (/sn/includes/globalbottomnav.ssi) footer navigation rules */


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


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

    /* container for crumbtrail */
    #maincont 
    {   margin-left: 4px;   }
    
    /* START: heading area before main content block */
    #summary 
    {    	
    	width: 461px;
        float: left;    	
    }
    
	#summaryIndex 
    {    	
    	width: 461px;
        float: left;
    }
	
	#summaryFull 
    {    	
    	width: 631px;
        float: left;    	
    }  	
    
	#summaryFullIndex 
    {    	
    	width: 631px;
        float: left;
    } 
    
    #summary p, #summaryFull p
    {
    	padding: 5px 10px;
    	font-size: 0.8em;
    	font-weight: bold;        
    	font-family: Verdana, Arial, sans-serif;
    }
    
	#summaryIndex p, #summaryFullIndex p
    {
    	padding: 5px 10px;
    	font-size: 1em;
    	font-weight: bold;        
    	font-family: Verdana, Arial, sans-serif;		
		min-height: 52px;
    }
	* html #summaryIndex p, #summaryFullIndex p
    {   height: 62px;   }
    
     /* END: heading area before main content block */
     
    
    /* container for main content block  */
     #subcont 
    {   float: left;
		width: 461px;	}
    
     #subcont #summary, #subcont #mainbody, #subcont #pagination 
    {   float: none;   }   
    
   
   /* START: main content block */
    #mainbody 
    {
    	float: left;
    	width: 421px;    	
    	padding: 10px;
    	margin: 10px;
    	font-family: Verdana, Arial, sans-serif;
    }
	
	* html #mainbody 
    {   width: 441px;  }
    
	#mainbodyIndex 
    {
    	float: left;
    	width: 447px;
    	padding: 7px 7px 0 7px;
    	font-size: 1em;
    	font-family: Verdana, Arial, sans-serif;		
    }
    
	* html #mainbodyIndex 
    {   width: 461px;  }
    
    /* main heading */
    #mainbody h2
    {
    	margin: 10px 0 10px;
    	font-size: 1.2em;
    	font-weight: bold;        
    }
    
    /* text content styles */
    #mainbody p
    {
    	margin: 10px 0;      
    }    
    
    #mainbody blockquote 
    {
    	font-weight: bold;
    	padding: 5px;    	
    	clear: both;
    	margin: 10px 0;
    }
    
    #mainbody blockquote p 
    {   margin: 0;  }
    
    #mainbody div.pullquote 
    {
    	font-weight: bold;
    	padding: 5px;    	
    	float: right;
    	margin: 10px 0;
    }
    
    #mainbody div.pullquote p 
    {   margin: 0; }
    
    #mainbody ul, #mainbody ol
    {
    	padding: 0 0 0 35px;
    	margin: 10px 0;
    }    
	#mainbody li, #mainbodyIndex li
    {
    	font-family: Verdana, Arial, sans-serif;
    	font-size: 1em;
    }  
    
    #mainbody q
    {   font-weight: bold; }
    
    /* 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
    {    	
    	font-family: Verdana, Arial, sans-serif;
    	font-weight: bold;
    	
    }   
    
    /* START promos (list) */
    
    /* This includes references to FLIP and non-FLIP promos respectively */
    #mainbodyIndex dl.promo, #mainbodyIndex div.promoInc 
    {    	
    	clear: both;
        margin-bottom: 10px;		
		width: 447px;
		
        
    }
    
    /* for the old promo includes */
    p.smallpromo {
        font-size: 0.9em;
    }
    
    p.smallpromoheader{
         font-size: 0.9em;        
    }
    
    /* font sizes */
    
    #mainbodyIndex dl.promo dd a.taillink
    {
    	font-size: 1em;
    }
    
    #mainbodyIndex dl.promo dt.left
    {
    	float: left;
    	margin: 0 10px 0 0;
    }
    
    #mainbodyIndex dl.promo dt.right
    {
    	float: right;
    	margin: 0 0 0 10px;
    }
    
    #mainbodyIndex dl.promo dd
    {
    	padding-top: 5px;
		margin-bottom: 0px;
    }
    
    
    /* END promos (list) */
    
    
    /* START teaser for next page */
    #mainbody #teaser
    {
    	margin: 0 0 10px;
    	font-family: Verdana, Arial, sans-serif;        
    }
    
    #mainbody #teaser
    {
    	text-align: center;
    	margin: 10px 0;
    }
    
    #mainbody #teaser a:link,
    #mainbody #teaser a:visited,
    #mainbody #teaser a:active
    {
    	font-weight: bold;    	
    	font-family: Verdana, Arial, sans-serif;
    	font-weight: bold;
    }
   
    /* END teaser for next page   */
    
    
    
    /* START: pagination */
    #pagination 
    {
    	float: left;
    	margin-top: 10px;    	
    }
    
    #prevBtn 
    {
    	width: 63px;    	
    	cursor: hand;
    	float: left;
    	min-height: 20px;
    }
    
    * html #prevBtn
    {
    	height: 22px;
    }
    
    #nextBtn 
    {
    	width: 63px;    	
    	cursor: hand;
    	float: right;
    	height: 20px;
    }
    
    * html #nextBtn
    {
    	height: 22px;
    }
    
     {
        visibility: hidden;
    }      
    
    #prevBtn *, #nextBtn *, #nextText, #prevText
    {
    	visibility: hidden;
    }
    
     /* END: pagination */
    
/* END: main content block */
    
    
    
/* START: further links block  */
    
    #further 
    {
    	float: left;    	
    	width: 461px;
		margin-bottom: 10px;
    }
    
    #furtherLinks 
    {    	
    	padding: 10px;
    }
    
    #furtherLinks h2
    {
    	font-size: 1.2em;
    	font-weight: bold;
    }
    
    #furtherLinks dl dt a:link,
    #furtherLinks dl dt a:visited,
    #furtherLinks dl dt a:active
    {
    	display: block;    	
    	padding: 0 5px 0 12px;    	
    	font-size: 0.75em;
    	font-family: Verdana, Arial, sans-serif;
    	font-weight: bold;
    }
    
  
    #furtherLinks dl dd
    {
    	padding: 5px 5px 10px 12px;
    	font-size: 0.75em;
    	font-family: Verdana, Arial, sans-serif;
    }
    
    /* END: further links block  */
    
/***** END: Main page content area *****/


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



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

    
    /* container for subnav */
    #subnav 
	{
    	float: left;
    	width: 156px;
    	margin-left: 4px;
    	padding:5px;  
    }
    
    /* The Star HTML Hack will hide a rule from all browsers but IE */
    * html #subnav
    {
    	width: 166px;
    }      
        
    #subnavSubsite, #subnavSite, #subnavBbc, #subnavExternal, #subnavRss
    {
    	margin-bottom: 10px;
    }
    /* END: Sub nav containers */
    
    /* START: subnav children */
    
    /* headings */
    #subnav h2
    {    	
    	font-size: 1.4em;
    	font-weight: bold;
    	margin: 0 0 5px 0;
    }
    #subnav h3
    {    	
    	font-size: 0.9em;
    	font-family: Verdana, Arial, sans-serif;
    	padding: 10px 5px;
    }
    
    /* listed link styles */
    #subnav dl dt a:link,
    #subnav dl dt a:visited,
    #subnav dl dt a:active
    {
    	display: block;    	
    	padding: 0 5px 0 12px;    	
    	font-size: 0.9em;
    	font-family: Verdana, Arial, sans-serif;
    	font-weight: bold;
    }
    
   
    
    #subnav dl dd
    {
    	padding: 5px 5px 10px 12px;
    	font-size: 0.9em;
    	font-family: Verdana, Arial, sans-serif;
    }
	
	#subnav p {
		padding: 5px 5px 10px 12px;
    	font-size: 0.9em;
	}
    
    /* END: subnav children */  


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