/* ---------------------------------------
	adult section styles
--------------------------------------- */

	html
	{
		background: #000519 url(/media/images/backgrounds/background.png?cache=1) repeat-x;
	}

	hr
	{
		height: 0;
		border-width: 0;
		margin: 10px 0;
		background-color: transparent;
		border-bottom: 1px dotted #000;
	}

	#header,
	#content,
	#footer
	{
		width: 880px;
		margin: 0 auto;
		clear: both;
	}

	ul#navigation,
	#copy,
	#side-bar
	{
		float: left;
	}

	#header
	{
		margin-top: 130px;
		border-top: 11px solid #FFF500;
		height: 54px;
		
		background: #FFF url(/media/images/backgrounds/heading.gif?cache=1) no-repeat 0 1px;
	}
	
	#content
	{
		border-top: 2px solid #FFF;
		background: url(/media/images/backgrounds/content.gif?cache=1) repeat-y;
	}

	#copy
	{
		width: 401px;
		display: inline;
		float: right;
		
		margin: -100px 230px 0 -10px;
		padding: 0 20px 20px 30px;
	}

	#side-bar
	{
		width: 180px;
		min-height: 250px;
		
		margin-top: -54px;
		margin-left: 670px; /* different for IE */
		padding: 7px 15px 30px;
		background: url(/media/images/backgrounds/side-bar.gif?cache=1) no-repeat;
		
		position: absolute;
		top: 197px;
	}
	
	#side-bar img
	{
		border: 2px solid #FFF;
		border-width: 2px 0;
		margin: 0 -15px;
		position: absolute;
	}
	
	#topbanner
	{
		width: 671px;
		height: 57px;
	}
	
	img.break
	{
		margin-bottom: 1.4em;
	}


/*
	header styles
	----------------------------------- */

	img#logo,
	img#slogan,
	a#tab
	{
		display: block;
		position: absolute;
		top: 47px;
		height: 75px;
	}
	
	img#logo
	{
		margin-left: -19px;
		width: 405px;
	}
	
	img#slogan
	{
		margin-left: 386px;
		width: 230px;
	}

	a#tab
	{
		background: url(/media/images/navigation/tab-kids.gif?cache=1) -182px 0;
		margin-left: 671px;
		top: 101px;
		width: 182px;
		height: 29px;
	}
	
	a#tab:hover
	{
		background-position: 0 0;
	}


/*
	footer styles
	----------------------------------- */

	#footer
	{
		background: url(/media/images/backgrounds/footer.gif?cache=1);
		height: 87px;
	}

	#footer span
	{
		display: none;
	}

	#footer h2
	{
		position: absolute;
		margin-left: 220px;
	}


/*
	content styles
	----------------------------------- */

	#content
	{
		background-color: #FFF;
		padding-bottom: 30px;
		width: 880px;
	}
	
	#copy ul li
	{
	        margin: 8px 0;
	}
	
	.factstxt + h2
	{
	        margin-top: 20px;
	}

/*
	navigation styles
	----------------------------------- */

	ul#navigation
	{
		margin-top: -29px;
		position: relative;
	}

	ul#navigation,
	ul#navigation ul
	{
		list-style-type: none;
		width: 209px;
	}

	ul#navigation li,
	ul#navigation li a
	{
		width: 209px;
	}

	ul#navigation li a
	{
		display: block;
		outline: none;
		height: 28px;
		background: #0079C2 url(/media/images/navigation/navigation.png?cache=1) no-repeat;
		border-bottom: 1px solid #27A7FF;
	}

	ul#navigation ul li a
	{
		background-color: #00446D;
	}

	ul#navigation li a:hover
	{
		background-color: #E51D9B;
		border-bottom: 1px solid #FF4BBC;
	}

	ul#navigation li a.active
	{
		background-color: #E00022 !important;
		border-bottom: 1px solid #FF4B4B !important;
	}

	ul#navigation li.home a					{ background-position: 0 0; }
	ul#navigation li.about a				{ background-position: 0 -29px; }
	ul#navigation li.running a				{ background-position: 0 -58px; }
	ul#navigation li.promo a				{ background-position: 0 -87px; }
	ul#navigation li.support a				{ background-position: 0 -116px; }	
	ul#navigation li.work a					{ background-position: 0 -145px; }
	ul#navigation li.facts a				{ background-position: 0 -174px; }
	ul#navigation li.championships a			{ background-position: 0 -203px; }
	ul#navigation li.competitions a				{ background-position: 0 -232px; }	
	ul#navigation li.other a				{ background-position: 0 -261px; }
	ul#navigation li.prizes a				{ background-position: 0 -290px; }
	ul#navigation li.prizegal a				{ background-position: 0 -319px; }
	ul#navigation li.novalue a				{ background-position: 0 -348px; }		
	ul#navigation li.eco-schools a				{ background-position: 0 -377px; }
	ul#navigation li.rainforest a				{ background-position: 0 -406px; }
	ul#navigation li.virtual a				{ background-position: 0 -435px; }
	ul#navigation li.indi-project a				{ background-position: 0 -464px; }
	ul#navigation li.recycling-cartridges a			{ background-position: 0 -493px; }	
	ul#navigation li.news-pr-testimonials a			{ background-position: 0 -522px; }
	ul#navigation li.news a					{ background-position: 0 -551px; }
	ul#navigation li.pr a					{ background-position: 0 -580px; }
	ul#navigation li.testimonials a				{ background-position: 0 -609px; }
	ul#navigation li.sponsors a				{ background-position: 0 -638px; }
	ul#navigation li.contact a				{ background-position: 0 -667px; }
	ul#navigation li.contact-us a				{ background-position: 0 -696px; }	
	ul#navigation li.meet a					{ background-position: 0 -725px; }
	ul#navigation li.join a					{ background-position: 0 -754px; }

	ul#navigation li.home a:hover				{ background-position: -209px 0; }
	ul#navigation li.about a:hover				{ background-position: -209px -29px; }
	ul#navigation li.running a:hover			{ background-position: -209px -58px; }
	ul#navigation li.promo a:hover				{ background-position: -209px -87px; }
	ul#navigation li.support a:hover			{ background-position: -209px -116px; }	
	ul#navigation li.work a:hover				{ background-position: -209px -145px; }
	ul#navigation li.facts a:hover				{ background-position: -209px -174px; }
	ul#navigation li.championships a:hover			{ background-position: -209px -203px; }
	ul#navigation li.competitions a:hover			{ background-position: -209px -232px; }	
	ul#navigation li.other a:hover				{ background-position: -209px -261px; }
	ul#navigation li.prizes a:hover				{ background-position: -209px -290px; }
	ul#navigation li.prizegal a:hover			{ background-position: -209px -319px; }
	ul#navigation li.novalue a:hover			{ background-position: -209px -348px; }		
	ul#navigation li.eco-schools a:hover			{ background-position: -209px -377px; }
	ul#navigation li.rainforest a:hover			{ background-position: -209px -406px; }
	ul#navigation li.virtual a:hover			{ background-position: -209px -435px; }
	ul#navigation li.indi-project a:hover			{ background-position: -209px -464px; }
	ul#navigation li.recycling-cartridges a:hover		{ background-position: -209px -493px; }	
	ul#navigation li.news-pr-testimonials a:hover		{ background-position: -209px -522px; }
	ul#navigation li.news a:hover				{ background-position: -209px -551px; }
	ul#navigation li.pr a:hover				{ background-position: -209px -580px; }
	ul#navigation li.testimonials a:hover			{ background-position: -209px -609px; }
	ul#navigation li.sponsors a:hover			{ background-position: -209px -638px; }
	ul#navigation li.contact a:hover			{ background-position: -209px -667px; }
	ul#navigation li.contact-us a:hover			{ background-position: -209px -696px; }
	ul#navigation li.meet a:hover				{ background-position: -209px -725px; }
	ul#navigation li.join a:hover				{ background-position: -209px -754px; }

	ul#navigation li.home a.active				{ background-position: -418px 0 !important;}
	ul#navigation li.about a.active				{ background-position: -418px -29px !important;}	
	ul#navigation li.running a.active			{ background-position: -418px -58px !important;}
	ul#navigation li.promo a.active				{ background-position: -418px -87px !important;}
	ul#navigation li.support a.active			{ background-position: -418px -116px !important;}	
	ul#navigation li.work a.active				{ background-position: -418px -145px !important;}
	ul#navigation li.facts a.active				{ background-position: -418px -174px !important;}
	ul#navigation li.championships a.active			{ background-position: -418px -203px !important;}
	ul#navigation li.competitions a.active			{ background-position: -418px -232px !important;}	
	ul#navigation li.other a.active				{ background-position: -418px -261px !important;}
	ul#navigation li.prizes a.active			{ background-position: -418px -290px !important;}
	ul#navigation li.prizegal a.active			{ background-position: -418px -319px !important;}
	ul#navigation li.novalue a.active			{ background-position: -418px -348px !important;}		
	ul#navigation li.eco-schools a.active			{ background-position: -418px -377px !important;}
	ul#navigation li.rainforest a.active			{ background-position: -418px -406px !important;}
	ul#navigation li.virtual a.active			{ background-position: -418px -435px !important;}
	ul#navigation li.indi-project a.active			{ background-position: -418px -464px !important;}
	ul#navigation li.recycling-cartridges a.active		{ background-position: -418px -493px !important;}	
	ul#navigation li.news-pr-testimonials a.active		{ background-position: -418px -522px !important;}
	ul#navigation li.news a.active				{ background-position: -418px -551px !important;}
	ul#navigation li.pr a.active				{ background-position: -418px -580px !important;}
	ul#navigation li.testimonials a.active			{ background-position: -418px -609px !important;}
	ul#navigation li.sponsors a.active			{ background-position: -418px -638px !important;}
	ul#navigation li.contact a.active			{ background-position: -418px -667px !important;}
	ul#navigation li.contact-us a.active			{ background-position: -418px -696px !important;}
	ul#navigation li.meet a.active				{ background-position: -418px -725px !important;}
	ul#navigation li.join a.active				{ background-position: -418px -754px !important;}
		

/*
	css warning
	----------------------------------- */

	#warning,
	#warning p
	{
		width: 100%;
		height: 22px;
	}

	#warning
	{
		position: absolute;
		top: 0;
		left: 0;
		color: #000;
		text-align: center;
		background-color: #FFFFE1;
		border-bottom: 1px solid #716F64;
	}
	
	#warning p
	{
		line-height: 23px;
	}
	
/*
	generic styles
	----------------------------------- */

	.dottedline
	{
		color: #000;
		padding: 0px 0 10px 0;
		font-size: 8pt;
	}
	
	.pinkhighlight
	{
		background-color: #fce3f1;
		padding: 10px;
		width: 375px;
		margin-bottom: 10px;
	}

	.background-intro
	{
		width: 410px;
		background-color: #F4F9FB;
		margin: -14px -40px 0 -30px;
		padding: 14px 30px 5px 30px;
	}

/*
	homepage styles
	----------------------------------- */

	.float
	{
		float: left;
	}

	.hightlight-box
	{
		border: 1px solid #E00022;
		border-radius: 7px;
		-webkit-border-radius: 7px;

		min-height: 230px;
		padding: 15px 0 20px 10px;
		
		margin: 0 -20px 15px 0;
		
		display: block;
		clear: both;
	}

	dl.hightlight-box
	{
		background: url(/media/images/background-steps.gif?cache=1) repeat-y;
	}
	
	dl.highlight-box img
	{
		margin-right: 0;
	}
	
	dl.hightlight-box dt
	{
		width: 61px;
		float: left;

		margin: -4px 0 0 -10px;
		padding-right: 15px;
	}
		
	dl.hightlight-box dd
	{
		width: 310px;
		float: left;
	}

	#join-now,
	#virtual-jungle,
	#leader-board
	{
		display: block;
		
		width: 426px;
		height: 39px;
		
		margin: 15px -30px 15px 0;
		
		text-indent: -10000px;
	}
	
	#join-now
	{
		background: url(/media/images/button-join-now.gif?cache=1) no-repeat;
	}

	#virtual-jungle
	{
		background: url(/media/images/button-virtual-jungle.gif?cache=1) no-repeat;
	}
	
	#leader-board
	{
		background: url(/media/images/button-leader-board.gif?cache=1) no-repeat;
	}
	
	#copy img
	{
		margin-right: -42px;
	}
	
	#meet img
	{
		margin: 0 10px 10px 0;	
	}


/*
	facts
	----------------------------------- */	


	.factsimage
	{
		width: 110px; 
		height: 156px;
	}
	
	.factstxt
	{
		padding: 0 0 0px 0;
	}

	.factstxt p 
	{
		padding: 0 0 0 10px;
	}
	

/*
	promotional materials
	----------------------------------- */

	.get-adobe-reader
	{
	        float: right;
	        margin: -20px 75px 0 0;
	}

/*
	competitions
	----------------------------------- */

	.competitionstxt
	{
		width: 230px;
		float: left;
		padding-right: 10px;
	}
	
	.competitionimg
	{
		float: left;
		width: 161px;
	}
		
	.smalltxt
	{
		font-size: 7pt;
	}
	
	.previouswinnerstxt
	{
		width: 210px;
		float: left;
		height: 96px;
		padding-bottom: 10px;
	}
	
	.previouswinnersimage
	{
		width: 190px;
		float: right;
		height: 96px;
		padding-bottom: 10px;
	}
	
/*
	worksheets
	----------------------------------- */	
	
	.worksheet1
	{
		float: left;
		width: 155px;
		padding-bottom: 10px;
	}
	
	.worksheet2
	{
		float: right;
		width: 176px;
	}
		
	.worksheets
	{
		font-size: 13pt;
		border: 1px solid #fff;
	}
		
	.worksheets td
	{
		background-color: #dedede;
		padding: 4px;
		border: 1px solid #fff;
	}
	
	.worksheets th
	{
		font-size: 10pt;
		background-color: #676767;
		color: #fff;
		border: 1px solid #fff;
	}
	
			
	
/*
	rainforest concern
	----------------------------------- */

	.rainforestconcern
	{
		background: url(/media/images/rainforestconcern.gif?cache=1) no-repeat;
		width: 425px;
		height: 119px;
	}
		
	.rainforestconcerntxt
	{
		width: 280px;
		padding: 30px 10px 10px 10px;
		color: #fff;
		font-weight: bold;
	}


/*
	virtual jungle
	----------------------------------- */

	.junglebg
	{
		background: url(/media/images/virtual-jungle/jungle-bottom.gif?cache=1) 0px 270px no-repeat;
		width: 430px;
		height: 570px;
		
		margin-right: -30px;
	}
	
	.jungletxt
	{
		float: left;
		width: 250px;		
	}
		
	.junglelogo
	{
		float: left;
		width: 178px;
	}

	
/*
	indi project
	----------------------------------- */		

	.indilogo
	{
		width: 135px;
		height: 148px;
		float: left;
	}
	
	.inditxt
	{
		width: 260px;
		float: left;
	}
	
	
/*
	recycling championship
	----------------------------------- */	

	.championshipouter
	{
		width: 422px;
		background: url(/media/images/championship-crazyphone.gif?cache=1) no-repeat;
		height: 135px;
	}
	
	.championshiptxt
	{
		padding: 15px 10px 10px 10px;
		width: 310px;
		font-weight: bold;
	}
	
/*
	other fundraising
	----------------------------------- */	
	
	.otherfundraisingbg
	{
		width: 245px;
		height: 69px;
		background-color: #ddf0fc;
		float: left;
		padding: 0 0 0 10px;
		margin-top: 10px;
	}
		
	.fundraisingimage
	{
		float: left;
		width: 143px;
		height: 69px;
		margin-top: 10px;
	}

/*
	sponsors
	----------------------------------- */	

	.sponsorimage
	{
		width: 116px;
		height: 92px;
		float: left;
		margin-bottom: 20px;
	}
		
	.sponsortxt
	{
		width: 280px;
		height: 92px;
		float: left;
		background-color: #f7cfe6;
		font-size: 10pt;
		padding: 0 0 0 5px;
		margin-bottom: 20px;
	}

/*
	recycle printer cartridges
	----------------------------------- */	
	
	.stepsrecycle
	{
		background-color: #fee1f3;
		margin: 10px -20px 20px -27px;
		width: 428px;
		height: 175px;
		padding: 20px;
		clear: both;
	}
		
	.stepnumber
	{
		width: 61px;
		float: left;
		padding-right: 10px;
	}
		
	.floatleft
	{
		width: 250px;
		float: left;
		height: 120px;
	}
	
	.floatright
	{
		float: right;
	}

	
	
/*
	news
	----------------------------------- */	
	
	.storiestitle
	{
		float: left;
		width: 300px;
	}

	.storiesimage
	{
		float: left;
		width: 82px;
		padding: 0 10px 0 0;
	}
	
	.pinkbgnews
	{
		background-color: #f7e7f1;
		padding: 5px;
		width: 390px;
		margin-bottom: 3px;
	}
		
	.greybgnews
	{
		background-color: #f7c6e4;
		padding: 5px;
		width: 390px;
		margin-bottom: 3px;
	}
	
	.newsimagepink
	{
		border: 1px solid #de158e;
		height: 80px;
		width: 80px; 
		float: left;
		margin: 0 10px 0 0;
	}
	
	
	.newstxt
	{
		width: 290px;
		float: left;
	}
		
/*
	join now
	----------------------------------- */		
	
	#secondary
	{
		padding: 40px 40px 40px 42px;

		
	}
	
	#secondary
	{
		padding-left: 27px;
		padding-right: 10px;
		width: 166px;
		margin-left: -1px;
		
	}
	
	div.register #secondary			{ width: 227px; }

	div.register #secondary button
	{
		background: url(/media/images/register-button.gif?cache=1) no-repeat;
		border: 0;
		width: 111px;
		height: 24px;
		cursor: pointer;
	}
	
	#secondary p					{ color: #000; 	}
	
	#secondary em
	{
		color: #EC008C;
		font-style: normal;

	}
	
	#secondary h2
	{
		font-size: 1.6em;
		line-height: 1.4em;
		margin-bottom: 4px;
		color: #0055A5;
		
	}
	
	.sIFR-active #secondary h2		{ font-size: 1.6em; line-height: 1em; 	}

/*
	footer styles
	----------------------------------- */

	#smallprint
	{
		width: 880px;
		margin: 5px auto 30px;
		
		color: #ffffff;
		text-align: center;
		list-style-type: none;
	}
	
	#smallprint li
	{
		display: inline;
		margin-right: 10px;
	}
	
	#smallprint a
	{
		color: #ffffff;
		text-decoration: none;
	}
		
	#smallprint a:hover
	{
		text-decoration: underline;
	}

		
/*
	form styles
	----------------------------------- */	

	input
	{
		border: 1px solid #dadada;
		width: 327px;
		height: 20px;
		margin-bottom: 5px;
		padding-left: 3px;
	}
	
	input, textarea, select
	{
		font-size: 0.7em;
	}
	
	textarea
	{
		border: 1px solid #dadada;
		width: 330px;
		height: 50px;		
		margin-bottom: 5px;	
	}
	
	select
	{
		border: 1px solid #dadada;
		margin-bottom: 5px;	
		width: 332px;			
	}
	
	button, input.button
	{
		clear: both;
		display: block;
		padding: 3px;
		width: auto;
		height: auto;
	}
	
	
/*
	news styles
	----------------------------------- */

	.featured
	{
		padding: 30px 10px 10px 210px;
		margin: 10px 0 !important;
	}
	

	.no-background
	{
		background-image: none !important;
	}


	ul.index
	{
		margin: 0 !important;
		font-size: 17pt;

		
		width: 389px;
		overflow: hidden !important;
	}

	.advert-space ul.index
	{
		width: 439px;
	}
	
	ul.index li
	{
		border-top: 1px dashed #A1A4B7;
		
		margin-bottom: -1px;
		padding-bottom: 10px;
	}
	
	ul.index li.avatar
	{
		padding-left: 55px;
		background: url(/media/images/community/avatar-40x40.gif?cache=1) no-repeat 0 10px;
	}
	
	ul.green
	{
		padding: 5px 0;
		border-top: 4px solid #D1E9C6;
	}
	
	ul.green li
	{
		border-color: #66B741;
	}
	
	ul.green li:first-child,
	ul.green li.first
	{
		padding-top: 1px;
		border-top-width: 0;
	}
	
	ul.index li:last-child
	{
		border-bottom-width: 0;
		padding-bottom: 0;
	}
	
	ul.index li.avatar-rainforest
	{
		background-image: url(/media/images/news/avatar-45x45-rainforest.jpg?cache=1);
	}
	
	ul.index li.avatar-money
	{
		background-image: url(/media/images/news/avatar-45x45-money.jpg?cache=1);
	}

	ul.index li.avatar-championship
	{
		background-image: url(/media/images/news/avatar-45x45-championship.jpg?cache=1);
	}

	ul.index li.avatar-goldheart
	{
		background-image: url(/media/images/news/avatar-45x45-goldheart.jpg?cache=1);
	}

	ul.index li.avatar-exhibitions
	{
		background-image: url(/media/images/news/avatar-45x45-exhibitions.jpg?cache=1);
	}

	ul.index li.avatar-stpiers
	{
		background-image: url(/media/images/news/avatar-45x45-stpiers.jpg?cache=1);
	}

	a.more
	{
		color: #F76E18 !important;
	}
	
	ul.index h1,
	ul.index h2,
	ul.index h3
	{
		margin-top: 5px;
	}
	
	h2.intro,
	ul.index h3 span
	{
		padding-left: 14px;
		background: url(/media/images/icons/icon-document.gif?cache=1) no-repeat 1px 4px;
	}
	
	ul.index h3 span
	{
		padding-bottom: 0px;
		margin-bottom: 0px;
		
		font-size: 0.8em;
		display: block;

		border: 1px dashed #A1A4B7;
		border-width: 0 0 1px;

		line-height: 18px;
	}

	ul.green h3 span
	{
		border-color: #66B741;
	}
	
	li div.additional,
	li div.additional p,
	li div.additional ul,
	li div.additional li,
	.featured div.additional,
	.featured div.additional p
	{
		display: block;
	}
	
	li div.additional ul
	{
		list-style-type: disc;
	}

	li div.additional li
	{
		border: none !important;	
	}

	p.page-navigation
	{
		border: 1px dashed #A1A4B7;
		border-width: 1px 0;
		
		height: 22px;
		line-height: 22px;
	}
	
	p.page-navigation a
	{
		text-decoration: none;
	}

	.advert-space ul.pagination
	{
		margin-right: -20px !important;
	}

	ul.pagination
	{
		list-style-type: none;
		margin: 10px 0 0 0 !important;
		
		float: right;
		display: inline;
	}
	
	ul.pagination li
	{
		display: block;
		float: left;
		margin-right: 5px;
	}

	ul.pagination li a
	{
		display: block;

		height: 18px;
		width: 7px;
		line-height: 18px;
		
		border: 1px solid #A1A4B7;
		text-decoration: none;

		margin-top: -2px;	
		padding: 0 5px;
	}
	
	ul.pagination li a:hover,
	ul.pagination li a.active,
	ul.pagination li a.active:hover
	{
		border-color: #e010c0;
		background-color: #e010c0;
		
		color: #FFF;
	}

	ul.pagination li a:hover
	{
		background-color: #f179df;
	}