/*  
#sf-container div * {outline:1px solid orange;} */
html, body {font-size: 90%;}

/*=============================================================================================
  Sounds Familiar Micro site - Primary Stylesheet
============================================================================================= */

/* =Links
---------------------------------------------------------------------------------------- */
div#sf-container a img { border: none; }
div#sf-container a { text-decoration: underline; }
div#sf-container a:link { color:#fff; font-weight:bold; }
div#sf-container a:visited { color:#ccc; }
div#sf-container a:focus {}
div#sf-container a:hover {color:#d48b3b; text-decoration:none;}
div#sf-container a:active {}

div#sf-container table a { text-decoration:none; color:#000 !important; font-weight: normal !important;}
div#sf-container table a:hover { text-decoration:underline; }

/* Container
---------------------------------------------------------------------------------------- */
div#sf-container {
	width: 570px;
	position: relative;
	overflow: none;
	background: #323232 url(/learning/resources/sounds/images/bg-container-tile-long.jpg) top left repeat-x !important;	
	color: #fff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 95%;
}

div.case-studies,  div.activities {
	background: #323232 url(/learning/resources/sounds/images/bg-container-tile.jpg) top left repeat-x !important;
}
/*}*/
/*html > body #sf-container {
	width: 570px;
}*/

/* Primary Tabbed Navigation
---------------------------------------------------------------------------------------- */
div#sf-container ul#sf-nav-pri {
	width: 570px;
	background: #fff;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
/*}*/
/*html > body div#sf-container ul#sf-nav-pri {
	width: 570px;
}*/

	div#sf-container ul#sf-nav-pri li { float: left;}
	
		div#sf-container ul#sf-nav-pri li a,
		div#sf-container ul#sf-nav-pri li strong {
			float: left;
			display: block;
			font-size: 10px;
			font-weight: bold;
			text-indent: -9999px; /* image replacement */
			color: #000;
			border: none;
			margin-top:8px;
		}
	
		/* TABS */
		div#sf-container ul#sf-nav-pri li#nav-home a {
			background: url(/learning/resources/sounds/images/00-tab-nav.gif) no-repeat bottom left; 
			width:111px; height:27px; 
			padding-right:1px;
		}
		div#sf-container ul#sf-nav-pri li#nav-reg a {
			background: url(/learning/resources/sounds/images/02-tab-nav.gif) no-repeat bottom left; 
			width:102px; height:27px; 
			padding-right:1px;
		}
		div#sf-container ul#sf-nav-pri li#nav-change a { 
			background: url(/learning/resources/sounds/images/03-tab-nav.gif) no-repeat bottom left; 
			width:108px; height:27px; 
			padding-right:1px;
		}
		div#sf-container ul#sf-nav-pri li#nav-voice a { 
			background: url(/learning/resources/sounds/images/04-tab-nav.gif) no-repeat bottom left; 
			width:83px; height:27px; 
			padding-right:1px;
		}
		div#sf-container ul#sf-nav-pri li#nav-case a { 
			background: url(/learning/resources/sounds/images/05-tab-nav.gif) no-repeat bottom left; 
			width:85px; height:27px;
			padding-right:1px;
		}
		div#sf-container ul#sf-nav-pri li#nav-activities a { 
			background: url(/learning/resources/sounds/images/06-tab-nav.gif) no-repeat bottom left; 
			width:76px; height:27px;
		}
	
		/* NAV HIGHLIGHT - Current Page Black Tabs */
		div#sf-container ul#sf-nav-pri li#nav-on-home a,
		div#sf-container ul#sf-nav-pri li#nav-on-home strong {
			background:url(/learning/resources/sounds/images/00-tab-nav-on.gif) no-repeat bottom left; 
			width:111px; height:35px; 
			padding-right:1px; 
			margin-top:0;
		}
		div#sf-container ul#sf-nav-pri li#nav-on-reg a,
		div#sf-container ul#sf-nav-pri li#nav-on-reg strong {
			background:url(/learning/resources/sounds/images/02-tab-nav-on.gif) no-repeat bottom left; 
			width:102px; height:35px; 
			padding-right:1px; 
			margin-top:0;
		}
		div#sf-container ul#sf-nav-pri li#nav-on-change a,
		div#sf-container ul#sf-nav-pri li#nav-on-change strong {
			background:url(/learning/resources/sounds/images/03-tab-nav-on.gif) no-repeat bottom left; 
			width:108px; height:35px; 
			padding-right:1px; 
			margin-top:0;
		}
		div#sf-container ul#sf-nav-pri li#nav-on-voice a,
		div#sf-container ul#sf-nav-pri li#nav-on-voice strong {
			background:url(/learning/resources/sounds/images/04-tab-nav-on.gif) no-repeat bottom left; 
			width:83px; height:35px; 
			padding-right:1px; 
			margin-top:0;
		}
		div#sf-container ul#sf-nav-pri li#nav-on-case a,
		div#sf-container ul#sf-nav-pri li#nav-on-case strong {
			background:url(/learning/resources/sounds/images/05-tab-nav-on.gif) no-repeat bottom left; 
			width:85px; height:35px; 
			padding-right:1px; 
			margin-top:0;
		}
		div#sf-container ul#sf-nav-pri li#nav-on-activities a,
		div#sf-container ul#sf-nav-pri li#nav-on-activities strong {
			background:url(/learning/resources/sounds/images/06-tab-nav-on.gif) no-repeat bottom left; 
			width:76px; height:35px;
			margin-top:0;
		}
		
/* Secondary Tab  Navigation
----------------------------------------- */
/* make space for absolutely positioned sub nav lists*/
div.regional-voices div#sf-content-main,
div.case-studies div#sf-content-main,
div.changing-voices div#sf-content-main { padding-top: 30px !important;}

div.activities div#sf-content-main,
div.your-voices div#sf-content-main { padding-top: 55px !important; }
 
div#sf-container ul#sf-nav-sub {
	margin: 10px 0 0 0;
	list-style: none;
	position: absolute;
	top:35px;
	left:5px;
	width:560px;
}

	div#sf-container ul#sf-nav-sub li { float:left; margin-right:1px; margin-bottom:3px;}
	
	div#sf-container ul#sf-nav-sub a,
	div#sf-container ul#sf-nav-sub strong {
		display: block !important;
		float: left;   
		font-size: 11px;
		font-weight: normal;
		color: #000;
		margin: 0 3px 0 0;
		border: none;
		text-indent: -9999px; /* image replacement */
		outline: none;
		height:26px !important;
	}
	

	/* sub navigation - buttons ir */

/* Regional Voices*/
		div.regional-voices ul#sf-nav-pri ul#sf-nav-sub li#lexical a {background: url(/learning/resources/sounds/images/btn-lexical.gif) no-repeat top left; width:116px; height:26px;}
		div.regional-voices ul#sf-nav-pri ul#sf-nav-sub li#phonological a {background: url(/learning/resources/sounds/images/btn-phono.gif) no-repeat top left; width:146px; height:26px;}
		div.regional-voices ul#sf-nav-pri ul#sf-nav-sub li#grammatical a {background: url(/learning/resources/sounds/images/btn-grammatical.gif) no-repeat top left; width:136px; height:26px;}
		div.regional-voices ul#sf-nav-pri ul#sf-nav-sub li#social a {background: url(/learning/resources/sounds/images/btn-social.gif) no-repeat top left; width:111px; height:26px;}
		
/* Changing Voices */
		div.changing-voices ul#sf-nav-pri ul#sf-nav-sub li#lexical a { background: url(/learning/resources/sounds/images/btn-cv-lexical.gif) no-repeat top left; width:114px; }
		div.changing-voices ul#sf-nav-pri ul#sf-nav-sub li#phonological a { background: url(/learning/resources/sounds/images/btn-cv-phono.gif) no-repeat top left; width:148px; }
		div.changing-voices ul#sf-nav-pri ul#sf-nav-sub li#grammatical a { background: url(/learning/resources/sounds/images/btn-cv-grammatical.gif) no-repeat top left; width:136px; }

/* Your voices*/
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#analyse-accent a { background: url(/learning/resources/sounds/images/btn-yv-analyse.gif) no-repeat top left; width:119px; }
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#consent-form a { background: url(/learning/resources/sounds/images/btn-yv-consent.gif) no-repeat top left; width:80px; }
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#recording-details a { background: url(/learning/resources/sounds/images/btn-yv-recdetails.gif) no-repeat top left; width:118px; }
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#recording-submit a { background: url(/learning/resources/sounds/images/btn-rec-submit.gif) no-repeat top left; width:123px; }
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#your-accent a { background: url(/learning/resources/sounds/images/btn-your-accent.gif) no-repeat top left; width:77px; }
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#your-english a { background: url(/learning/resources/sounds/images/btn-your-voices.gif) no-repeat top left; width:74px; }
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#your-words a { background: url(/learning/resources/sounds/images/btn-your-words.gif) no-repeat top left; width:73px; }
		
/* Case Studies*/		
		div.case-studies ul#sf-nav-pri ul#sf-nav-sub li#geordie a { background: url(/learning/resources/sounds/images/btn-geordie.gif) no-repeat top left; width:77px; }
		div.case-studies ul#sf-nav-pri ul#sf-nav-sub li#ethnic a { background: url(/learning/resources/sounds/images/btn-ethnic.gif) no-repeat top left; width:122px; }
		div.case-studies ul#sf-nav-pri ul#sf-nav-sub li#rp a { background: url(/learning/resources/sounds/images/btn-rp.gif) no-repeat top left; width:169px; }
		
/* Activities */		
/* Updated due to IE5.5 bug - see bottom of file */
/*
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#grammatical-change a { background: url(/learning/resources/sounds/images/btn-grammatical-change.gif) no-repeat top left; width:117px; height:26px; }
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#grammatical-variation a { background: url(/learning/resources/sounds/images/btn-grammatical-variation.gif) no-repeat top left; width:117px; height:26px;}
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#lexical-change a { background: url(/learning/resources/sounds/images/btn-lexical-change.gif) no-repeat top left; width:87px; height:26px;}
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#lexical-variation a { background: url(/learning/resources/sounds/images/btn-lexical-variation.gif) no-repeat top left; width:95px; height:26px;}
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#phonological-change a { background: url(/learning/resources/sounds/images/btn-phono-change.gif) no-repeat top left; width:116px; height:26px; }
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#phonological-variation a { background: url(/learning/resources/sounds/images/btn-phono-variation.gif) no-repeat top left; width:120px; height:26px;}
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#social-variation a { background: url(/learning/resources/sounds/images/btn-social-variation.gif) no-repeat top left; width:92px; height:26px;	}
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#methodology a { background: url(/learning/resources/sounds/images/btn-methodology.gif) no-repeat top left; width:79px; height:26px; }
*/		
		
/* sub navigation - current page NAV HIGHLIGHTING */
/* Regional Voices */
		div.regional-voices ul#sf-nav-pri ul#sf-nav-sub li#phonological-on a,
		div.regional-voices ul#sf-nav-pri ul#sf-nav-sub li#phonological-on strong { 
			background: url(/learning/resources/sounds/images/btn-phono-on.gif) no-repeat top left; width:146px; height:27px;
			margin-top: -1px;
			}

		div.regional-voices ul#sf-nav-pri ul#sf-nav-sub li#lexical-on a,
		div.regional-voices ul#sf-nav-pri ul#sf-nav-sub li#lexical-on strong { 
			background: url(/learning/resources/sounds/images/btn-lexical-on.gif) no-repeat top left; width:116px; height:27px;
			margin-top: -1px;
			}
		
		div.regional-voices ul#sf-nav-pri ul#sf-nav-sub li#grammatical-on a,
		div.regional-voices ul#sf-nav-pri ul#sf-nav-sub li#grammatical-on strong { 
			background: url(/learning/resources/sounds/images/btn-grammatical-on.gif) no-repeat top left; 
			width:136px; height:27px;
			margin-top: -1px;
		}
		
		div.regional-voices ul#sf-nav-pri ul#sf-nav-sub li#social-on a,
		div.regional-voices ul#sf-nav-pri ul#sf-nav-sub li#social-on strong { 
			background: url(/learning/resources/sounds/images/btn-social-on.gif) no-repeat top left; width:111px; height:27px;
			margin-top: -1px;
		}
		
/* Changing voices */		
		div.changing-voices ul#sf-nav-pri ul#sf-nav-sub li#lexical-on a,
		div.changing-voices ul#sf-nav-pri ul#sf-nav-sub li#lexical-on strong { 
			background: url(/learning/resources/sounds/images/btn-cv-lexical-on.gif) no-repeat top left; 
			width:114px; height:27px;
			margin-top: -1px;
		}
		div.changing-voices ul#sf-nav-pri ul#sf-nav-sub li#phonological-on a,
		div.changing-voices ul#sf-nav-pri ul#sf-nav-sub li#phonological-on strong { 
			background: url(/learning/resources/sounds/images/btn-cv-phono-on.gif) no-repeat top left; 
			width:148px; height:27px;
			margin-top: -1px;
		}
		
		div.changing-voices ul#sf-nav-pri ul#sf-nav-sub li#grammatical-on a,
		div.changing-voices ul#sf-nav-pri ul#sf-nav-sub li#grammatical-ons strong { 
			background: url(/learning/resources/sounds/images/btn-cv-grammatical-on.gif) no-repeat top left; 
			width:136px; height:27px;
			margin-top: -1px;
		}
		
/* Your Voices */
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#analyse-accent-on a,
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#analyse-accent-on strong { 
			background: url(/learning/resources/sounds/images/btn-yv-analyse-on.gif) no-repeat top left; width:119px; }
		
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#consent-form-on a,
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#consent-form-on strong { 
			background: url(/learning/resources/sounds/images/btn-yv-consent-on.gif) no-repeat top left; width:80px; }
		
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#recording-details-on a,
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#recording-details-on strong { 
			background: url(/learning/resources/sounds/images/btn-yv-recdetails-on.gif) no-repeat top left; width:118px; }
		
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#recording-details-on a,
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#recording-details-on strong { 
			background: url(/learning/resources/sounds/images/btn-yv-recdetails-on.gif) no-repeat top left; width:118px; }
		
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#recording-submit-on a,
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#recording-submit-on strong { 
			background: url(/learning/resources/sounds/images/btn-rec-submit-on.gif) no-repeat top left; width:123px; }
		
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#your-accent-on a,
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#your-accent-on strong { 
			background: url(/learning/resources/sounds/images/btn-your-accent-on.gif) no-repeat top left; width:77px; }
			
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#your-english-on a,
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#your-english-on strong { 
			background: url(/learning/resources/sounds/images/btn-your-voices-on.gif) no-repeat top left; width:74px; }
	
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#your-words-on a,
		div.your-voices ul#sf-nav-pri ul#sf-nav-sub li#your-words-on strong { 
			background: url(/learning/resources/sounds/images/btn-your-words-on.gif) no-repeat top left; width:73px; }
		
		
/* Case Studies */		
		div.case-studies ul#sf-nav-pri ul#sf-nav-sub li#rp-on a,
		div.case-studies ul#sf-nav-pri ul#sf-nav-sub li#rp-on strong { 
			background: url(/learning/resources/sounds/images/btn-rp-on.gif) no-repeat top left; 
			width:169px; height:27px;
			margin-top: -1px;
		}
		div.case-studies ul#sf-nav-pri ul#sf-nav-sub li#geordie-on a,
		div.case-studies ul#sf-nav-pri ul#sf-nav-sub li#geordie-on strong { 
			background: url(/learning/resources/sounds/images/btn-geordie-on.gif) no-repeat top left; 
			width:77px; height:27px;
			margin-top: -1px;
		}
		div.case-studies ul#sf-nav-pri ul#sf-nav-sub li#ethnic-on a,
		div.case-studies ul#sf-nav-pri ul#sf-nav-sub li#ethnic-on strong { 
			background: url(/learning/resources/sounds/images/btn-ethnic-on.gif) no-repeat top left; 
			width:122px; height:27px;
			margin-top: -1px;
		}
		
/* Activities */		
/* Updated due to IE5.5 bug - see bottom of file */
/*
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#grammatical-change-on a,
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#grammatical-change-on strong { 
			background: url(/learning/resources/sounds/images/btn-cs-grammatical-change.gif) no-repeat top left; 
			width:117px; height:26px;
		
		}
		
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#grammatical-variation-on a,
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#grammatical-variation-on strong { 
			background: url(/learning/resources/sounds/images/btn-cs-grammatical-variation.gif) no-repeat top left; 
			width:117px; height:26px;
		
		}
		
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#lexical-change-on a,
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#lexical-change-on strong { 
			background: url(/learning/resources/sounds/images/btn-cs-lexical-change.gif) no-repeat top left; 
			width:87px; height:26px;
		
		}
		
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#lexical-variation-on a,
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#lexical-variation-on strong { 
			background: url(/learning/resources/sounds/images/btn-cs-lexical-variation.gif) no-repeat top left; 
			width:95px; height:26px;
		}
		
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#phonological-change-on a,
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#phonological-change-on strong { 
			background: url(/learning/resources/sounds/images/btn-cs-phonological-change.gif) no-repeat top left; 
			width:116px; height:26px;
		}
		
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#phonological-variation-on a,
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#phonological-variation-on strong { 
			background: url(/learning/resources/sounds/images/btn-cs-phonological-variation.gif) no-repeat top left; 
			width:120px; height:26px;
		}
		
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#social-variation-on a,
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#social-variation-on strong { 
			background: url(/learning/resources/sounds/images/btn-cs-social-variation.gif) no-repeat top left; 
			width:92px; height:26px;
		}
		
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#methodology-on a,
		div.activities ul#sf-nav-pri ul#sf-nav-sub li#methodology strong { 
			background: url(/learning/resources/sounds/images/btn-methodology-on.gif) no-repeat top left; 
			width:92px; height:26px;
		}
*/		

		
/* Main Content container
---------------------------------------------------------------------------------------- */
div#sf-container div#sf-content-main { 
	padding: 0 8px 25px 8px;
}

/* Base Type
----------------------------------------- */
	/*Zero margin & padding*/
	div#sf-container * {margin: 0; padding: 0;}
	
	/*re-apply margin and padding*/
	div#sf-content-main p, 
	div#sf-content-main ol, 
	div#sf-content-main ul, 
	div#sf-content-main dl, 
	div#sf-content-main address, 
	div#sf-content-main blockquote,
	div#sf-content-main table {
		color: #fff;
		margin: 0 0 1em;
		font-size: 105%  !important;
		font-weight:normal;
		line-height: 1.5;
		text-shadow: 0 0 0 #000; /*lighten type rendering safari*/
	}
	
	
	/* Headings */
	div#sf-content-main h1, div#sf-content-main h2, div#sf-content-main h3 {
		font-weight: bold;
		text-shadow: 0 0 0 #000;
		color: #d48b3b;
	}
	
	div#sf-content-main h1 { margin: 1.8em 0 .9em; font-size: 135%; }
	div#sf-content-main h2 { margin: 0.8em 0 .8em; font-size: 110%; clear:left;}
	div#sf-content-main h3 { margin: 1.8em 0 .4em; font-size: 115%; }
	div#sf-content-main h4 { font-size: 110%;}
	div#sf-content-main h5 { margin: 0 0 .25em; font-size: 105%;}
	div#sf-content-main h6 { margin: 0 0 .25em; font-size: 90%;}
	
	div#sf-content-main h1 span,
	div#sf-content-main h2 span,
	div#sf-content-main h3 span {
		text-transform: uppercase;
		font-family: Georgia, "Times New Roman", Times;
	}
	
	/*  Lists */
	div#sf-content-main  #sf-content-pri ol,
	div#sf-content-main  #sf-content-pri ul,
	div#sf-content-main  #sf-content-intro ul{
		padding: 0 0 0 35px;
	}
	
	div#sf-content-main ol  li,
	div#sf-content-intro ol li {
		margin-bottom: 1em;
		list-style-type: decimal;
    }

/*	div#sf-content-intro ol li {
		padding	
	}*/
	
	div#sf-content-main #sf-content-pri ul li, {
		list-style: square;
	}
	
	div#sf-content-main #sf-content-pri blockquote {
		font-style: italic;
	}
	
	div#sf-content-main #sf-content-pri blockquote p {
		margin: 0 .5em;
	}
	
	div#sf-content-main sup {
		position: relative;
		top: -2px;
		margin: 0 2px;
		line-height: 5px;
		font-size: 60%;
	}
	
	div#sf-content-main abbr {
		border: none;
	}
	
	div#sf-content-main em.speech {
		font-style: italic;
		color: #d48b3b;
		font-family: Georgia, "Times New Roman", serif;
		letter-spacing: .05em;
	}
		div#sf-content-main em.speech span, div#sf-content-main p.speech span{
			font-weight: bold;
			text-decoration: underline;
		}

	div#sf-content-main div#sf-extract em.speech { color: #000; font-weight:bold; }
	
	
/* Intro content - almost full width
---------------------------------------------------------------------------------------- */
div#sf-container div#sf-content-intro { width:495px; font-size: 95%;}

/* Speakers Profile - FUll Width
---------------------------------------------------------------------------------------- */

div#sf-container div#sf-speakers-profile { 
	width:554px;
	background: #191919 url(/learning/resources/sounds/images/speakers-profile-bg.jpg) no-repeat top left; 
	margin-bottom: 1em;
	font-size: 100%;
	min-height: 134px;
}

/*
div#sf-container div#sf-speakers-profile.scotland { background: #191919 url(/learning/resources/sounds/images/speakers-profile-scotland-bg.jpg) no-repeat top left !important;}
div#sf-container div#sf-speakers-profile.wales { background: #191919 url(/learning/resources/sounds/images/speakers-profile-wales-bg.jpg) no-repeat top left !important;}
div#sf-container div#sf-speakers-profile.ni { background: #191919 url(/learning/resources/sounds/images/speakers-profile-ni-bg.jpg) no-repeat top left !important;}
div#sf-container div#sf-speakers-profile.london { background: #191919 url(/learning/resources/sounds/images/speakers-profile-london-bg.jpg) no-repeat top left !important;}
div#sf-container div#sf-speakers-profile.southwest { background: #191919 url(/learning/resources/sounds/images/speakers-profile-southwest-bg.jpg) no-repeat top left !important;}
div#sf-container div#sf-speakers-profile.eastmidlands { background: #191919 url(/learning/resources/sounds/images/speakers-profile-eastmidlands-bg.jpg) no-repeat top left !important;}
div#sf-container div#sf-speakers-profile.yorkshumber { background: #191919 url(/learning/resources/sounds/images/speakers-profile-yorkshirehumber-bg.jpg) no-repeat top left !important;}
div#sf-container div#sf-speakers-profile.northwest { background: #191919 url(/learning/resources/sounds/images/speakers-profile-northwestengland-bg.jpg) no-repeat top left !important;}
div#sf-container div#sf-speakers-profile.eastanglia { background: #191919 url(/learning/resources/sounds/images/speakers-profile-eastengland-bg.jpg) no-repeat top left !important;}
div#sf-container div#sf-speakers-profile.westmidlands { background: #191919 url(/learning/resources/sounds/images/speakers-profile-westmidlands-bg.jpg) no-repeat top left !important;}
div#sf-container div#sf-speakers-profile.northeast { background: #191919 url(/learning/resources/sounds/images/speakers-profile-northeastengland-bg.jpg) no-repeat top left !important;}
*/

div#sf-container div.scotland { background: #191919 url(/learning/resources/sounds/images/speakers-profile-scotland-bg.jpg) no-repeat top left !important;}
div#sf-container div.wales { background: #191919 url(/learning/resources/sounds/images/speakers-profile-wales-bg.jpg) no-repeat top left !important;}
div#sf-container div.ni { background: #191919 url(/learning/resources/sounds/images/speakers-profile-ni-bg.jpg) no-repeat top left !important;}
div#sf-container div.london { background: #191919 url(/learning/resources/sounds/images/speakers-profile-london-bg.jpg) no-repeat top left !important;}
div#sf-container div.southwest { background: #191919 url(/learning/resources/sounds/images/speakers-profile-southwest-bg.jpg) no-repeat top left !important;}
div#sf-container div.eastmidlands { background: #191919 url(/learning/resources/sounds/images/speakers-profile-eastmidlands-bg.jpg) no-repeat top left !important;}
div#sf-container div.yorkshumber { background: #191919 url(/learning/resources/sounds/images/speakers-profile-yorkshirehumber-bg.jpg) no-repeat top left !important;}
div#sf-container div.northwest { background: #191919 url(/learning/resources/sounds/images/speakers-profile-northwestengland-bg.jpg) no-repeat top left !important;}
div#sf-container div.eastanglia { background: #191919 url(/learning/resources/sounds/images/speakers-profile-eastengland-bg.jpg) no-repeat top left !important;}
div#sf-container div.westmidlands { background: #191919 url(/learning/resources/sounds/images/speakers-profile-westmidlands-bg.jpg) no-repeat top left !important;}
div#sf-container div.northeast { background: #191919 url(/learning/resources/sounds/images/speakers-profile-northeastengland-bg.jpg) no-repeat top left !important;}

/* Speaker Profile definition list
----------------------------------------- */
div#sf-speakers-profile  dl {
	width: 397px;
	padding: 0;
	color: #fff;
	line-height: 0.8;
	margin-bottom:1px;
}

div#sf-speakers-profile  dl dt {
	width: 65px;
	float: left;
	margin: 0 0 0 0;
	padding: .5em 0 .5em 4px;
	font-weight: bold;
	color: #d68a3d;
	line-height: 1.1;
}

div#sf-speakers-profile dl dt { clear: both; }

div#sf-speakers-profile dl dd {
	float: left;
	font-size: 105%;
	width: 328px;
	padding: .5em 0;
	border-top: 1px dotted #787878;
	font-weight: bold;
	line-height: 1.1;
}

div#sf-speakers-profile dl dd.first-desc { border:none !important; }

/* Speaker Navigation
----------------------------------------- */
div#sf-speakers-profile ul#speaker-nav {
	width: 390px;
	list-style: none;
	overflow: hidden;
	margin:0 0 0 4px;
	line-height: normal;
	font-weight: bold;
	position: relative;
	top:-4px;
}

div#sf-speakers-profile ul#speaker-nav a,
div#sf-speakers-profile ul#speaker-nav a:visited {
	border: none;
	color: #fff;
	text-decoration: underline;
}

/*
div#sf-speakers-profile ul#speaker-nav li#speaker-transcript {
	width: 200px;
	float: left;
	position:relative;
	top:15px;
}
*/

div#sf-container p#speaker-transcript {font-size:1.05em !important; font-weight: bold;}

div#sf-speakers-profile ul#speaker-nav li#speaker-audio {
	width: 119px;
	float: right;
}

div#sf-container  #transcript {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
}

/* Flash Object placeholder
---------------------------------------------------------------------------------------- */
div#sf-container div#sf-flash-object {
	width: 554px;
	height: 451px;
	background: url(/learning/resources/sounds/images/flash-object.gif) no-repeat top left; 
	margin: 0 0 1em;
}
div#sf-container #sf-flash-map { margin: 0 0 1em; }

div#sf-container #noflash {background:#555; padding:.4em}

div#sf-container #sf-content {
	border: 1px solid red;
}

/* Primary content column (Left hand col)
---------------------------------------------------------------------------------------- */
div#sf-container #sf-content-pri {
	float: left;
	width: 385px;
	font-size: 95%;	/* AH */
}

/* Sidebar content (right hand col)
---------------------------------------------------------------------------------------- */
div#sf-container div#sf-content-sidebar {
	float: right;
	width: 147px;
	color: #848484;
	margin-right:1px;
}

/* Full width container for data tables
---------------------------------------------------------------------------------------- */
div#sf-content-tabular {
	clear:both;
}

/* Type
----------------------------------------- */
	div#sf-container div#sf-content-sidebar p { 
		font-size: 95% !important; 
	}
	div#sf-container div#sf-content-sidebar h3 { 
		color: #fff; 
		font-size: 102%; 
		font-weight: bold !important;
		margin: .5em;
		text-shadow: 0 0 0 #000;
	}
	
	div#sf-container div#sf-content-sidebar div p {
		margin: .5em;
		line-height: 1.1;
		color: #848484;
	}
	
/* Lists
----------------------------------------- */
	div#sf-container div#sf-content-sidebar ul {
		list-style: none;
		margin: .5em;
	}
		div#sf-container div#sf-content-sidebar li {
			font-size: 95%;
		}
		
/* Sidebar box (see also, Find out more)
----------------------------------------- */
	div#sf-container div#sf-content-sidebar div {
		background: #090909 url(/learning/resources/sounds/images/side-box-top-bg.gif) no-repeat top left;
		border: 1px solid #393939;
		margin: 4px 0 1em;
	}
	
	/* sidebar box that needs top margin */
	div#sf-container div#sf-content-sidebar div.nav-side {margin-top: 4em;}
	

/* Regional Navigation
----------------------------------------- */	
	div#sf-container div#sf-content-sidebar ul#nav-regional li {
		margin: 0 0 7px 0;
	}
	
	div#sf-container div#sf-content-sidebar ul a, 
	div#sf-container div#sf-content-sidebar ul a:visited {
		color: #848484;
		font-weight: normal;
		border: none;
		display: block;
		text-decoration: underline;
		
	}
	
	div#sf-container div#sf-content-sidebar ul li {
		padding-left: 9px;
		margin-bottom: 4px;
		background: url(/learning/resources/sounds/images/nav-bullet-sml.gif) no-repeat 0 3px;
		line-height:1.3;
	}

	/* default orange */
	div#sf-container div#sf-content-sidebar ul a:hover {color: #d48b3b;}
	
	/* case studies */
	div.case-studies div#sf-content-sidebar ul a:hover { color: #c46878 !important; }


	div#sf-container div#sf-content-sidebar #nav-regional a{text-decoration: none;}
	
	div#sf-container div#sf-content-sidebar #nav-regional li {padding: 1px 0 4px 30px; line-height:1.2;}
	
	div#sf-container div#sf-content-sidebar #england {
		background: url(/learning/resources/sounds/images/ico-england-flag.gif) no-repeat 0 0; 
	}

	div#sf-container div#sf-content-sidebar #scotland {
		background: url(/learning/resources/sounds/images/ico-scotland-flag.gif) no-repeat 0 0; 
	}
	
	div#sf-container div#sf-content-sidebar #wales {
		background: url(/learning/resources/sounds/images/ico-wales-flag.gif) no-repeat 0 0; 
	}
	
	div#sf-container div#sf-content-sidebar #ni {
		background: url(/learning/resources/sounds/images/ico-ni-flag.gif) no-repeat 0 0; 
	}
	
	div#sf-container div#sf-content-sidebar #rec-pron {
		background: url(/learning/resources/sounds/images/ico-recpron-flag.gif) no-repeat -2px 0;
	}
	
	div#sf-container div#sf-content-sidebar #ethnic-min {
		background: url(/learning/resources/sounds/images/ico-ethnic.gif) no-repeat 0 -2px;
	}
	
	div#sf-container div#sf-content-sidebar #glossary {
		background: url(/learning/resources/sounds/images/icon-glossary.gif) no-repeat 2px -2px;	
	}
	
	
/* Footer
---------------------------------------------------------------------------------------- */
div#sf-container div#sf-footer {
	position: relative;
	clear: both;
	background: #fff;
	color: #555;
	padding-top: 10px;
	width: 570px;;
}

/* Footer Links
----------------------------------------- */	
	div#sf-container div#sf-footer a:link, 
	div#sf-container div#sf-footer a:visited { color: #555; border: none; font-weight: normal;}
	
	div#sf-container div#sf-footer a:hover { text-decoration: underline; }

/* Nav list
----------------------------------------- */
	div#sf-container div#sf-footer ul#footnav {
		position: absolute;
		top: 14px;
		right: 0;
	}
		div#sf-container div#sf-footer ul#footnav li { display:inline; }
		div#sf-container div#sf-footer ul#footnav li a { border-right: 1px solid #555; padding-right: 5px;}
		div#sf-container div#sf-footer ul#footnav li:last-child a { border: none; padding-right: 0;}

div#sf-container div#sf-footer p {padding:2px 0;}

div#sf-container div#sf-footer p a {
	background: url(/learning/resources/sounds/images/iconprint.gif) no-repeat 0 0;
	padding: 4px 0 4px 23px;
}

/*=============================================================================================
   PAGE SPECIFIC RULES
=============================================================================================   */

/* Regional Voices
---------------------------------------------------------------------------------------- */

		
/* Type
----------------------------------------- */
div.phono div#sf-content-main h1 { 
	background: url(/learning/resources/sounds/images/icon-phono.gif) no-repeat 0 -2px;
	padding: 3px 0 5px 30px;
	color: #d48b3b;
}

div.lexical-variation div#sf-content-main h1 { 
	background: url(/learning/resources/sounds/images/icon-lexical-variation.gif) no-repeat 0 2px;
	padding: 5px 0 5px 30px;
	color: #d48b3b;
}

div.grammatical-variation div#sf-content-main h1 { 
	background: url(/learning/resources/sounds/images/icon-grammatical-variation.gif) no-repeat 0 -1px;
	padding: 5px 0 5px 30px;
	color: #d48b3b;
}

div.social-variation div#sf-content-main h1 { 
	background: url(/learning/resources/sounds/images/icon-social-variation.gif) no-repeat 0 -1px;
	padding: 5px 0 5px 30px;
	color: #d48b3b;
}

div.geordie div#sf-content-main h1 { 
	background: url(/learning/resources/sounds/images/icon-geordie.gif) no-repeat 0 -1px;
	padding: 5px 0 5px 30px;
}

div.rp div#sf-content-main h1 { 
	background: url(/learning/resources/sounds/images/icon-rp.gif) no-repeat 0 -1px;
	padding: 9px 0 9px 50px;
}

div.ethnic div#sf-content-main h1 { 
	background: url(/learning/resources/sounds/images/icon-ethnic.gif) no-repeat 0 -1px;
	padding: 9px 0 9px 37px;
}


div.phono div#sf-content-main h3 { color:#fff !important;}

/* pronunciation text */
div#sf-content-main h2.pronunciation,
div#sf-content-main h2.pronunciation a,
div#sf-content-main h2.pronunciation a:visited { 
	font-size: 125%;
	color: #fff; 
	margin-bottom: 1em;
	font-weight: bold;
}

div#sf-content-main p.pronunciation a, div#sf-content-main p.pronunciation a:visited { color: #fff; padding: 0 2px; }

div#sf-content-main h2.pronunciation a:hover,
div#sf-content-main p.pronunciation a:hover {border-bottom: 2px solid #d48b3b !important;}



/* Changing Voices
---------------------------------------------------------------------------------------- */
div.changing-voices div#sf-content-main h2.pronunciation a:hover,
div.changing-voices div#sf-content-main p.pronunciation a:hover {border-bottom: 2px solid #94A663 !important; color: #fff;}

div.changing-voices blockquote p {color:#94A663 !important;}

/* images
----------------------------------------- */
div#sf-content-main img.content-left { 
	float: left;
	margin: 5px 10px 0 0;
}

/* Audio Extracts Box
----------------------------------------- */
div#sf-container div#sf-audio-extracts { width: 402px; margin: 0 0 1em;}
/*regional voices - yellow*/	
	div.regional-voices div#sf-audio-extracts { background: #c8a23c url(/learning/resources/sounds/images/audio-extracts-top-rc.gif) no-repeat top left;}
	div.regional-voices div#sf-audio-extracts div.last { background: #c8a23c url(/learning/resources/sounds/images/audio-extracts-bot-rc.gif) no-repeat bottom left; }
/*changing voices - green */	
	div.changing-voices div#sf-audio-extracts { background: #94a663 url(/learning/resources/sounds/images/audio-extracts-top-rc-green.gif) no-repeat top left;}
	div.changing-voices div#sf-audio-extracts div.last { background: #94a663 url(/learning/resources/sounds/images/audio-extracts-bot-rc-green.gif) no-repeat bottom left; }
	
/*Your Voices - added 14/06/07 for your voices */	
	div.your-voices div#sf-audio-extracts { background: #c8a23c url(/learning/resources/sounds/images/audio-extracts-top-rc.gif) no-repeat top left;}
	div.your-voices div#sf-audio-extracts div.last { background: #c8a23c url(/learning/resources/sounds/images/audio-extracts-bot-rc.gif) no-repeat bottom left; }
/*End Your Voices - added 14/06/07 for your voices */

	div#sf-container div#sf-audio-extracts *{ color:#000 !important; padding: 5px 10px}
	div#sf-container div#sf-audio-extracts * *{ padding:0; }	
	div#sf-container div#sf-audio-extracts p.extract-intro {
		width: 240px; 
		float:left; 
		font-style: italic;
		font-family: Georgia, "Times New Roman", Times;
		padding-top: 3px;
	}
	
	div#sf-container div#sf-audio-extracts p,
	div#sf-container div#sf-audio-extracts h5 { clear:left; }
	
	div#sf-container div#sf-audio-extracts img, 
	div#sf-container div#sf-audio-extracts object,
	div#sf-container div#sf-audio-extracts embed { 
		float:right; margin-top: 8px;
	}
	
	div#sf-container div#sf-audio-extracts  h4 { border-bottom: 1px solid #000; padding: 4px 0; }
	
	div#sf-container div#sf-audio-extracts h3 {
		width: 270px;
		color: #000 !important;
		font-weight: bold;
		margin-bottom: .5em;
	}

	div#sf-container div#sf-audio-extracts a { 
		border: none !important; 
		font-weight:bold;
		text-decoration: underline;
	}
	div#sf-container div#sf-audio-extracts a:hover{ color: #AD0F3F !important; }
	
	div#sf-container div#sf-audio-extracts dt {font-style: italic; float:left; padding-right:.5em; font-weight:bold;} 
	div#sf-container div#sf-audio-extracts dd {margin: 0 0 .5em;}
	
/* Regional Voices
---------------------------------------------------------------------------------------- */
div.regional-voices div#sf-content-main h1,
div.regional-voices div#sf-content-main h2,
div.regional-voices div#sf-content-main h3 { color: #c8a23c; }

div.regional-voices em.speech { color: #c8a23c !important; }
div.regional-voices em.lexical-word { color: #c8a23c; }
div.regional-voices a { color: #c8a23c; }

/* Changing Voices
---------------------------------------------------------------------------------------- */
div.changing-voices div#sf-content-main h1, div.changing-voices div#sf-content-main h2 { 
/*	background: url(/learning/resources/sounds/images/icon-phono.gif) no-repeat 0 -2px; 
	padding: 3px 0 5px 30px;   */
	color: #94a663;
}

div.lexical-change div#sf-content-main h1 { 
	background: url(/learning/resources/sounds/images/icon-lexical-change.gif) no-repeat 0 2px;
	padding: 5px 0 5px 30px;
}

div.phono-change div#sf-content-main h1 { 
	background: url(/learning/resources/sounds/images/icon-phono-change.gif) no-repeat 0 -2px;
	padding: 3px 0 5px 30px;
}

div.grammatical-change div#sf-content-main h1 { 
	background: url(/learning/resources/sounds/images/icon-grammatical-change.gif) no-repeat 0 -1px;
	padding: 5px 0 5px 30px;
}

div.changing-voices em.speech { color: #94a663 !important; }

div.changing-voices em.lexical-word { color: #94a663; }

div.changing-voices a:hover { color: #94a663 !important; }

/* Your Voices
---------------------------------------------------------------------------------------- */
div.your-voices div#sf-content-main h1 { 
/*	background: url(/learning/resources/sounds/images/icon-phono.gif) no-repeat 0 -2px; 
	padding: 3px 0 5px 30px;   */
	color: #ab7c74;
}
div.your-voices div#sf-content-main h2, div.your-voices div#sf-content-main h3 {color: #ab7c74;}

div.your-voices  a:hover,
div.your-voices  a:visited {
	color: #ab7c74 !important;
}

/* Audio Extracts Box
----------------------------------------- */
div.your-voices div#audio-extracts {
	background: #876660; 
}

/* Case Studies
---------------------------------------------------------------------------------------- */
div.case-studies div#sf-content-main h1 { 
/*	background: url(/learning/resources/sounds/images/icon-phono.gif) no-repeat 0 -2px; 
	padding: 3px 0 5px 30px;   */
	color: #c46878;
}
div.case-studies div#sf-content-main h2, 
div.case-studies div#sf-content-main h3,
div.case-studies div#sf-content-main a:hover { color: #c46878; }

div.case-studies div#sf-content-main table a:hover { color: #000; }

div.case-studies em.speech, div.case-studies p.speech { 
	color: #c46878 !important; 
	font-family: georgia,times,"times new roman"; 
	font-style: italic;
	}

em.lexical-word { text-transform:uppercase; font-family: georgia,"Times New Roman", Times; font-style: normal; }
div.case-studies em.lexical-word {color: #c46878;}

em.lexical-key {font-style: normal !important; font-size: 98%;}

/* Activities
---------------------------------------------------------------------------------------- */
div.activities div#sf-content-main h1 { 
/*	background: url(/learning/resources/sounds/images/icon-phono.gif) no-repeat 0 -2px; 
	padding: 3px 0 5px 30px;   */
	color: #d16e55;
}
div.activities div#sf-content-main h2, div.activities div#sf-content-main h3 { color: #d16e55; }
div.activities div#sf-content-main em.speech { color: #d16e55;  }

div.activities a:hover { color: #d16e55 !important; }

/* rc boxes */
div#sf-container div.activitybox * { color:#000; }
div#sf-container div.activitybox div {padding:10px;}

div#sf-container div.activitybox p { text-indent:28px; margin-bottom: 4px;}
div#sf-container div.activitybox ol li {margin-bottom:0;}
div#sf-container div.activitybox em.speech {color:#000;}

div#sf-container div#activity1, 
div#sf-container div#activity2, 
div#sf-container div#activity3, 
div#sf-container div#activity4 { width: 400px; margin-bottom: 1em; }

div#sf-container div#activity1 { background: #d16e55 url(/learning/resources/sounds/images/activitiesbox1-top.gif) top left no-repeat; }
div#sf-container div#activity2 { background: #d15f55 url(/learning/resources/sounds/images/activitiesbox2-top.gif) top left no-repeat; }
div#sf-container div#activity3 { background: #c54c5b url(/learning/resources/sounds/images/activitiesbox3-top.gif) top left no-repeat; }
div#sf-container div#activity4 { background: #d2567a url(/learning/resources/sounds/images/activitiesbox4-top.gif) top left no-repeat; }

div#sf-container div#activity1 div { background: url(/learning/resources/sounds/images/activitiesbox1-bot.gif) bottom left no-repeat; }
div#sf-container div#activity2 div { background: url(/learning/resources/sounds/images/activitiesbox2-bot.gif) bottom left no-repeat; }
div#sf-container div#activity3 div { background: url(/learning/resources/sounds/images/activitiesbox3-bot.gif) bottom left no-repeat; }
div#sf-container div#activity4 div { background: url(/learning/resources/sounds/images/activitiesbox4-bot.gif) bottom left no-repeat; }

div#sf-container dl.city-links {padding-bottom:1em;}

div#sf-container dl.city-links dt {
	font-weight: bold;
	clear: left;
	padding-top:6px;
	text-transform: uppercase;
}
div#sf-container dl.city-links dd {
	float: left;
	padding-right: 4px;
}

/* Your Voices
---------------------------------------------------------------------------------------- */
div#sf-container  div.vcard { margin: 0 0 1em 0; }
div#sf-container div.vcard div { padding-bottom:.5em }

div#sf-container ul.prnform {
	padding: 0 !important;
}

div#sf-container ul.prnform li {
	list-style: none !important;
	margin: .3em 0;
	border-bottom: 1px dotted #ccc;
}


/* Glossary
---------------------------------------------------------------------------------------- */
em.lexical-speech {font-style : normal; font-size: 0.95em;}

div.glossary p.speech {font-style: italic;}

/* Credits
---------------------------------------------------------------------------------------- */
div#sf-container.credits img {margin-bottom:1em;}

/* Speakers profile
---------------------------------------------------------------------------------------- */
img#region-photo {margin-bottom:6px;}


/* Text Only  - Regions
---------------------------------------------------------------------------------------- */
div#sf-container.text-only .region { 
	width:399px; 
/*	background: url(/learning/resources/sounds/images/regions-grad-bg.gif) repeat-x; */
	background: url(/learning/resources/sounds/images/regions-grad-bg-rc.gif) top left no-repeat;
	padding-top: 4px;
	margin-bottom: 2px;
}
*html>body div#sf-container.text-only .region { width:402px; } /* hack for IE width problem  */

	#sf-container.text-only .regions h2 {
		color: #000 !important;
		background: url(/learning/resources/sounds/images/h2-text-only-phono.gif) no-repeat 0 0;
		padding:7px 0 0 .5em;
		height: 23px;
		width:399px;
		margin-bottom: 4px !important;
		margin-top: 5px !important;
	}
	*html>body #sf-container.text-only .regions h2 {width: 402px; min-height:23px;} /* hack for IE width problem  */
	
	#sf-container.home .regions h2 {background: url(/learning/resources/sounds/images/h2-text-only.gif) no-repeat 0 0 !important;}

	div#sf-container.text-only .col { width: 198px;}

	div#sf-container.text-only .a { float: left; }
	div#sf-container.text-only .b { float: right; }

		div#sf-container.text-only .region h3 {padding-left:6px; padding-top: 6px;}
	
		div#sf-container.text-only .region ul { padding-left:6px !important; }
			div#sf-container.text-only .region ul li { list-style-type: none !important; }
				div#sf-container.text-only .region a { color: #fff;  font-weight: normal !important;}

/* Text Only  - "Bath Map" - world map etc
---------------------------------------------------------------------------------------- */
	div#sf-container.phono .word-bath h2 {background: url(/learning/resources/sounds/images/h2-text-only-phono.gif) no-repeat 0 0;}
		
		div#sf-container .word-bath li {
			background: url(/learning/resources/sounds/images/ico-audio-phono.gif) no-repeat 0 5px;
			padding: 3px 0px 3px 24px;
		}
		
		div#sf-container .word-bath a { 
			border: none;
			font-weight: normal !important;
			
			text-decoration: none;
			 
			font-size:0.94em !important;
		}
		
		div#sf-container .word-bath a:hover {text-decoration:underline;}
		div#sf-container .word-bath dl a {
			background: url(/learning/resources/sounds/images/ico-audio-phono.gif) no-repeat 0 0;
			color: #c8a23c !important;
			padding: 2px 0 3px 22px;
		}
		
		div#sf-container .word-bath img { position: relative; top:3px; }
		
		div.phono h2 em.speech {color: #000 !important;}

/* Text Only  - "Your Voices" - added 15/06/2007
---------------------------------------------------------------------------------------- */
div.your-voices .regions a:visited {color: #fff !important;}
div.your-voices .regions h3 {margin-top:0 !important;}		

/* Text Only  - "World Map" - 
---------------------------------------------------------------------------------------- */
	div#sf-container .word-bath dl {padding:.5em;}
	div#sf-container .word-bath dl dd {margin-bottom:1.6em;}
	
/* Text Only  - Windows media embed 
---------------------------------------------------------------------------------------- */
	div#sf-container #winmedia {margin: 5px 5px 12px 5px;}
	
/* Definition lists
----------------------------------------- */
div#sf-container dl.table-display {
	width: 380px;
	padding: 0;
	color: #000;
	line-height: 1.1;
}
div#sf-container dl.table-display dt {
	width: 245px;
	float: left;
	margin: 0 0 0 0;
	padding: .5em 0;
	border-top: 1px dotted #000;
	font-weight: normal;
}
div#sf-container dl.table-display dt { clear: both; }

div#sf-container dl.table-display dd {
	float: left;
	width: 110px;
	padding: .5em;
	border-top: 1px dotted #000;
}

/* Areas
----------------------------------------- */
div#sf-container .areas dl {}

div#sf-container .areas dt {
	float: left; 
	font-weight: bold;
	margin-right: 5px;
}

div#sf-container .areas dd {
	font-weight: normal;
}

/* Data Tables
----------------------------------------- */
/* Generic Table Styles */
div#sf-container table { width: auto; text-align: left; border-collapse: collapse;}
div#sf-container table.data caption { font-weight: bold; }
div#sf-container table.data th { font-weight: bold; }

div#sf-container table.data td,
div#sf-container table.data th {
    line-height: 1.2;
    padding: 6px 8px;
    border-top-width: 0;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
}

div#sf-container table.data th a, 
div#sf-container table.data td a {
	color: inherit;
	font-weight: inherit;
}

div#sf-container table td.numeric, 
div#sf-container table th.numeric { text-align: right; }

div#sf-container td p,
div#sf-container th p { margin:0 0 1em 0; line-height:1.2 !important; }

/* Case Studies - Pink backgrounds
----------------------------------------- */
/* nasty extra element for ie table styling */
#sf-content-tabular div {
	background:  url(/learning/resources/sounds/images/tablehead-case-bot.gif) no-repeat bottom left;
	padding-bottom:7px;
	width: 552px;
	margin-bottom:1em;
}


div#sf-container table.casedata { width: 552px; color: #000; background: #c56f7f; margin-bottom:0;}
	
	div#sf-container table.casedata thead tr {background: none;}
	
	div#sf-container table.casedata thead th { padding-top: 20px; background: none; background-color:#dc8f9f;}

	div#sf-container table.casedata tr { background: url(/learning/resources/sounds/images/table-row-case.gif) repeat-x top left; }  
	div#sf-container table.casedata  th.rc1 { background: url(/learning/resources/sounds/images/tablehead-case.gif) no-repeat top left; }
	div#sf-container table.casedata  th.rc2 { background: url(/learning/resources/sounds/images/tablehead-case.gif) no-repeat top right; }

	div#sf-container table.casedata td, 
	div#sf-container table.data th { border-bottom: none !important; }
	
	div#sf-container table.data  .ipa {
		font-size:115%; 
		font-weight:bold;
		letter-spacing:0.2em;
		font-family:"Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode";
		}

		div#sf-container table.casedata td p,
		div#sf-container table.casedata th p,
		div#sf-container table.casedata th em,
		div#sf-container table.casedata th { color: #000 !important; }
		
		div#sf-container table.data td em.speech {color:#000 !important;}
		
		div#sf-container table.casedata ul {color: #000; list-style: none; line-height:1.2;}
		
		div#sf-container table td span.mp3 object {padding-top:5px; display:block}
		
/* Case Studies - green backgrounds
----------------------------------------- */
/* nasty extra element for ie table styling */
#sf-content-tabular div {
	background:  url(/learning/resources/sounds/images/tablehead-case-bot.gif) no-repeat bottom left;
	padding-bottom:7px;
	width: 552px;
	margin-bottom:1em;
}
div.changing-voices #sf-content-tabular div { background:  url(/learning/resources/sounds/images/tablehead-change-bot.gif) no-repeat bottom left;}

div#sf-container table.changedata { width: 552px; color: #000; background: #94a663; margin-bottom:0;}

	div#sf-container table.changedata thead tr {background: none;}

	div#sf-container table.changedata thead th { padding-top: 20px; background: none; background-color: #b3c382;}

	div#sf-container table.changedata tr { background: url(/learning/resources/sounds/images/table-row-change.gif) repeat-x top left; }  
	div#sf-container table.changedata  th.rc1 { background: url(/learning/resources/sounds/images/tablehead-change.gif) no-repeat top left; }
	div#sf-container table.changedata  th.rc2 { background: url(/learning/resources/sounds/images/tablehead-change.gif) no-repeat top right; }

	div#sf-container table.changedata td, 
	div#sf-container table.data th { border-bottom: none !important; }

	div#sf-container table.data  .ipa {
		font-size:115%; 
		font-weight:bold;
		letter-spacing: 0.2em;
		font-family:"Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode";
		}

		div#sf-container table.changedata td p,
		div#sf-container table.changedata th p,
		div#sf-container table.changedata th em,
		div#sf-container table.changedata th { color: #000 !important; }

		div#sf-container table.data td em.speech {color:#000 !important;}

		div#sf-container table.changedata ul {color: #000; list-style: none; line-height:1.2;}

		div#sf-container table td span.mp3 object {padding-top:5px; display:block}

/* Your Voices - Plum backgrounds
----------------------------------------- */
div.your-voices #sf-content-tabular div { background:  url(/learning/resources/sounds/images/tablebot-yourvoice-bot.gif) no-repeat bottom left;}

div#sf-container table.yourvoice { width: 552px; color: #000; background: #94a663; margin-bottom:0;}

	div#sf-container table.yourvoice thead tr {background: none;}

	div#sf-container table.yourvoice thead th { padding-top: 20px; background: none; background-color: #c79c94;}

	div#sf-container table.yourvoice tr { background: url(/learning/resources/sounds/images/table-row-yourvoice.gif) repeat-x top left; }  
	div#sf-container table.yourvoice  th.rc1 { background: url(/learning/resources/sounds/images/tablehead-yourvoice.gif) no-repeat top left; }
	div#sf-container table.yourvoice  th.rc2 { background: url(/learning/resources/sounds/images/tablehead-yourvoice.gif) no-repeat top right; }

	div#sf-container table.yourvoice td, 
	div#sf-container table.data th { border-bottom: none !important; }

	div#sf-container table.data  .ipa {
		font-size: 115%; 
		font-weight: bold;
		letter-spacing: 0.2em;
		font-family: "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode";
	}

		div#sf-container table.yourvoice td p,
		div#sf-container table.yourvoice th p,
		div#sf-container table.yourvoice th em,
		div#sf-container table.yourvoice th { color: #000 !important; }

		div#sf-container table.data td em.speech {color:#000 !important;}

		div#sf-container table.yourvoice ul {color: #000; list-style: none; line-height:1.2;}

		div#sf-container table td span.mp3 object {padding-top:5px; display:block}

		
/*=============================================================================================
   Util Classes
=============================================================================================   */
div#sf-container .off-screen {
	position: absolute;
	top: -9999px;
	left: -9999px;
	height: 1px;
	width: 1px;
	overflow: hidden;
	text-indent: -9999px;
}
div#sf-container .left { float: left; }
div#sf-container .right { float: right; }
div#sf-container .clear { clear: both; }
div#sf-container .nowrap { white-space: nowrap;}
div#sf-container .bold {font-weight: bold !important;}
div#sf-container span.ul {text-decoration: underline;}
div#sf-container span.noem {font-style:normal !important;} 
 div#sf-container span.mp3 object { } 

/*=============================================================================================
   =CLEARING - SELF CLEAR PARENT ELEMENTS THAT CONTAIN FLOATED CHILDREN
=============================================================================================   */
#sf-nav-pri:after, 
#sf-content-main:after,
#sf-nav-sub:after,
#sf-content-wrap:after,
#audio-extracts:after,
dl.table-display:after,
div#sf-speakers-profile dl:after,
.text-only .region:after,
div#sf-container div#sf-audio-extracts .sf-extract:after,
div#sf-container dl.city-links:after
 {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Extra class for last-child in IE */
div#sf-container a.last-child { border:none !important; padding-right:0 !important; }




/* Layout fixes for activiteis for IE5 */

/* Activities */		
		div.activities ul#sf-nav-sub li#grammatical-change a { background: url(/learning/resources/sounds/images/btn-grammatical-change.gif) no-repeat top left; width:117px; height:26px; }

		div.activities ul#sf-nav-sub li#grammatical-variation a { background: url(/learning/resources/sounds/images/btn-grammatical-variation.gif) no-repeat top left; width:117px; height:26px;}

		div.activities ul#sf-nav-sub li#lexical-change a { background: url(/learning/resources/sounds/images/btn-lexical-change.gif) no-repeat top left; width:87px; height:26px;}

		div.activities ul#sf-nav-sub li#lexical-variation a { background: url(/learning/resources/sounds/images/btn-lexical-variation.gif) no-repeat top left; width:95px; height:26px;}

		div.activities ul#sf-nav-sub li#phonological-change a { background: url(/learning/resources/sounds/images/btn-phono-change.gif) no-repeat top left; width:116px; height:26px; }

		div.activities ul#sf-nav-sub li#phonological-variation a { background: url(/learning/resources/sounds/images/btn-phono-variation.gif) no-repeat top left; width:120px; height:26px;}

		div.activities ul#sf-nav-sub li#social-variation a { background: url(/learning/resources/sounds/images/btn-social-variation.gif) no-repeat top left; width:92px; height:26px;	}

		div.activities ul#sf-nav-sub li#methodology a { background: url(/learning/resources/sounds/images/btn-methodology.gif) no-repeat top left; width:79px; height:26px; }

		div.activities ul#sf-nav-sub li#grammatical-change-on a,
		div.activities ul#sf-nav-sub li#grammatical-change-on strong { 
			background: url(/learning/resources/sounds/images/btn-cs-grammatical-change.gif) no-repeat top left; 
			width:117px; height:26px;
		}
		
		div.activities ul#sf-nav-sub li#grammatical-variation-on a,
		div.activities ul#sf-nav-sub li#grammatical-variation-on strong { 
			background: url(/learning/resources/sounds/images/btn-cs-grammatical-variation.gif) no-repeat top left; 
			width:117px; height:26px;
		}
		
		div.activities ul#sf-nav-sub li#lexical-change-on a,
		div.activities ul#sf-nav-sub li#lexical-change-on strong { 
			background: url(/learning/resources/sounds/images/btn-cs-lexical-change.gif) no-repeat top left; 
			width:87px; height:26px;
		}
		
		div.activities ul#sf-nav-sub li#lexical-variation-on a,
		div.activities ul#sf-nav-sub li#lexical-variation-on strong { 
			background: url(/learning/resources/sounds/images/btn-cs-lexical-variation.gif) no-repeat top left; 
			width:95px; height:26px; 
		}
		
		div.activities ul#sf-nav-sub li#phonological-change-on a,
		div.activities ul#sf-nav-sub li#phonological-change-on strong { 
			background: url(/learning/resources/sounds/images/btn-cs-phonological-change.gif) no-repeat top left; 
			width:116px; height:26px; margin-bottom:1px;
		}

		div.activities ul#sf-nav-sub li#phonological-variation-on a,
		div.activities ul#sf-nav-sub li#phonological-variation-on strong { 
			background: url(/learning/resources/sounds/images/btn-cs-phonological-variation.gif) no-repeat top left; 
			width:120px; height:26px;
		}
		
		div.activities ul#sf-nav-sub li#social-variation-on a,
		div.activities ul#sf-nav-sub li#social-variation-on strong { 
			background: url(/learning/resources/sounds/images/btn-cs-social-variation.gif) no-repeat top left; 
			width:92px; height:26px;
		}
		
		div.activities ul#sf-nav-sub li#methodology-on a,
		div.activities ul#sf-nav-sub li#methodology strong { 
			background: url(/learning/resources/sounds/images/btn-methodology-on.gif) no-repeat top left; 
			width:92px; height:26px;
		}

		.content-text { font-size: 95%;} /* BL added style for bath-trap-split page */