/* the purpose of this css file is to set certain rules that can potentially be applicable to all BBC sites that have barley and a 1 or 2 column structure. */

/* start holly hack. this fix from http://positioniseverything.net/easyclearing.html */
/* note: this code is W3C standards complient and, therefore, should be considered a work around and not a hack */ 
	#banner:after, #main-nav:after, #all:after, #local-banner:after, #main-content:after   {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}
	#banner, #main-nav, #all, #local-banner, #main-content  {
		display: inline-table;
	}	
	

/* end holly hack */

/* start barley */
	
	/*	bbc nav bar - do not edit. */	
			td.bbcpageShadow {}
			td.bbcpageShadowLeft {}
			td.bbcpageGrey {}
			td.bbcpageGrey table td a.bbcpageWhite {}
			td.bbcpageGrey table td.bbcpageBar {}
			td.bbcpageGrey table td.bbcpageSearchL {}
			td.bbcpageGrey table td.bbcpageSearch2 {}
			td.bbcpageGrey table td.bbcpageSearch {}
			td.bbcpageGrey table td.bbcpageSearchRa {}
			td.bbcpageSearchRb {}
			td.bbcpageBlack {}
			td.bbcpageBlack table td#bbcpageblackline { 
				width: 39.67em; /* 635px */ /* in this section 1em = 16px */
			}
			td.bbcpageBlack table td#bbcpageblackline img { 
				width: 39.67em; /* 635px */ /* in this section 1em = 16px */
			}			
	/*	end bbc nav bar */
	
	/*	top left links 	*/
		td.bbcpageToplefttd {	
			
		}
		td.bbcpageToplefttd table {	
			width: 7.82em; /* 125px */ /* in this section 1em = 16px */
		}		
		
	/*	end top left links 	*/					
			
	/* 	banner 	*/
		#banner { 
			font-size: 75%;
			font-family: verdana, helvetica, sans-serif;
			/* width MUST be set in global.css */
		}	
		#banner h2, #banner h3, #banner h4, #banner h5, #banner p, #banner form, #banner blockquote, #banner table, #banner caption, #banner td { 
			margin: 0;
			padding: 0;
			font-size: 1em;
		}
		#banner ul, #banner li {
			margin: 0;
			padding: 0;
			font-size: 1em;
			list-style: none;
		}
		#main {
			font-family: verdana, helvetica, sans-serif;
		}
	/* end banner */
	
	/* left nav */
		td.bbcpagelocal {
			font-size: 75%;
		}	
		#main-nav { 
			font-family: verdana, helvetica, sans-serif;
			margin: 0;
			padding: 0;
			/* width MUST be set in global.css */
		}	
		#main-nav h2, #main-nav h3, #main-nav h4, #main-nav h5, #main-nav p, #main-nav form, #main-nav blockquote, #main-nav table, #main-nav caption, #main-nav td { 
			margin: 0;
			padding: 0;
			font-size: 1em;
		}
		#main-nav ul, #main-nav li {
			margin: 0;
			padding: 0;
			font-size: 1em;
			list-style: none;
		}
	/* end left nav */
	
	/*	footer 	*/		
		td.bbcpageFooter {
			font-size: 75%;
		}
		td.bbcpageFooter font {
			font-size: 1em;
		}							
	/*	end footer 	*/		
	
	
/* end barley */


/* central area and right nav */
	#all { 
		font-size: 75%;
		font-family: verdana, helvetica, sans-serif;
		/* width MUST be set in global.css */
	}	
	h1, #all h2, #all h3, #all h4, #all h5, #all p, #all form, #all blockquote, #all table, #all caption, #all td { 
		margin: 0;
		padding: 0;
		font-size: 1em;
	}
	#all ul, #all li { 
		margin: 0;
		padding: 0;
		font-size: 1em;
		list-style: none;
	}
	
	a:link, a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:none
}
	
	/* start central content area */	
	
	/* start right nav */	
		#local-nav {
			float: left;
			/* width MUST be set in global.css */
		}		
	/* end right nav */	
	
/* end central area and right nav */