/* 	--------------------------------------------------------------
	YoungExplorers.css
	Sets up custom styles for the Young Explorers section
	-------------------------------------------------------------- */


/* 	COLOURS
	--------------------------------------------------------------
	Links		#017C8F (blue)
	Global		#D7FCFC (light blue)
	Hilite		#FFF200 (yellow)
	Vivid		#66FFFF (vivid blue)
	
	Create		#EC008C (pink)
	Play		#F86300 (orange)
	Discover	#00A3BC (dark blue)
	Post		#43A739 (green)		*/


/* New Additions */
.printOnly
{
	display:		none;
	visibility:		hidden;
}
	
	

/* 	BASICS
	-------------------------------------------------------------- */
	body			{ background:transparent url(../../../images/v2/YoungExplorers/BodyBg.png) no-repeat 50% -150px;}
	a 				{ color:#017C8F; text-decoration:none;}
	a:focus,
	a:active		{ background-color:#eafcfd; outline:none; text-decoration:underline;}
	a:hover			{ text-decoration:none; color: #000;}
	a.arrowLeft 	{ background-position:0 -996px;}
	a.arrowRight	{ background-position:100% -796px;}
	a.arrowBack 	{ margin-left:1em; padding-left:16px;}
	


/*	GRID EXCEPTIONS - see fix in ie_lt_6.css
	This pulls the switch content rollovers out of grid alignment and increases width of grid columns to compensate
	-------------------------------------------------------------- */
 	body.YE.Home div.grid_4#landingGrid4	{ margin-left:-1.6em; width:32em;}
 	body.YE.Home div.grid_5#landingGrid5	{ width:40em;}
	

/*	HEADER BAR
	-------------------------------------------------------------- */
	body div#headerWrapper {
		background-color: transparent;
		display: block;
		width: 100%;
	}
	
	
	div#headerLogo h1,
	div#headerLogo p		{ 
	    margin:0 0 1.2em 0;  
	}
	
	div#headerLogo h1 a,
    div#headerLogo p a {
        background:transparent url(../../../images/v2/YoungExplorers/BMLogoSprite.png) no-repeat 0 0;
        background-position:0 -560px;
        height: 70px;
        width: 139px;
    }
	

	
	div#crumbLangContainer,
	div#crumbLangContainer div#crumbCorner 		{ background-image:none;}
	div#crumbLangContainer						{ background-image:url(../../../images/v2/YoungExplorers/DottedLine8ED5E1.gif); background-position:0 34px; background-repeat:repeat-x; height:6.4em;}
	
	div#crumbLangContainer div#breadcrumb 		{ color:#CCC;}
	div#crumbLangContainer div#breadcrumb a		{ color:#000; float:none;}
	div#crumbLangContainer div#breadcrumb a:first-child { background:none; display:inline; float:none; text-indent:0; width:auto;}
	/*div#crumbLangContainer div#breadcrumb span.currentPage a { color:#00A3BC;}*/
	div#crumbLangContainer div#breadcrumb span.currentPage { color:#00A3BC; float:none;}
	
	div#headerMenu ul			{ margin:0 0 0 3em;}
	
	/*div#headerMenu ul li		{ margin:0 1.5em 0 0;}*/
	
	div#headerMenu ul li a				{ color:#000; padding: 0px 9px;}
	div#headerMenu ul li.current a		{ color:#00A3BC;}
	
	/*div#headerMenu ul li div			{ padding:6px 3px 4px 3px;}*/
	


/*	BRANDING
	-------------------------------------------------------------- */
	div#yeHeader				{ height:104px;}
	h1#yeBranding,				
	p#yeBranding				{ font-size:1em; font-weight:normal; line-height:1.3333em; margin:0;}

	h1#yeBranding a,
	p#yeBranding a				{ color:#000;}
	h1#yeBranding a:hover,
	p#yeBranding a:hover		{ color:#017C8F; text-decoration:none;}
		
	h1#yeBranding a span#young,
	p#yeBranding a span#young		{ display:block; font-size:3em; letter-spacing:1px; margin:5px 0 0 3px;}
	h1#yeBranding a span#explorers,
	p#yeBranding a span#explorers	{ display:block; font-size:6em; line-height:1.2; font-weight:bold; letter-spacing:2px; margin-top:-9px;}
	
	h1#yeBranding a:focus,
	h1#yeBranding a:active,
	p#yeBranding a:focus,
	p#yeBranding a:active			{ background-color:transparent; color:#017C8F; text-decoration:none;}
	

/*	NAVIGATION
	-------------------------------------------------------------- */

/*	Global nav */
	ul#yeGNav							{ list-style-type:none; margin:37px 0 0 0; position:relative;}
	ul#yeGNav li						{ float:left; font-size:3em; line-height:16px; margin:0 0.7em 0 0;}
	ul#yeGNav li a						{ background-image:url(../../../images/v2/YoungExplorers/MainSprite.png); background-position:0 0; background-repeat:no-repeat; color:#000; display:block; float:left; height:24px;}
	ul#yeGNav li a:hover,
	ul#yeGNav li a:focus,
	ul#yeGNav li a:active				{ background-color:transparent; text-decoration:none;}
	ul#yeGNav li a span					{ background-image:url(../../../images/v2/YoungExplorers/MainSprite.png); background-position:0 0; background-repeat:no-repeat; display:none; height:45px; position:absolute; top:16px; width:31px;}

	ul#yeGNav li#yeGNav_Create a			{ background-position:0 -95px; padding:11px 0 4px 48px;}
	ul#yeGNav li#yeGNav_Create a span		{ background-position:0 -500px; left:-20px;}
	ul#yeGNav li#yeGNav_Create a:hover,
	ul#yeGNav li#yeGNav_Create a:focus,
	ul#yeGNav li#yeGNav_Create a:active,
	ul#yeGNav li#yeGNav_Create.active a,
	body.Home ul#yeGNav li#yeGNav_Create a		{ background-position:-400px -95px; color:#EC008C;}
	body.Home ul#yeGNav li#yeGNav_Create a:hover,
	body.Home ul#yeGNav li#yeGNav_Create a:focus,
	body.Home ul#yeGNav li#yeGNav_Create a:active{ background-position:0 -95px; color:#000;}
	ul#yeGNav li#yeGNav_Create.active a span	{ display:block;}
	
	ul#yeGNav li#yeGNav_Play a				{ background-position:0 -197px; padding:11px 0 8px 36px;}
	ul#yeGNav li#yeGNav_Play a span			{ background-position:-31px -500px; left:140px;}
	ul#yeGNav li#yeGNav_Play a:hover,
	ul#yeGNav li#yeGNav_Play a:focus,
	ul#yeGNav li#yeGNav_Play a:active,
	ul#yeGNav li#yeGNav_Play.active a,
	body.Home ul#yeGNav li#yeGNav_Play a		{ background-position:-400px -197px; color:#F86300;}
	body.Home ul#yeGNav li#yeGNav_Play a:hover,
	body.Home ul#yeGNav li#yeGNav_Play a:focus,
	body.Home ul#yeGNav li#yeGNav_Play a:active	{ background-position:0 -197px; color:#000;}
	ul#yeGNav li#yeGNav_Play.active a span 		{ display:block;}

	
	ul#yeGNav li#yeGNav_Discover a			{ background-position:0 -300px; padding:11px 0 4px 43px;}
	ul#yeGNav li#yeGNav_Discover a span		{ background-position:-62px -500px; left:424px;}
	ul#yeGNav li#yeGNav_Discover a:hover,
	ul#yeGNav li#yeGNav_Discover a:focus,
	ul#yeGNav li#yeGNav_Discover a:active,
	ul#yeGNav li#yeGNav_Discover.active a,
	body.Home ul#yeGNav li#yeGNav_Discover a		{ background-position:-400px -300px; color:#00A3BC;}
	body.Home ul#yeGNav li#yeGNav_Discover a:hover,
	body.Home ul#yeGNav li#yeGNav_Discover a:focus,
	body.Home ul#yeGNav li#yeGNav_Discover a:active	{ background-position:0 -300px; color:#000;}
	ul#yeGNav li#yeGNav_Discover.active a span 		{ display:block;}
		
	ul#yeGNav li#yeGNav_Post a				{ background-position:0 -395px; padding:11px 0 4px 40px;}
	ul#yeGNav li#yeGNav_Post a span			{ background-position:-93px -500px; right:45px;}
	ul#yeGNav li#yeGNav_Post a:hover,
	ul#yeGNav li#yeGNav_Post a:focus,
	ul#yeGNav li#yeGNav_Post a:active,
	ul#yeGNav li#yeGNav_Post.active a,
	body.Home ul#yeGNav li#yeGNav_Post a		{ background-position:-400px -395px; color:#43A739;}
	body.Home ul#yeGNav li#yeGNav_Post a:hover,
	body.Home ul#yeGNav li#yeGNav_Post a:focus,
	body.Home ul#yeGNav li#yeGNav_Post a:active	{ background-position:0 -395px; color:#000;}
	ul#yeGNav li#yeGNav_Post.active a span 		{ display:block;}

	
/*	Sub-nav / local nav */
	ul#yeLNav			{ list-style-type:none; margin:0; position:absolute; top:44px;}
	ul#yeLNav li		{ border-right:1px solid #ccc; font-size:0.53em; margin:0 0.6em 0 0; padding:0 0.6em 0 0;}
	ul#yeLNav li.last	{ border:0; margin:0; padding:0;}
	ul#yeLNav li a 		{ background:none; color:#000; float:none; height:auto; padding:0 0 4px 0 !important;}
	
	ul#yeGNav li#yeGNav_Create.active ul#yeLNav				{ left:20px;}
	ul#yeGNav li#yeGNav_Create.active ul#yeLNav a			{ color:#000;}
	ul#yeGNav li#yeGNav_Create.active ul#yeLNav a:hover,
	ul#yeGNav li#yeGNav_Create.active ul#yeLNav a:focus,
	ul#yeGNav li#yeGNav_Create.active ul#yeLNav a:active,
	ul#yeGNav li#yeGNav_Create.active ul#yeLNav a.active	{ color:#EC008C;}
	
	ul#yeGNav li#yeGNav_Play.active ul#yeLNav				{ left:180px;}
	ul#yeGNav li#yeGNav_Play.active ul#yeLNav a				{ color:#000;}
	ul#yeGNav li#yeGNav_Play.active ul#yeLNav a:hover,
	ul#yeGNav li#yeGNav_Play.active ul#yeLNav a:focus,
	ul#yeGNav li#yeGNav_Play.active ul#yeLNav a:active,
	ul#yeGNav li#yeGNav_Play.active ul#yeLNav a.active		{ color:#F86300;}
	
	
/*	Totally different approach used for IE6 because it makes a total mess of inheriting floats from ul#yeGNav, see ie_lt_7.css */
	ul#yeGNav li#yeGNav_Discover.active ul#yeLNav			{ right:210px;}
	ul#yeGNav li#yeGNav_Discover.active ul#yeLNav a			{ color:#000;}
 	ul#yeGNav li#yeGNav_Discover.active ul#yeLNav a:hover,
	ul#yeGNav li#yeGNav_Discover.active ul#yeLNav a:focus,
	ul#yeGNav li#yeGNav_Discover.active ul#yeLNav a:active,
	ul#yeGNav li#yeGNav_Discover.active ul#yeLNav a.active	{ color:#00A3BC;}
	
	ul#yeGNav li#yeGNav_Post.active ul#yeLNav				{ right:85px;}
	ul#yeGNav li#yeGNav_Post.active ul#yeLNav a				{ color:#000;}
	ul#yeGNav li#yeGNav_Post.active ul#yeLNav a:hover,
	ul#yeGNav li#yeGNav_Post.active ul#yeLNav a:focus,
	ul#yeGNav li#yeGNav_Post.active ul#yeLNav a:active,
	ul#yeGNav li#yeGNav_Post.active ul#yeLNav a.active		{ color:#43A739;}
	
	
/*	TYPOGRAPHY
	-------------------------------------------------------------- 
	Pixel measurements in EMs:
	H1
		fs: 24px / 2.4em
		lh: 16px / 0.6666em
		4px	 = 0.1666em
		8px	 = 0.3333em
		12px = 0.4999em
		16px = 0.6666em
		24px = 0.9999em

	H2
		fs: 18px / 1.8em
		lh: 16px / 0.8888em
		4px	 = 0.2222em
		8px	 = 0.4444em
		16px = 0.8888em
		24px = 1.7777em

	H3, p.standFirst
		fs: 14px / 1.4em
		lh: 16px / 1.1428em
		2px  = 0.1428em
		4px	 = 0.2857em
		6px	 = 0.4286em
		8px	 = 0.5714em
		16px = 1.1428em
		24px = 1.7142em

	P, LI, etc...
		fs: 12px / 1.2em
		lh: 16px / 1.3333em
		4px	 = 0.3333em
		8px	 = 0.6666em
		16px = 1.3333em
		24px = 1.9999em
	-------------------------------------------------------------- */
	h1					{ color:#000;}

	h1.yePageTitle,
	p.yePageTitle		{ font-size:2.4em; font-weight:bold; line-height:1; margin:0.1666em 0 0.4999em 0;;}
	h1.flushTop,
	p.flushTop			{ margin:0 0 0.3333em 0;}

	h2					{ color:#EC008C; font-size:1.8em; font-weight:normal; line-height:0.8888em; margin:0 0 0.8888em 0;}
/* 	p.standFirst+h2		{ margin:0 0 0.4444em 0;} */
	
	p.standFirst		{ font-size:1.4em; line-height:1.1428em; margin:0 0 1.1428em 0;}
	
	h2+h3				{ margin:-0.4286em 0 0.4286em;}
	h3					{ font-size:1.4em; font-weight:normal; line-height:1.1428em; margin:0;}
	h3 a				{ color:#000;}
	p.caption			{ color:#666; font-size:1.1em; margin-top:0.4em;}
	
	ul.materials		{ list-style-image:url(../../../images/v2/YoungExplorers/BlueDot.png); list-style-position:2px; margin:0 0 1.6em 1.5em;}
	ul.materials li		{ font-size:1.6em; margin:0 0 1em 0.3em;}
	
	ol					{ margin:0 0 1.6em 2.3em;} /* See fix in ie_all.css */
	ol li				{ font-size:1.2em; margin:0 0 1.3333em 0;}
	ol img				{ float:right; margin:0 0 1.3333em 1.3333em;}

	a[href$=".pdf"]		{ background:none; padding:0;}

	
		
/*	MODULES
	-------------------------------------------------------------- */
	div.mod_ye							{ margin:0 0 1.6em 0;}

	div.mod_ye p a,
	div.mod_ye li a,
	div.mod_ye a.multiLine span			{ background-image:url(../../../images/v2/YoungExplorers/Arrows.png); background-position:100% -172px; background-repeat:no-repeat; color:#017C8F; padding:0 1em 0 0; line-height: 1em;}	/* See hasLayout fix in ie_all.css */
	div.mod_ye a.multiLine				{ background-image:none;}
	div.mod_ye a.multiLine				{ background-image:none;}

	div.mod_ye h2						{ color:#000; font-size:1.6em; font-weight:normal; line-height:1em; margin:0;}
	div.mod_ye h2.small					{ font-size:1.2em; font-weight:normal; line-height:1.3333em;}
	div.mod_ye h3						{ color:#000; font-size:1.2em; font-weight:bold; line-height:1.3333em; margin:0;}
	div.mod_ye h3.subscribe				{ margin:-16px 0 0 0;} /* See fix in ie_all.css */
	div.mod_ye h3.galleries				{ margin-top:-8px; padding-bottom:8px;}
	div.mod_ye h3 a:hover				{ color:#017C8F;}

	div.mod_ye div.hd 					{ background-image:url(../../../images/v2/YoungExplorers/CornerTopLeft.png); background-position:0 0; background-repeat:no-repeat; width:14.4em;}
	div.mod_ye div.hd.fullSize			{ width:auto;}
	
	div.mod_ye div.hd.decorate a span	{ background-image:url(../../../images/v2/YoungExplorers/Arrows.png); background-position:100% -10px; background-repeat:no-repeat; display:inline; margin:0; padding-right:0.8em;}
	div.mod_ye div.hd.decorate a:hover	{ text-decoration:underline;}
	
	div.mod_ye div.hd h2				{ background-image:url(../../../images/v2/YoungExplorers/CornerTopRight.png); background-position:100% 0; background-repeat:no-repeat; line-height:1; margin:0; padding:0;}
	div.mod_ye div.hd h2 a 				{ background-position:4px 50%; background-repeat:no-repeat; color:#fff; display:block; font-weight:normal; padding:8px; text-decoration:none;}
	div.mod_ye div.hd h2 a span			{ display:block; margin:0 0 0 28px;}
	div.mod_ye div.hd h2 a:focus,
	div.mod_ye div.hd h2 a:active		{ background-color:transparent; text-decoration:underline;}
	div.mod_ye div.hd h2.post a 		{ background-image:url(../../../images/v2/YoungExplorers/PostIcon.png); background-position: 4px 4px;}
	div.mod_ye div.hd h2.galleries a	{ background-image:url(../../../images/v2/YoungExplorers/GalleryIcon.png); background-position:4px 4px;}

	div.mod_ye div.bd					{ background-position:0 0; background-repeat:repeat-x; clear:left;}
	div.mod_ye div.group				{ background-image:url(../../../images/v2/YoungExplorers/DottedLine8ED5E1.gif); background-position:0 100%; background-repeat:repeat-x; padding:1.6em 0;}
	
	div.mod_ye div.group.lastGroup		{ background:none; padding:1.6em 0 1.4em 0;}
	div.mod_ye div.item					{ margin:0 0 1.6em 0;}
	div.mod_ye div.item.lastItem		{ margin:0;}

	

/*	Module colours
	Define the colour variations for each section (Create, Play, Discover, Post) */

/*	Standard */
	div.mod_ye 							{ }
	div.mod_ye div.hd h2.post a 		{ background-image:url(../../../images/v2/YoungExplorers/PostIcon.png); background-position: 4px 4px;}
	div.mod_ye div.hd h2.galleries a	{ background-image:url(../../../images/v2/YoungExplorers/GalleryIcon.png); background-position:4px 4px;}
	
/*	Global (Light Blue): #D7FCFC */
	div.mod_ye.global 					{ }
	div.mod_ye.global div.hd 			{ background-color:#D7FCFC;}
	div.mod_ye.global div.hd h2 a		{ color:#000;}
	
	div.mod_ye.global div.hd h2.post a	{ background-image:url(../../../images/v2/YoungExplorers/PostIcon.png); background-position: 4px -25px;}
	div.mod_ye.global div.hd h2.galleries a	{ background-image:url(../../../images/v2/YoungExplorers/GalleryIcon.png); background-position:4px -30px;}
	div.mod_ye.global div.bd			{ background-image:url(../../../images/v2/YoungExplorers/DottedLineD7FCFC.gif); border-bottom:2px solid #D7FCFC;}

/*	'hilite' (Yellow): #FFF000 */
	div.mod_ye.hilite 					{ }
	div.mod_ye.hilite div.hd 			{ background-color:#FFF000;}
	div.mod_ye.hilite div.hd h2 a		{ color:#000;}
	div.mod_ye.hilite div.hd h2.post a	{ background-image:url(../../../images/v2/YoungExplorers/PostIcon.png); background-position: 4px -25px;}
	div.mod_ye.hilite div.hd h2.galleries a	{ background-image:url(../../../images/v2/YoungExplorers/GalleryIcon.png); background-position:4px -30px;}
	div.mod_ye.hilite div.bd			{ background-image:url(../../../images/v2/YoungExplorers/DottedLineFFF000.gif); border-bottom:2px solid #FFF000;}

/*	'random' (Vivid blue): #66FFFF */
	div.mod_ye.vivid 					{ }
	div.mod_ye.vivid div.hd 			{ background-color:#66FFFF;}
	div.mod_ye.vivid div.hd h2 a		{ color:#000;}
	div.mod_ye.vivid div.hd h2.post a	{ background-image:url(../../../images/v2/YoungExplorers/PostIcon.png); background-position: 4px -25px;}
	div.mod_ye.vivid div.hd h2.galleries a	{ background-image:url(../../../images/v2/YoungExplorers/GalleryIcon.png); background-position:4px -30px;}
	div.mod_ye.vivid div.bd				{ background-image:url(../../../images/v2/YoungExplorers/DottedLine66FFFF.gif); border-bottom:2px solid #66FFFF;}

/*	Create (Pink): #EC008C */
	div.mod_ye.create 					{ }
	div.mod_ye.create div.hd 			{ background-color:#EC008C;}
	div.mod_ye.create div.hd h2 a		{ color:#fff;}
	div.mod_ye.create div.bd			{ background-image:url(../../../images/v2/YoungExplorers/DottedLineEC008C.gif); border-bottom:2px solid #EC008C;}

/*	Play (Orange): #F86300 */
	div.mod_ye.play 					{ }
	div.mod_ye.play div.hd 				{ background-color:#F86300;}
	div.mod_ye.play div.hd h2 a			{ color:#fff;}
	div.mod_ye.play div.bd				{ background-image:url(../../../images/v2/YoungExplorers/DottedLineF86300.gif); border-bottom:2px solid #F86300;}

/*	Discover (Dark Blue): #00A3BC */
	div.mod_ye.discover					{ }
	div.mod_ye.discover div.hd 			{ background-color:#00A3BC;}
	div.mod_ye.discover div.hd h2 a		{ color:#fff;}
	div.mod_ye.discover div.bd			{ background-image:url(../../../images/v2/YoungExplorers/DottedLine00A3BC.gif); border-bottom:2px solid #00A3BC;}
	
/*	Post (Green): #43A739 */
	div.mod_ye.post 					{ }
	div.mod_ye.post div.hd 				{ background-color:#43A739;}
	div.mod_ye.post div.hd h2 a			{ color:#fff;}
	div.mod_ye.post div.bd				{ background-image:url(../../../images/v2/YoungExplorers/DottedLine43A739.gif); border-bottom:2px solid #43A739;}

/*	Modules with a filled background */
	div.mod_ye.contrast					{ background-color:transparent;}
	div.mod_ye.contrast div.bd			{ background-color:#edfafa; padding:0;}
	div.mod_ye.contrast div.group		{ padding-right:0.4em; padding-left:1em;}

/*	Modules without dotted line and border-bottom
	NB: remove these !importants */
	div.mod_ye.plain div.bd				{ background-image:none !important; border:none !important;}
	div.mod_ye.plain div.group			{ margin:0 0 1.6em 0; padding:0 0 1.6em 0;}
	div.mod_ye.plain div.group.lastGroup{ margin:0; padding:0;}
	
/*	Modules without dotted line and border-bottom, but WITH a filled background
	These are a special case: The padding is applied to the div.bd and not the groups, so that the dotted line appears within the padding */
	div.mod_ye.contrastPlain div.bd						{ background-color:#EDFAFA; background-image:none !important; border-bottom:none; padding:1.6em 1em;}
	div.mod_ye.contrastPlain div.group					{ margin:0 0 1.6em 0; padding:0 0 1.6em 0;}
	div.mod_ye.contrastPlain div.group.lastGroup		{ margin:0; padding:0;}
	div.mod_ye.contrastPlain div.group div.item			{ padding:0;}
	div.mod_ye.contrastPlain div.group div.item.lastItem{ background-image:none;}
	
/*	Clear floats within modules
	We use this method because the preferred 'overflow:auto' or 'overflow:' prevents the 'New' bubbles from working (crops anything positioned outside the module) */
	div.mod_ye div.bd:after,
	div.mod_ye div.group:after,
	div.mod_ye div.item:after 			{ clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0;}


	div.mod_ye.imgGrid div.item			{ float:left; margin:0 1.6em 0 0;}
	div.mod_ye.imgGrid div.lastItem		{ margin:0;}
	div.mod_ye.imgGrid div.group>p		{ margin:-0.8em 0 0.8em 0;}

	div.mod_ye.imgGrid.maxi div.group	{ padding:0;}
	div.mod_ye.imgGrid.maxi div.item	{ margin:0 1.6em 1em 0; width:10.4em;}
	div.mod_ye.imgGrid.maxi div.lastItem{ margin:0 0 1.6em 0;}
	div.mod_ye.imgGrid.maxi a			{ color:#000 !important; font-weight:bold;}
	div.mod_ye.imgGrid.maxi p a			{ background-position:100% -132px;}
	div.mod_ye.imgGrid.maxi p a.multiLine span	{ background-position:100% -132px; color:#000;}
	
	div.mod_ye.imgGrid.mini div.item		{ margin:0 1.2em 0 0;}
	div.mod_ye.imgGrid.mini div.lastItem	{ margin:0;}
	div.mod_ye.imgGrid.mini div.item,
	div.mod_ye.imgGrid.mini img				{ height:68px; width:68px;}
	div.mod_ye.imgGrid.mini div.lastItem,
	div.mod_ye.imgGrid.mini div.lastItem img{ width:64px;}
	
	div.mod_ye.imgLarge div.img				{ text-align:center;}
	div.mod_ye.imgLarge div.ft				{ min-height:3.2em; padding:1.2em 1em 1.6em;}
	div.mod_ye.imgLarge div.ft a			{ color:#000; display:block; padding:0 0 0 2em;}
	div.mod_ye.doubleList div.item			{ float:left; margin:0 1.6em 0 0; width:104px;}
	div.mod_ye.doubleList div.item.lastItem	{ margin:0;}
	

	div.mod_ye.mediaBlock		{ }
	div.mod_ye.mediaBlock h2	{ color:inherit;}
	div.mod_ye.mediaBlock h2,
	div.mod_ye.mediaBlock p,
	div.mod_ye.mediaBlock img	{ margin:0;}
	
	div.mod_ye.mediaBlock div.img,
	div.mod_ye.mediaBlock.imgL div.img	{ float:left; margin:0 1em 0 0;}
	div.mod_ye.mediaBlock.imgR div.img	{ float:right; margin:0 0 0 1em;}

/*	Remove padding from the switch content triggers on the main landing page */
	div#landingThumbs div.mod_ye.mediaBlock div.group	{ padding:0;}

	
	/*	Spotlight */
	div.mod_ye.spotlight 			{ background-color:#fff;}
	div.mod_ye.spotlight div.bd		{ border:none; padding:0;}
	div.mod_ye.spotlight div.group	{ padding:0;}
	
	div.mod_ye h3.subscribe a		{ background-image:url(../../../images/v2/YoungExplorers/PostIcon.png); background-position: 4px -25px; background-repeat:no-repeat; color:#000; display:block; font-weight:bold; padding:8px 0 8px 36px;}
	
	div.mod_ye.spotlight h2 a		{ background-image:url(../../../images/v2/YoungExplorers/Arrows.png); background-position:100% 0; background-repeat:no-repeat; color:#000; padding-right:0.8em;}
	div.mod_ye.spotlight img		{ margin:0px 0 4px 0;}
	div.mod_ye.spotlight.carousel img { margin:0px 0 4px 0;}
	div.mod_ye.spotlight a:focus,
	div.mod_ye.spotlight a:active	{ background-color:transparent;}

	div.mod_ye.spotlight div.ft		{ background-image:url(../../../images/v2/YoungExplorers/DottedLine8ED5E1.gif); background-repeat:repeat-x; min-height:1.6em; padding:1.2em 1em 1.6em 1em; position:relative;} /* see fix in ie_all.css */
	body.YE.Home div.mod_ye.spotlight div.ft		{ min-height:3.2em;}
	
	div.mod_ye.spotlight div.ft ul.controls			{ position:absolute; right:10px; top:10px;}
	div.mod_ye.spotlight div.ft ul.controls li 		{ float:left;}
	div.mod_ye.spotlight div.ft ul.controls li a	{ background-image:url(../../../images/v2/YoungExplorers/MainSprite.png); background-repeat:no-repeat; display:block; margin:0 0 0 15px;}
	div.mod_ye.spotlight div.ft ul.controls li a:focus,
	div.mod_ye.spotlight div.ft ul.controls li a:active	{ overflow:hidden;}
	div.mod_ye.spotlight div.ft ul.controls li.prev a 	{ background-position:-124px -510px;}
	div.mod_ye.spotlight div.ft ul.controls li.next a 	{ background-position:-156px -510px;}
	div.mod_ye.spotlight div.ft ul.controls li.video a	{ background-image:url(../../../images/v2/YoungExplorers/VideoIcon.png); background-position:0 50%; padding:0 0 0 24px;}
	div.mod_ye.spotlight div.ft ul.controls li.audio a	{ background-image:url(../../../images/v2/YoungExplorers/AudioIcon.png); background-position:0 50%; padding:0 0 0 22px;}

	
/*	Global (Light Blue): #EAFCFD */
	div.mod_ye.spotlight.spGlobal 				{ background-color:#EAFCFD;}
	div.mod_ye.spotlight.spGlobal div.ft		{ background-image:url(../../../images/v2/YoungExplorers/DottedLine00A3BC.gif);}
	div.mod_ye.spotlight.spGlobal div.ft h2 a	{ background-position:100% -10px;}
	div.mod_ye.spotlight.spGlobal div.ft p a	{ background-position:100% -172px;}

/*	'hilite' (Yellow): #FFF000 */
	div.mod_ye.spotlight.spHilite 				{ background-color:#FFF000;}
	div.mod_ye.spotlight.spHilite div.ft		{ background-image:url(../../../images/v2/YoungExplorers/DottedLineEC008C.gif);}
	div.mod_ye.spotlight.spHilite div.ft *,
	div.mod_ye.spotlight.spHilite div.ft h2 a	{ background-position:100% -10px;}
	div.mod_ye.spotlight.spHilite div.ft p a	{ background-position:100% -132px;}
	div.mod_ye.spotlight.spHilite div.ft a:focus,
	div.mod_ye.spotlight.spHilite div.ft a:active,
	div.mod_ye.spotlight.spHilite div.ft a.multiLine:focus span,
	div.mod_ye.spotlight.spHilite div.ft a.multiLine:active span	{ color:#000;}

/*	'vivid' (Blue): #66FFFF */
	div.mod_ye.spotlight.spVivid 				{ background-color:#66FFFF;}
	div.mod_ye.spotlight.spVivid div.ft			{ background-image:url(../../../images/v2/YoungExplorers/DottedLine11B2CA.gif);}
	div.mod_ye.spotlight.spVivid div.ft *		{ color:#000;}
	div.mod_ye.spotlight.spVivid div.ft h2 a	{ background-position:100% -10px;}
	div.mod_ye.spotlight.spVivid div.ft p a		{ background-position:100% -132px;}
	div.mod_ye.spotlight.spVivid div.ft a:focus,
	div.mod_ye.spotlight.spVivid div.ft a:active,
	div.mod_ye.spotlight.spVivid div.ft a.multiLine:focus span,
	div.mod_ye.spotlight.spVivid div.ft a.multiLine:active span	{ color:#000;}

/*	Create (Pink): #EC008C */
	div.mod_ye.spotlight.spCreate 				{ background-color:#EC008C;}
	div.mod_ye.spotlight.spCreate div.ft		{ background-image:url(../../../images/v2/YoungExplorers/DottedLineFFFFFF.gif); color:#fff;}
	div.mod_ye.spotlight.spCreate div.ft *		{ color:#fff;}
	div.mod_ye.spotlight.spCreate div.ft h2 a	{ background-position:100% -90px;}
	div.mod_ye.spotlight.spCreate div.ft p a,
	div.mod_ye.spotlight.spCreate div.ft p a.multiLine span	{ background-position:100% -212px; color:#fff;}
	div.mod_ye.spotlight.spCreate div.ft a.multiLine:focus span,
	div.mod_ye.spotlight.spCreate div.ft a.multiLine:active span	{ color:#EC008C;}

/*	Play (Orange): #F86300 */
	div.mod_ye.spotlight.spPlay 				{ background-color:#F86300; color:#fff;}
	div.mod_ye.spotlight.spPlay div.ft			{ background-image:url(../../../images/v2/YoungExplorers/DottedLineFFFFFF.gif);}
	div.mod_ye.spotlight.spPlay div.ft *		{ color:#fff;}
	div.mod_ye.spotlight.spPlay div.ft h2 a		{ background-position:100% -90px;}
	div.mod_ye.spotlight.spPlay div.ft p a,
	div.mod_ye.spotlight.spPlay div.ft p a.multiLine span	{ background-position:100% -212px; color:#fff;}
	div.mod_ye.spotlight.spPlay div.ft a.multiLine:focus span,
	div.mod_ye.spotlight.spPlay div.ft a.multiLine:active span	{ color:#F86300;}

/*	Discover (Dark Blue): #00A3BC */
	div.mod_ye.spotlight.spDiscover 			{ background-color:#00A3BC;}
	div.mod_ye.spotlight.spDiscover div.ft		{ background-image:url(../../../images/v2/YoungExplorers/DottedLineFFFFFF.gif); color:#fff;}
	div.mod_ye.spotlight.spDiscover div.ft *	{ color:#fff;}
	div.mod_ye.spotlight.spDiscover div.ft h2 a	{ background-position:100% -90px;}
	div.mod_ye.spotlight.spDiscover div.ft p a,
	div.mod_ye.spotlight.spDiscover div.ft p a.multiLine span	{ background-position:100% -212px; color:#fff;}
	div.mod_ye.spotlight.spDiscover div.ft a.multiLine:focus span,
	div.mod_ye.spotlight.spDiscover div.ft a.multiLine:active span	{ color:#00A3BC;}
	
/*	Post (Green): #43A739 */
	div.mod_ye.spotlight.spPost					{ background-color:#43A739; color:#fff;}
	div.mod_ye.spotlight.spPost div.ft			{ background-image:url(../../../images/v2/YoungExplorers/DottedLineFFFFFF.gif);}
	div.mod_ye.spotlight.spPost div.ft *		{ color:#fff;}
	div.mod_ye.spotlight.spPost div.ft h2 a		{ background-position:100% -90px;}
	div.mod_ye.spotlight.spPost div.ft p a,
	div.mod_ye.spotlight.spPost div.ft p a.multiLine span	{ background-position:100% -212px; color:#fff;}
	div.mod_ye.spotlight.spPost div.ft a.multiLine:focus span,
	div.mod_ye.spotlight.spPost div.ft a.multiLine:active span	{ color:#43A739;}


	div.mod_ye.question,
	div.mod_ye.answer						{ background-image:url(../../../images/v2/YoungExplorers/DottedLine8ED5E1.gif); background-position:0 0; background-repeat:repeat-x; margin-bottom:-2000px; padding-bottom:2000px;}
	div.mod_ye.question div.group,
	div.mod_ye.answer div.group				{ padding:1.6em 0;}
	div.mod_ye.question img					{ float:left; margin:0 1.6em 0 0;}
	div.mod_ye.question p					{ margin:0 0 0 90px;}
	

	div#landingThumbs div.mod_ye.mediaBlock	{ background-image:url(../../../images/v2/YoungExplorers/DottedLine8ED5E1.gif); background-position:0 100%; background-repeat:repeat-x; margin:0; padding:1.6em;}
	div#landingThumbs div.mod_ye.mediaBlock	img	{ height:64px; width:80px;}
	div#landingThumbs,
	div#landingLargeImages					{ margin:0 0 3.2em 0;} /* See hasLayout fix in ie_all.css */
   
	div.mod_ye.switchContent div.group		{ padding:0;}
	div.csTriggers a 						{ float:left; margin:0 8px 1.6em 0; padding:0;}
	div.csTriggers a.last					{ margin:0 1px 1.6em 0;}
	div.csTriggers img 						{ border:1px solid #fff; margin:0; padding:0; width:68px;}
	div.csTriggers a:hover img				{ border:1px solid #e80c81;}
	
	div#landThumbs div.csTriggers			{ }


	
/*	'New' bubble-badges
	Positioned just outside of the parent container */
	div.mod_ye div.img,
	*.bubble				{ position:relative;} /* See bug fix in ie_lt_7.css */
	img.bbl					{ padding:0; bottom:4px; left:-10px; position:absolute;} /* see  ie_lt_7.css */
	img.bbl.rhs				{ left:auto; right:-10px;}

	
	div.mod_ye.winBox				{ background-image:url(../../../images/v2/YoungExplorers/WinboxBgTopLeft.png); background-position:0 0; background-repeat:no-repeat;}
	div.mod_ye.winBox div.bd		{ background-image:url(../../../images/v2/YoungExplorers/WinboxBgBtmRight.png); background-position:100% 100%; background-repeat:no-repeat;}
	div.mod_ye.winBox div.group		{ background-image:url(../../../images/v2/YoungExplorers/MainSprite.png); background-position:-233px -595px; background-repeat:no-repeat; padding:1.6em;}
	div.mod_ye.winBox h3 			{ margin:0;}
	div.mod_ye.winBox h3 a			{ color:#000;}
	div.mod_ye.winBox p.headline	{ color:#EC008C; font-size:2.4em; /* margin:8px 0; */}
	div.mod_ye.winBox p.headline a	{ background:none; color:#EC008C;}
	
	div.mod_ye.eNews div.hd			{ }

	div.mod_ye div.ft h2.magGlass a	{ background-image:url(../../../images/v2/YoungExplorers/MainSprite.png); background-position:2px -614px; background-repeat:no-repeat; display:block; min-height:32px; padding:0 0 0 2.5em;}
	
/*	Standard HR to be used with blocks of text etc. HRs inside modules are quite different, check margins */
	div.hr		{ background-image:url(../../../images/v2/YoungExplorers/DottedLine8ED5E1.gif); background-position:0 0; background-repeat:repeat-x; clear:left; border:none; height:2px; margin:-2px 0 1.6em 0;}

	div.mod_ye p							{ margin:0;}
	div.mod_ye ul							{ list-style-type:none; margin:0;}
	
	div.mod_ye p.shout						{ font-size:2.2em; /* margin:8px 0; */}
	div.mod_ye p.shout a                    { background-position:100% -169px; }
	div.mod_ye.play p.shout					{ color:#F86300;}
	
	div.mod_ye input.textfield				{ border-color:#000; border-style:solid; border-width:1px 1px 1px 1px; float:left; margin:8px 8px 8px 0; padding:2px; width:auto;}
	div.mod_ye button.signupButton			{ background-color:transparent; background-image:url(../../../images/v2/YoungExplorers/MainSprite.png); border:none; height:24px; margin:5px 0 0 0; text-indent:-9000px; width:24px;}
	
	div.mod_ye.create button.signupButton	{ background-position:-156px -510px;}
	div.mod_ye.play button.signupButton		{ background-position:-220px -510px;}
	div.mod_ye.discover button.signupButton	{ background-position:-284px -510px;}
	div.mod_ye.post button.signupButton		{ background-position:-348px -510px;}

	p.camera			{ background-image:url(../../../images/v2/YoungExplorers/MainSprite.png); background-position:-400px -500px; background-repeat:no-repeat; padding:0 0 0 2.2em;}


	

/*	FOOTER
	-------------------------------------------------------------- */
	div#footer			{ 
	    border-color:#f0f0f0; /*e1fafb/00A3BC*/
	    border-style:solid; 
		border-width:3px 0 0 0; 
		clear:both; 
		margin: 0 auto;
		padding: 1em 0;
		width: 94.4em;
	}
	div#footer ul		{ 
	    /*border-color:#00A3BC;
	    border-style:solid; 
		border-width:3px 0 0 0;
		padding-top:1em;*/
	}
	div#footer a		{ color:#000;}
	
	
	
	
/*	ANNOTATIONS
	-------------------------------------------------------------- */
	div.image-annotate-canvas	{ margin-bottom:4px;}


/*	jCAROUSEL
	-------------------------------------------------------------- */
	div.mod_ye.carousel 			{ position:relative;}
	div.mod_ye.carousel li div.img a{ padding:0;}
	div.mod_ye.carousel div.img		{ position:inherit;}
	div.mod_ye.carousel div.ft h2,
	div.mod_ye.carousel div.ft p	{ margin:0 62px 0 0;}

	/*	This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */
	div.jcarousel-container 	{ position: relative;}
	div.jcarousel-clip 			{ padding:0; margin:0; overflow:hidden; position:relative; z-index:2;}
	ul.jcarousel-list 			{ overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; z-index:1;}
	
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	ul.jcarousel-list li		{ float:left; font-size:1em; list-style:none; width:374px;}
	
	/*	Buttons added dynamically before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev".*/
	div.jcarousel-next			{ z-index:3; display:none;}
	div.jcarousel-prev			{ z-index:3; display:none;}
	
	
	div.grid_4 div.jcarousel div.jcarousel-clip,
	div.grid_4 ul.jcarousel-list li					{ width:304px;}
	
	div.grid_5 div.jcarousel div.jcarousel-clip,
	div.grid_5 ul.jcarousel-list li					{ width:384px;}
	
	div.jcarousel div.jcarousel-item-placeholder 	{ background:#fff; color:#000;}
	
	div.jcarousel div.jcarousel-prev,
	div.jcarousel div.jcarousel-next				{ background-color:transparent; background-image:url(../../../images/v2/YoungExplorers/MainSprite.png); background-repeat:no-repeat;  cursor:pointer; height:14px; position:absolute; bottom:17px; width:20px; z-index:100; top: auto;}
	
	div.jcarousel div.jcarousel-prev				{ background-position:-124px -510px; right:35px;}
	div.jcarousel div.jcarousel-next				{ background-position:-156px -510px; right:5px;}
	
	div.jcarousel div.jcarousel-prev-disabled		{ background-position:-124px -534px;}
	div.jcarousel div.jcarousel-next-disabled		{ background-position:-156px -534px;}


/* Annotation Links
	-------------------------------------------------------------- */
	.widget.landing									{ border:0px solid #000; background-color:#EDFAFA; padding:1.6em 2em; margin-bottom:1.6em;}
	.widget.landing ul								{ list-style-type:none; margin:0;}
	.widget.landing ul li							{ margin-bottom:1em; padding:0px;}
	.widget.landing ul li a							{ background-image:url(../../../images/v2/YoungExplorers/Arrows.png); background-position:100% -172px; background-repeat:no-repeat; color:#017C8F; padding:0 1em 0 0;}


/*	THICKBOX - fix to close text and button.
	Can be removed when version 2 of Annotations is released
	----------------------------------------------------------------------------------------------------*/
	div#TB_window div.tbOneColText					{ padding:40px;}
	div#TB_closeAjaxWindow							{ color:#FFFFFF; position:absolute; right:0px; top:0px; z-index:10000;}
	div#TB_closeAjaxWindow a						{ position:absolute; right:-17px; top:-13px;}


/* Realignemnt styles
----------------------------------------------------------------------------------------------------*/

div#headerLogo h1, div#headerLogo p {
margin:0 0 0em;
}

div#headerLogo h1 a, div#headerLogo p a{
    background: url("../../../images/v2/sprites/headerbar_sprite_black.png") no-repeat scroll 0 -600px transparent;
    margin: 0px 0px 0px -12px;
    width: 115px;
    height: 58px;
    position: absolute;
    
}




/*button.headerImageButton:hover, button.headerImageButton:focus, button.headerImageButton:active {
    background-position: 4px -74px;
}

button.headerImageButton {
    background: url("../../../images/v2/defaults/searchIcon.gif") no-repeat scroll 4px -48px #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    height: 29px;
    margin-top: 0;
    width: 28px;
}

div#headerSearch div.search {
    right: 0;
    top: 0;
    width: 304px;
}

input#siteWideSearch{
	border-color: #ccc;
	border-right: none;
	background-color: #fff;
	font-size: 1.4em;
	padding: 5px 6px 6px;
	width: 234px;
	margin: 0px;
}


a.searchOptionsToggle{
        background: url("../../../images/v2/defaults/linkArrowsT.png") no-repeat scroll 100% -226px #666;
        border: 8px solid #ccc;
        display: block;
        height: 13px;
        position: absolute;
        right: 0;
        top: 0;
        width: 13px;
        text-indent: 60px;
        overflow: hidden;
    }
    a.searchOptionsToggle:hover,
    a.searchOptionsToggle:focus{
        background-color: #000;	
    }
    div.searchOptions ul{
        background-color: #ccc;
        display: none;
        height: auto;
        overflow: hidden;
        padding: 4px 4px 6px 4px;
        position: absolute;
        right: 0;
        top: 29px;
        width: 296px;
        
    }
    div.searchOptions ul li{
        width: auto;
        float: left;
        clear: both;
        font-size: 1.4em;
        text-align: left;
        display: block;	
    }
    div.searchOptions ul li a{
        color: #333;
        display: block;
        padding: 0px 4px;
        position: relative;
    }
    div.searchOptions ul li a:hover,
    div.searchOptions ul li a:focus{
        color: #000;	
    }
    div.searchOptions ul li a.selected{
       
        color: #000;
    }
   
    div.searchOptions ul li a.selected span{
        background: url("../../../images/v2/sprites/linkArrowsTransparent.gif") no-repeat scroll 100% -78px #000;
        display: inline-block;
        height: 11px;
        left: 1px;
        margin-right: 3px;
        overflow: hidden;
        position: relative;
        top: 0;
        width: 11px;
    }
*/
/*Header menu*/

div#headerMenu ul{
    margin: 0px;
}
div#headerMenu ul li{
    width: 160px;
    margin: 0px;
}

div#headerMenu ul li.current a{
   text-decoration: none;
   text-decoration: none;
}
div#headerMenu ul li.current a:hover{
    text-decoration: none;
}

div#headerMenu ul li div a {
    color: #666;
    display: block;
    font-size: 1.2em;
    font-weight: normal;
    padding: 0px 0 2px 0px;
    text-decoration: none;
}
div#headerMenu ul li div a:hover,
div#headerMenu ul li div a:focus,
div#headerMenu ul li div a:active,
div#headerMenu ul li.current div a{
    background: none;
    text-decoration: none;
    color: #000;
}

div#headerMenu ul li a span{
    display: inline-block;
    height: 11px;
    left: 1px;
    margin-right: 3px;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 11px;
}
/*div#headerMenu ul li a:hover span, div#headerMenu ul li a:focus span, div#headerMenu ul li a.focus span, div#headerMenu ul li.current a span {

    background: url("../../../images/v2/sprites/linkArrowsTransparent.gif") no-repeat scroll 100% 0px #00A3BC;
}*/


/*Skiplinks*/
div#skipLinksWrapper{
    width: 97.6em;
    margin: 0px auto;
    position: relative;
}
/*  Site survey code also in system/core.css */

div#surveyPromptWrapper{
    background:#fff; 
    color:#222;
    display:none !important;
    width: auto;
    height: auto;  
    overflow: hidden;
}
div#surveyPrompt{
    width:97.6em;
    margin:0 auto;
    padding:0;
    height: auto;
    display: block; 
}
div#surveyPrompt div.container{
    padding: 8px 0 0px 0;
    width: 96em;
    margin: 0 auto;
}

div#surveyPrompt h3{
    font-size: 1.8em;
    font-weight: normal;     
    margin-top: 2px;
    margin-bottom: 13px;
    color: #000;   
}
div#surveyPrompt p{
    line-height: 1.3em;
    font-size: 1.4em;
    margin-bottom: 16px;
    color: #333;
}
div#surveyPrompt a{
	color: #000;	
}

div#surveyPrompt a:hover{
	color: #000;
	text-decoration: underline;	
}
div#surveyPrompt div.cta a:hover{
	color: #000;	
	text-decoration: none;
}

div#surveyPrompt div.cta.smallButton{
	margin-top: 4px;	
}
div#surveyPrompt div.cta.smallButton a{
    font-weight: normal;
    font-size: 1.4em;
    display: inline;
    padding: 8px 11px 9px 10px;
    color: #fff;
    text-decoration: none;
    background-color: #333;

}
div#surveyPrompt div.cta.smallButton a span{
    background: url("../../../images/v2/defaults/linkArrows.png") no-repeat scroll 100% -432px transparent;
    padding: 0px 8px 0px 0px;
}
div#surveyPrompt div.cta.smallButton.float{
	float: left;
}

div#surveyPrompt .margin8pxR{
	margin-right:8px;	
}
div#surveyPrompt div.cta.smallButton a:hover{
	background-color: #00A3BC;	
}

div#containerWrapper{
	width: 94.4em; 
	margin: 12px auto;	
}
div#subMenuWrapper {
    border-bottom: 3px solid #F0F0F0;
    margin: 0px auto;
    padding-bottom: 4px;
    width: 94.4em;
}

body div.navigation.horizontal ul {
    height: auto;
    overflow: hidden;
    padding: 1px 8px 1px 0;
    list-style-type: none;
    margin: 0;
}

body div.navigation.horizontal ul li.deepLink {
    background: url("../../../images/v2/defaults/linkArrows.png") no-repeat scroll 100% -406px transparent;
    color: #000000;
    margin-right: 10px;
}

body div.navigation.horizontal ul li {
    float: left;
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 0;
    padding: 0 14px 0 0;
}

.clear{
	clear: both;
}
.margin16pxB{
	margin-bottom: 16px;
}