/*  

	+++++++++++		+++++++++++
	+++++++++++		+++++++++++
	+++				+++
	+++				+++
	+++++++++++	+++	+++
	+++++++++++	+++	+++
		    +++		+++
		    +++		+++
	+++++++++++		+++++++++++
	+++++++++++		+++++++++++
	
													
/*  
 ====================================================================
			client:					discovertheforest.com
			css author:				social control (steve scavo)
			began on:				5/03/10
=====================================================================
*/



/* ======================
		GLOBAL 
========================= */


body {
	background:#502817 url(../images/bg-wood.jpg) repeat top center;
	margin:0;
	padding:0;
	min-height:100%;
	min-width:960px;
	font:13px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#33b281d;
}

body.nothing 
{
	background:none;
}

.wrap {
	position:relative;
	width:960px;
	margin:0 auto;
}

#paper {
	background:url(../images/bg-paper.jpg) repeat-y top center;
	min-height:1340px;
}

#leaves {
	background:url(../images/bg-nav-grass.jpg) no-repeat top center;
	min-height:270px;
	min-width:960px;
	}
	#default #leaves { height:62px; }
	
#dtf {
	}
	#default #dtf { display:none; }

#dtf a {
	width:900px;
	min-height:300px;
	margin:0 auto 0;
	background:url(../images/find-a-forest.jpg) no-repeat;
	text-indent:-99999em;
	display:block;
}


/* ========================================
		COMMON ELEMENTS and CLASSES 
=========================================== */

a { color:#346c1e; font-weight:bold; }
a:hover { color:#000; text-decoration:none; -moz-border-radius:1px; -webkit-border-radius:1px; }

h1,h2,h3,h4 { display:block; }

p {
	margin:0 0 1em 0;
}

#container ul {
	margin:1em 0 1em 0;
}

#container li {
	margin:0 0 1em 0;
	padding-left:2.5em;
	background:url(../images/bullet-leaf.png) no-repeat top left;
	}
	#container li.game {
		background-image:none;
		float:left;
		padding:0;
		margin:0;
		}

.learn-more a {
	float:right;
	background:url(../images/scratch-learn-more.png) no-repeat;
	width:175px;
	height:80px;
	margin-bottom:20px;
	text-indent:-99999em;
	display:block;
}


/* ======================
		NAVIGATION 
========================= */

#nav { height:62px; }

#nav h1.logo {
	float:left;
	}
	#default #nav h1.logo { display:none; }
	
#nav h1.logo a {
	display:block;
	height:140px;
	position:relative;
	text-indent:-99999em;
	width:200px;
	z-index:99;
	}
	
#nav #global {
	float:right;
	margin-right:0px;
}
#nav #global li {
	float:left;
	display:inline;
}
#nav #global li a {
	float:left;
	width:auto;
	height:62px;
	text-indent:-99999em;
	background-position:left top;
	display:block;
}
	#nav #global li.home a { background:url(../images/btn-home.png) no-repeat; width:85px; }
	#nav #global li.wtg a { background:url(../images/btn-wtg.png) no-repeat; width:167px; }
	#nav #global li.wtd a { background:url(../images/btn-wtd.png) no-repeat; width:150px; }
	#nav #global li.mte a { background:url(../images/btn-mte.png) no-repeat; width:216px; }
	#nav #global li.facebook a { background:url(../images/btn-fac.png) no-repeat; width:42px; }
	#nav #global li.twitter a { background:url(../images/btn-twi.png) no-repeat; width:42px; }
	
#nav #sign-links {
	position:absolute;
	top:84px;
	left:700px;
	z-index:98;
}
#nav #sign-links li a {
	position:relative;
	width:175px;
	height:30px;
	text-indent:-99999em;
	display:block;
	z-index:9999;
}
#nav #sign-links li.parents a { background:url(../images/btn-parents.png) no-repeat; }
#nav #sign-links li.partners a { background:url(../images/btn-partners.png) no-repeat; }

#nav #global li a:hover,
#nav #sign-links li a:hover,
#nav #global li.active a,
#nav #sign-links li.active a { background-position:right top; }



/* ======================
		FLASH INTRO 
========================= */

#flash-forest-wrap {
	background:url(../images/bg-home-forest.jpg) no-repeat top center;
	height:483px;
}

#flash-forest {
	width:960px;
	margin:0 auto;
	}
	#flash-forest a {
		position:relative;
		top:30px;
		width:300px;
		text-align:center;
		color:#fff;
		padding:15px;
		margin:0 auto;
		background:#000;
		display:block;
	}

#flash-forest img {
	position:relative;
	top:200px;
	width:112px;
	margin:0 auto;
	display:block;
}

/* GLOBAL SECTIONS */

#container {
	position:relative;
	width:960px;
	margin:0 auto;
	padding-top:150px;
	}
	#default #container { position:static;padding-top:0; }
	
	
/* ======================
		TABS
========================= */

ul.tabs {
	margin: 0 !important;
	padding: 0 !important;
	float: left;
	list-style: none;
	height: 32px;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0 3px 0 0 !important;
	padding: 0 !important;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	position: relative;
	background: #346c1e !important;
}
ul.tabs li a {
	color: #fff;
	display: block;
	padding: 0 20px;
	text-decoration:none;
}
ul.tabs li a:hover {
	background: #000 !important;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
	background: #79c143 !important;
}
.tab_container {
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
}
.tab_content {
	padding: 3px 0 0;
	font-size: 1em;
	margin-bottom:30px;
}



/* ======================
		PAGES 
========================= */

#container>h2 {
	position:absolute;
	width:414px;
	height:100px;
	top:20px;
	left:285px;
	text-indent:-99999em;
	display:block;
	}
	.where_to_go #container>h2 { background:url(../images/hdr-wheretogo.png) no-repeat; }
	.why #container>h2 { background:url(../images/hdr-why.png) no-repeat; }
	.what_to_do #container>h2 { background:url(../images/hdr-whattodo.png) no-repeat; }
	.more_to_explore #container>h2 { background:url(../images/hdr-moretoexplore.png) no-repeat; }
	.parents #container>h2 { background:url(../images/hdr-parents.png) no-repeat; }
	.about #container>h2 { background:url(../images/hdr-about.png) no-repeat; }
	.partners #container>h2 { background:url(../images/hdr-partners.png) no-repeat; }
	.contact #container>h2 { background:url(../images/hdr-contact.png) no-repeat; }
	.tou #container>h2 { background:url(../images/hdr-terms.png) no-repeat; }
	.privacy #container>h2 { background:url(../images/hdr-privacy.png) no-repeat; }
	#gallery #container>h2 { background:url(../images/hdr-gallery.png) no-repeat; }
	.register #container>h2, .registerParent #container>h2 { background:url(../images/hdr-register.png) no-repeat; }
	.login #container>h2 { background:url(../images/hdr-login.png) no-repeat; }

h3.introduction-title {
	float:left;
	width:230px !important;
	height:65px;
	text-indent:-9999em;
	margin:0 0 0 160px;
	display:block;
	}
	.where_to_go h3.introduction-title { background:url(../images/intro-wtg.png) no-repeat; }
	.why h3.introduction-title { background:url(../images/intro-why.png) no-repeat; width:490px !important; height:75px !important; margin:15px 0 0; }
	.what_to_do h3.introduction-title { background:url(../images/intro-wtd.png) no-repeat; width:260px !important; height:60px !important; margin:15px 0 0 100px; min-height:100px !important; }
	.parents h3.introduction-title { background:url(../images/intro-parentinfo.png) no-repeat; width:319px !important; height:60px !important; margin:20px 0 0 30px; }
	.more_to_explore h3.introduction-title { background:url(../images/intro-itsgoodtogetoutdoors.png) no-repeat; width:500px !important; height:45px !important; margin:20px 0 0 30px; }
	.partners h3.introduction-title { background:url(../images/intro-thankyou.png) no-repeat; width:310px !important; height:90px !important; margin:-5px 0 0 140px; }
	.about h3.introduction-title { background:url(../images/intro-aboutthiscampaign.png) no-repeat; width:717px !important; height:104px !important; margin:-12px 0 -20px 35px; }
	#gallery h3.introduction-title { background:url(../images/intro-postphotos.png) no-repeat; width:600px !important; height:90px !important; margin:30px 0 -70px 50px; }
	.tou h3.introduction-title,
	.privacy h3.introduction-title,
	.contact h3.introduction-title { height:20px; }
	
p.introduction {
	float:right;
	width:430px;
	margin:15px 0 0;
	min-height:62px;
	font:14px Arial, Helvetica, sans-serif;
	}
	.where_to_go p.introduction { width:500px; margin:5px 20px 0 0; }
	.what_to_do p.introduction { width:560px; min-height:100px; }
	/*.parents p.introduction { width:900px; height:140px; position:absolute; bottom:0px; left:0px; background:url(../images/tree-overlay.png) no-repeat; }*/
	.partners p.introduction { width:430px; margin-right:25px; }
	.about p.introduction { display:none; }

#l,#r {
	background-color:#f2e0c5;
	width:390px;
	padding:10px 20px;
	margin-top:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#l { float:left; margin-left:20px; clear:left; }
#r { float:right; margin-right:20px; }

#l.full {
	width:780px;
	min-height:500px;
	float:none;
	margin:0 auto;
	}
	.what_to_do #l.full { min-height:0px; }
	.partners #l.full { min-height:0px; background-color:transparent; width:870px; }
	#gallery #l.full { min-height:0px; background-color:transparent; }

.where_to_go #l, .where_to_go #r,
.what_to_do #l, .what_to_do #r {
	background-color:transparent;
}

.floatleft {
	float:left;
	display:inline;
	margin:0 10px 4px 0;
}

.floatright {
	float:right;
	display:inline;
	margin:0 0 4px 10px;
}



/* Homepage */

#default.index #sign-links {
	display: none;
	}

.WTG-home {
	position:relative;
	float:left;
	width:440px;
	height:360px;
	background:url(../images/bg-wtg-home.jpg) no-repeat;
	}
	.WTG-home a { position:relative; width:440px; height:360px; text-indent:-99999em; display:block; }

.video-gallery {
	position:relative;
	float:left;
	width:380px;
	height:360px;
	background:url(../images/bg-video-gallery.jpg) no-repeat;
}

.video-gallery p {
	position:absolute;
	bottom:0;
	left:20px;
	clear:both;
	}
	
.video {
	position:absolute;
	top:48px;
	left:22px;
}
	
.ui-tabs {
	float:left;
	width:100%;
}
	
.ui-tabs .ui-tabs-panel {
	background:url(../images/bg-video-player.png) no-repeat bottom left;
}

.ui-tabs-nav {
	position:absolute;
	top:315px;
	left:40px;
}

.photo-gallery {
	float:right;
	width:500px;
	height:360px;
	margin-right:17px;
	background:url(../images/bg-home-photogallery.jpg) no-repeat top left;
}
	.photo-gallery h2 { text-indent:-99999em; display:block; }
	.photo-gallery h2 a { float:left; width:380px; height:280px; text-indent:-99999em; margin:0 0 20px 60px; display:block; position:absolute; z-index:99; }
	.photo-gallery p { margin-top:25px; text-align:right; font-family:Tahoma, Geneva, sans-serif; }
	.photo-gallery p span { color:#a97845; }

	.container { width:383px; height:250px; overflow:hidden; position:relative; cursor:pointer; margin-top:65px; }
	div.slides { position:absolute; top:0; left:0; }
	ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
	div.slides > div,ul.slides li { position:absolute; top:0; width:383px; display:none; padding:0; margin:0; }
	#loopedSlider { margin:0 auto; width:383px; position:relative; clear:both; }
	ul.pagination { list-style:none; padding:0; margin:0; display:none; }
	ul.pagination li  { float:left; }
	ul.pagination li a { padding:2px 4px; }
	ul.pagination li.active a { background:blue; color:white; }
	a.previous { position:absolute;width:54px;height:80px;top:62px;left:-55px; text-indent:-9999em;display:block; }
	a.next { position:absolute;width:54px;height:80px;top:62px;left:393px; text-indent:-9999em;display:block; }


.leftthird {
	float:left;
	width:400px;
	height:360px;
	padding-left:30px;
}
.leftthird h2 a {
	background:url(../images/head_home_woodsy.png) no-repeat;
	width:412px;
	height:80px;
	text-indent:-99999em;
	display:block;
}
.leftthird img {
	float:left;
	width:200px;
	height:125px;
	padding:10px;
	margin:0 20px 10px 0;
	background:url(../images/photo-frame-200x150.png) no-repeat;
	display:block;
}
.leftthird p a {
	float:right;
	width:150px;
	height:90px;
	text-indent:-99999em;
	background:url(../images/scratch-learn-more.png) no-repeat;
	display:block;
}

.forestsnapshot {
	position:relative;
	float:right;
	width:500px;
	height:400px;
	background:url(../images/head_home_heykids.png) no-repeat;
	background-position: 20px -5px;
}

.forestsnapshot h2 a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:300px;
	text-indent:-99999em;
	display:block;
}

.forestsnapshot p {
	width:310px;
	margin-top:240px;
	margin-left:30px;
}

.forestsnapshot p a {
	float:right;
	width:115px;
	height:100px;
	text-indent:-99999em;
	margin-top:-70px;
	margin-right:-140px;
	background:url(../images/btn_home_go.png) no-repeat;
	display:block;
}


/* Where To Go */

.where_to_go #container h3 {
	width:100%;
	height:65px; 
	text-indent:-99999em; 
	clear:both; 
	}
	h3.more-national-parks a { float:left; background:url(../images/hdr-more-national-parks.jpg) no-repeat; height:85px !important; width:435px !important; text-indent:-99999em; display:block; }
	h3.naturefind-app a { float:left; background:url(../images/hdr-naturefind-app.jpg) no-repeat; height:85px !important; width:435px !important; text-indent:-99999em; display:block; }

.map-box {
	width:900px;
	height:713px;
	margin:0px auto 25px;
	background:url(../images/bg-map-tile.png) repeat-y top center;
	overflow:hidden;
	clear:both;
	}
	.map {
		background:url(../images/bg-map-top.jpg) no-repeat top center;
		min-height:255px;
		}
		.map .form-elements { float:left; width:360px; }
		.map form {
			position:relative;
			top:113px;
			left:515px;
			}
			.map form input { margin-right:10px; font:16px Arial, Helvetica, sans-serif; width:160px; max-width:160px; }
			.map form label { display:none; }
			.map form input.submit {
				position:relative;
				top:-10px;
				float:right;
				width:85px; 
				height:61px; 
				cursor:pointer;
			 	}
		/*.map*/ #screen {
			position:absolute;width:618px;height:590px;top:128px;left:307px;
			/*position:relative !important;*/
			/*top:135px;
			width:600px !important;
			height:430px !important;*/
			margin:0 auto;
			background:#f2e0c5;
			/*border:10px solid #f2e0c5;*/
			-moz-border-radius:10px;
			-webkit-border-radius:12px;
			clear:both;
			overflow:hidden;
			}
		
		.message { display:none; }

		.bubble { font-size:11px; }
		.bubble div { margin-bottom:2px; }
		.bubble .name { font-weight:bold; }
		.bubble .activities, .bubble .tools { clear:both; }
		.bubble .activities div {
			float:left;
			width:25px;
			height:25px;
			margin:0 2px 0 0;
			background: url('../images/icon-activities.png') no-repeat 0 0;
			}
		.bubble .activities .hunt { background-position: 0 -144px; float:left; }
		.bubble .activities .winter { background-position: 0 -120px; float:left; }
		.bubble .activities .camp{ background-position: 0 -96px; float:left; }
		.bubble .activities .fish { background-position: 0 -72px; float:left; }
		.bubble .activities .bike { background-position: 0 -48px; float:left; }
		.bubble .activities .water { background-position: 0 -24px; float:left; }
		.bubble .activities .hike { background-position: 0 0; float:left; }
		

#legend {
	position:absolute;
	top:450px;
	left:30px;
	background:url(../images/legend.png) no-repeat;
	width:128px;
	height:188px;
}

.searchbystate a {
	background:url(../images/scratch-searchbystate.jpg) no-repeat;
	width:263px;
	height:100px;
	margin:10px auto;
	text-indent:-999999em;
	display:block;
}

.where_to_go #dtf { display:none; }

.naturefind { margin-top:160px;text-align:center;color:#fff; }




/* Why */

.why #container h3, 
.why #container h3 a { float:left; width:100%; height:75px; margin:0; padding:0; text-indent:-99999em; background-repeat:no-repeat; display:block; clear:both; }

h3#besmart { background-image:url(../images/hdr-besmart.jpg); }
h3#begood { background-image:url(../images/hdr-begood.jpg); }
h3#besafe { background-image:url(../images/hdr-besafe.jpg); }
h3#parents a { background-image:url(../images/hdr-parents.jpg); float:left; margin:2em 0 1em; }
h3#aboutthiscampaign a { background-image:url(../images/hdr-aboutthiscampaign.jpg); float:left; margin:2em 0 1em; }
h3#abouttheusda { height:120px !important; }
h3#abouttheusda a { background-image:url(../images/hdr-abouttheusda.jpg); height:120px !important; }

.anchors { clear:both; float:left; width:100%; min-height:80px; margin-left:15px; }
.anchors ul { margin:1em 0; padding:0; width:100%; float:left; }
.anchors ul li { float:left; display:inline; background-image:none !important; margin:0 !important; padding:0 !important; }
.anchors ul li a { float:left; padding:5px 7px 25px; margin:0 0 0 15px; font:bold 12px Helvetica, Arial, sans-serif; display:inline; background: transparent url(../images/underline-scratch.png) repeat-x center bottom; text-decoration:none; }
.anchors ul li a:hover { background-color:#f2e0c5; -moz-border-radius:5px; -webkit-border-radius:5px; }



/* What To Do */

ul#games { float:left; width:100%; margin:0 0 40px 15px; padding:0; clear:both; }

.game {
	position:relative;
	width:390px;
	min-height:260px;
	padding:10px 20px !important;
	margin:0 20px 40px 20px !important;
	background-color:#f2e0c5 !important;
	background-repeat:no-repeat;
	background-position:center 5px !important;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.game.snapshot { background-image:url(../images/bg-game-snapshot.jpg) !important; }
.game.snapshot p { position:absolute; top:90px; right:15px; width:150px; text-align:right; display:block; }
.game.snapshot a { background-image:url(../images/scratch-goplay.png); }
.game.stufftodo { background-image:url(../images/bg-game-stufftodo.jpg) !important; }
.game.stufftodo p { position:absolute; top:90px; right:15px; width:220px; text-align:right; display:block; }
.game.stufftodo a { background-image:url(../images/scratch-download.png); }
.game.sounds { background-image:url(../images/bg-game-sounds.jpg) !important; }
.game.sounds p { position:absolute; top:90px; right:15px; width:150px; text-align:right; display:block; }
.game.sounds a { background-image:url(../images/scratch-listen.png); }
.game.tracks { background-image:url(../images/bg-game-tracks.jpg) !important; }
.game.tracks p { position:absolute; top:90px; right:15px; width:200px; text-align:right; display:block; }
.game.tracks a { background-image:url(../images/scratch-match.png); }
.game.compass { background-image:url(../images/bg-game-compass.jpg) !important; }
.game.compass p { position:absolute; top:90px; right:15px; width:210px; text-align:right; display:block; }
.game.compass a { background-image:url(../images/scratch-learnmore.png); }
.game.leaves { background-image:url(../images/bg-game-leaves.jpg) !important; }
.game.leaves p { position:absolute; top:140px; right:240px; width:160px; text-align:left; display:block; }
.game.leaves a { background-image:url(../images/scratch-tryit.png); }
.game.find { background-image:url(../images/bg-tout-takeahike.png) !important; }
.game.find a { position:absolute; top:0px; left:0; width:390px; height:260px; text-indent:-99999em; display:block; }
.game.ranger { background-image:url(../images/bg-tout-ranger.png) !important; }
.game.ranger a { position:absolute; top:0px; left:0; width:390px; height:260px; text-indent:-99999em; display:block; }

.game p.launch { bottom:10px; font-size:0; left:auto; position:absolute; right:5px; top:auto; width:auto; }
.game p.launch a { width:150px; height:80px; background-repeat:no-repeat; background-position:bottom right; text-indent:-99999em; display:block; text-decoration:none; }

.what_to_do #container h3 { width:0px; height:0px; text-indent:-99999em; background-repeat:no-repeat; clear:both; }
.what_to_do #container .game h3 a { width:390px; height:60px; text-indent:-99999em; background-image:none; display:block; }
.what_to_do #container .game.leaves h3 a { height:115px; }
.what_to_do #l, .what_to_do #r {
	padding:0;
}

.what_to_do #dtf { display:block; }


.what_to_do #l {
	margin-top:-10px;
	margin-left:15px;
}
.what_to_do #r {
	margin-top:-10px;
	margin-right:85px;
}



/* Parents */

.parents #l { width:505px; margin-top:0; }
.parents #r { width:268px; margin-top:0; }

.parents #r {
	font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.parents a#btn-login,
.parents a#btn-upload {
	position:absolute;
	top:130px;
	left:350px;
	width:214px;
	height:164px;
	text-indent:-99999em;
	display:block;
	}
	.parents a#btn-login { background:url(../images/btn-login.png); }
	.parents a#btn-upload {	background:url(../images/btn-uploadphotos.png); }


.parents h3 {

	background-repeat:no-repeat;
	height:27px;
	margin:2em 0 1em -2px;
	text-indent:-9999em;
	display:block;
}

h3.itsgoodtogetoutdoors { background-image:url(../images/hdr-itsgoodtogetoutdoors.png); }
h3.thenaturalprocessofdiscovery { background-image:url(../images/hdr-thenaturalprocessofdiscovery.png); }
h3.moreideasandtips { background-image:url(../images/hdr-moretipsandideas.png); }
h3.relatedinformation { background-image:url(../images/hdr-relatedinformation.png); position:absolute; top:130px; left:640px; width:305px; height:95px; }

.parents #container #r a { font-size:13px; }
.parents #container ul li {
	background:url(../images/bullet-tree.png) no-repeat top left;
	padding-left:3.8em;
	}
	.parents #container #r ul { background:url(../images/underline-scratch-big.jpg) no-repeat bottom left; padding:15px 10px 15px 0; -moz-border-radius:8px; webkit-border-radius:8px; }
	.parents #container #r ul li { padding-left:4.5em; margin-bottom:1.5em; }
		.parents #container #r ul li.facebook { background:url(../images/icon-facebook.png) no-repeat top left; }
		.parents #container #r ul li.twitter { background:url(../images/icon-twitter.png) no-repeat top left; }
		.parents #container #r ul li.findingmyforest { background:url(../images/icon-findingmyforest.png) no-repeat top left; }
		.parents #container #r ul li.foresttweets { background:url(../images/icon-foresttweets.png) no-repeat top left; padding-top:22px; margin-top:-22px; }
	

/* More To Explore */

.more_to_explore #l { width:505px; margin-top:0; }
.more_to_explore #r { width:268px; margin-top:0; }

.more_to_explore #r {
	font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.more_to_explore a#btn-login,
.more_to_explore a#btn-upload {
	position:absolute;
	top:130px;
	left:350px;
	width:214px;
	height:164px;
	text-indent:-99999em;
	display:block;
	}
	.more_to_explore a#btn-login { background:url(../images/btn-login.png); }
	.more_to_explore a#btn-upload {	background:url(../images/btn-uploadphotos.png); }


.more_to_explore h3 {

	background-repeat:no-repeat;
	height:27px;
	margin:2em 0 1em -2px;
	text-indent:-9999em;
	display:block;
}

h3.itsgoodtogetoutdoors { background-image:url(../images/hdr-itsgoodtogetoutdoors.png); }
h3.didyouknow { background-image:url(../images/hdr-didyouknow.png); }
h3.encouragelearning { background-image:url(../images/hdr-encouragelearning.png); }
h3.helppreserve { background-image:url(../images/hdr-helppreserve.png); }
h3.staysafe { background-image:url(../images/hdr-staysafe.png); margin-top:0px !important; margin-bottom: 10px !important; }
h3.moreideasandtips { background-image:url(../images/hdr-moretipsandideas.png); margin-top:0px !important; margin-bottom: 10px !important; }

h3.thenaturalprocessofdiscovery { background-image:url(../images/hdr-thenaturalprocessofdiscovery.png); }
h3.relatedinformation { background-image:url(../images/hdr-relatedinformation.png); position:absolute; top:170px; left:640px; width:305px; height:55px; }
	
.more_to_explore #container #r ul li { padding-left:45px; margin-bottom:1.5em; }
.more_to_explore #container #r a { font-size:13px; }
.more_to_explore #container ul li {
	background:url(../images/bullet-tree.png) no-repeat top left;
	padding-left:3.8em;
	}

.more_to_explore #container ul.plus li {
	background:url(../images/bullet-plus.png) no-repeat top left;
	min-height:27px;
	margin-bottom:15px !important;
	}

.more_to_explore #container ul.star li {
	background:url(../images/bullet-star.png) no-repeat top left;
	margin-bottom:15px !important;
	}
	.more_to_explore #container #r ul.scratch { background:url(../images/underline-scratch-big.jpg) no-repeat bottom left; padding:15px 10px 15px 0; -moz-border-radius:8px; webkit-border-radius:8px; }
		.more_to_explore #container #r ul li.facebook { background:url(../images/icon-facebook.png) no-repeat top left; }
		.more_to_explore #container #r ul li.twitter { background:url(../images/icon-twitter.png) no-repeat top left; }
		.more_to_explore #container #r ul li.findingmyforest { background:url(../images/icon-findingmyforest.png) no-repeat top left; }
		.more_to_explore #container #r ul li.foresttweets { background:url(../images/icon-foresttweets.png) no-repeat top left; padding-top:22px; margin-top:-22px; }
		.more_to_explore #container #r ul li.nationaloutdoorsday { background:url(../images/icon-nationaloutdoorsday.png) no-repeat top left; }


/* About This Campaign */

.about #container h3,
.about #container h3 a {
	float:left;
	width:100%;
	height:83px;
	margin:0;
	padding:0;
	text-indent:-99999em; 
	background-repeat:no-repeat;
	display:block;
	clear:both; 
	}
	h3.campaign { background-image:url(../images/hdr-campaign.png); }
	h3.forestservice a { background-image:url(../images/hdr-forestservice.png); float:left; }
	h3.adcouncil a { background-image:url(../images/hdr-adcouncil.png); }
	h3.findingmyforest a { background-image:url(../images/hdr-aboutfindingforest.jpg); }

.about h4 {
	height:27px;
	background-repeat:no-repeat;
	margin:0 0 1em -10px;
	text-indent:-9999em;
	display:block;
	clear:both;
	}
	h4.wheretheotheryoulives { background-image:url(../images/txt-wheretheotheryoulives.png); }
	h4.viewthepsa { background-image:url(../images/txt-viewthepsa.png); margin:3em 0 -1em; }
	h4.abouttheusda { background-image:url(../images/txt-abouttheusda.png); }
	h4.abouttheadcouncil { background-image:url(../images/txt-abouttheadcouncil.png); }
	
h5 {
	color:#1f4410 !important;
	font:bold 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:2em 0 0.5em;
	padding:0 0 0.5em;
	background:url(../images/scribble-psa.png) no-repeat bottom left;
}

.about h5 a { text-decoration:none; }
.about h5 a.transcripts, .tab_content a.transcripts { font-weight:normal; font-size:12px; text-decoration:none; }
.tab_content a.transcripts { text-align:center; margin-top:1em; display:block; }

.about .special-thanks {
	position:relative;
	top:110px;
	left:-10px;
	background:url(../images/txt-thankyoumedia.png);
	width:410px;
	height:64px;
	text-indent:-99999em;
	display:block;
}

.about .radio { float:left;margin-right:15px;margin-bottom:12px; }
.about .radio a.small { font-size:10px; }
.about .tv { float:left;margin-right:15px; }



/* Partners */

ul.partner-list {
	clear:both;
	width:960px;
	margin:0px auto 15px !important;
	padding:0;
	}
	ul.partner-list li {
		float:left;
		width:860px;
		min-height:80px;
		margin:10px !important;
		padding:10px 20px;
		background-color:#f2e0c5 !important;
		background-image:none !important;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		}
	ul.partner-list.featured li {
		width:390px;
		}

.partners h3 { font:bold 18px "Helvetica Neue", Helvetica, Arial, sans-serif; margin:1em 0; }
.partners #container .partner-list.featured h3,
.partners #container #l.full h3 {
	width:100%;
	height:85px; 
	text-indent:-99999em; 
	background-repeat:no-repeat; 
	clear:both; 
	}
	h3.keepupthegoodwork { background-image:url(../images/hdr-keepupthegoodwork.jpg); margin:2em 0 1em -30px; }
	.the-north-face h3 { background-image:url(../images/hdr-thenorthface.jpg); }
	.dreamworks h3 { background-image:url(../images/hdr-dreamworks.jpg); }
	
p.thumbnail { text-align:center; }
p.thumbnail img {
	float:right;
	margin:1em 1em 0.2em;
	display:inline;
	}
	.partner-list.featured p.thumbnail img { float:none; margin:0 auto; display:block; }

.partner-list.featured p.launch a {
	background:url(../images/btn-visit.png);
	width:133px;
	height:92px;
	text-indent:-99999em;
	display:block;
	float:right;
}


/* Gallery */

#photos {
	margin-top:60px;
	min-height:800px;
}

.details { text-align:center; font:bold 16px "Helvetica Neue", Helvetica, Arial, sans-serif; }
#photos .details { display:none; }

.data {
	float:left;
	margin:10px 0 50px; 
	}
	.data div {
		float:left; 
		width:200px;
		padding:10px; 
		margin:5px 10px;
		background:#000;
		color:#f2e0c5;
		font-size:11px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		}
		.data div:hover { background:transparent url(../images/bg-wood.jpg) repeat; color:#fff; }
		.data div img { display:block; margin-bottom:2px; height:110px; max-width:200px; }

#gallery a#btn-upload,
#gallery a#btn-login {
	position:absolute;
	top:137px;
	left:700px;
	width:214px;
	height:164px;
	text-indent:-99999em;
	display:block;
	}
	#gallery a#btn-upload {	background:url(../images/btn-uploadphotos.png); }
	#gallery a#btn-login {	background:url(../images/btn-login.png); }
	
.pages {
	clear:both;
	text-align:right;
	background:#f8eede;
	padding:15px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}


/* Privacy */

.privacy .full h2 { font:bold 18px "Helvetica Neue", Helvetica, Arial, sans-serif; margin:1.5em 0 .75em; }
.privacy .full h3 { font:bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif; margin:1.5em 0 .75em; !important }


/* Terms */

.tou .full h2 { font:bold 18px "Helvetica Neue", Helvetica, Arial, sans-serif; margin:1.5em 0 .75em; }
.tou address { background:#f8eede; margin:1em; padding:1em; font-style:normal; }


/* Contact */

.contact #paper { min-height:1024px; }

.contact #l.full {  }

.contact #l h3 {
	font:bold 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:2em 0 0.5em;
	padding-bottom:0.5em;
	background:url(../images/scribble-psa.png) no-repeat bottom left;
}

/* Register and Login */

.login h3, .register h3, .registerParent h3, .validate h3 {
	font:bold 18px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.login form, .register form, .registerParent form, .validate form {
	float:left;
	width:100%;
	margin:0 0 2em;
}

.login #dtf, .register #dtf, .registerParent #dtf, .validate #dtf { display:none; }
.login #r, .register #r, .registerParent #r, .validate #r { display:none; }
.login #l, .register #l, .registerParent #l, .validate #l { width:880px; }
	
.login .form-row,
.register .form-row,
.registerParent .form-row,
.validate .form-row {
	background:url(../images/underline.png) no-repeat left bottom;
	display:block;
	float:left;
	font-size:1.2em;
	padding:1em 0;
	width:100%;
	}
.login .form-row label,
.register .form-row label,
.registerParent .form-row label,
.validate .form-row label {
	width:200px;
	float:left;
	}
	
.login .form-note, .login .form-success, .login .form-error,
.register .form-note, .register .form-success, .register .form-error,
.registerParent .form-note, .registerParent .form-success, .registerParent .form-error,
.validate .form-note, .validate .form-success, .validate .form-error {
	float:right;
	width:300px; 
	font-size:11px;
	line-height:30px;
	text-align:left; 
	height:30px; 
	padding-left:50px;
	}
	.login .form-note, .register .form-note, .registerParent .form-note, .validate .form-note { background:url(../images/icon-checkmark.png) no-repeat center left; }
	.login .form-success, .register .form-success, .registerParent .form-success, .validate .form-success { background:url(../images/icon-checkmark.png) no-repeat center left; }
	.login .form-error, .register .form-error, .registerParent .form-error, .validate .form-error { background:url(../images/icon-arrow.png) no-repeat center left; color:red;  }
	
	.login .form-error:first-child { font-size:18px; float:left; width:850px; background:#fff; padding:0.5em; margin:1em 0; }
	

/* Transcripts */

.transcript h1,
.transcript h2,
.transcript h3 {
	margin:0 0 1em;
	}
	
.transcript h1 { font-size:2em; }
.transcript h2 { font-size:1.5em; }
.transcript h3 { font-size:1.2em; }
	


/* ======================
		FOOTER
========================= */

#footer {
	float:left;
	width:100%;
	margin-top:-16px;
	background:url(../images/bg-footer.png) repeat-x top center;
	height:100px;
	font-size:11px;
	clear:both;
	overflow:hidden;
}
#footer .wrap { height:99px; max-height:99px; }
#footer a {
	text-decoration:none;
	border:none;
	color:#fff;
	font-weight:bold;
}
#footer li.active a { color:#66b838; }


#footer ul.left, #footer ul.right {
	display:block;
}
#footer ul.left {
	float:left;
	width:690px;
	margin-top:25px;
}
#footer ul.right {
	float:right;
	
}
#footer li {
	float:left;
	margin-top:25px;
	display:inline;
}
#footer li a {
	float:left;
	padding:2px 9px;
	white-space:nowrap;
}
#footer li.wheretheotheryoulives a,
#footer li.adcouncil a,
#footer li.usforest a,
#footer li.findingmyforest a {
	height:62px;
	text-indent:-99999em;
	background-repeat:no-repeat;
	background-position:center top;
	padding:0;
	display:block;
}
	#footer li.wheretheotheryoulives a { background-image:url(../images/logo-sm-wheretheotheryoulives.png); width:90px; }
	#footer li.adcouncil a { background-image:url(../images/logo-adcouncil.png); width:61px; }
	#footer li.usforest a { background-image:url(../images/logo-usforest.png); width:55px; }
	#footer li.findingmyforest a { background-image:url(../images/logo-findingmyforest.png); width:61px; }
	
#footer ul.left a:hover {
	background-color:#b26028;
	-moz-border-radius:7px;
}
#footer ul.left a:hover strong {
	color:#fff;
}

#footer .social-icons {
	position:absolute;
	bottom:0px;
	left:500px;
	width:100px;
	height:80px;
	background:transparent url(../images/bg-social-icons.png) no-repeat bottom left;
	display:block;
	}

#footer .social-icons .facebook a, #footer .social-icons .twitter a {
	width:16px; 
	height:16px;
	margin:0 -7px 0 12px;
	padding:0;
	text-indent:-99999em;
	display:block;
	}
	#footer .social-icons .facebook a { background:url(../images/facebook_16.png) no-repeat; }
	#footer .social-icons .twitter a { background:url(../images/twitter_16.png) no-repeat; }



/* ========================================
		MISC STUFF
=========================================== */


.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
.big { font-size:14px !important; }

#skiplink, #skiplink a {
	height:0;
	overflow:hidden;
	position:absolute;
	width:0; 
	}



/* ========================================
		DIALOG BOX
=========================================== */

.overlay {
	position:fixed;
	width:100%;
	height:100%;
	overflow:hidden;
	background:#000;
	opacity:.7;
	z-index:100000;
}

.dialog {
	position: fixed;
	top:5%;
	left: 50%;
	margin-left: -315px;
	width: 630px;
	z-index: 100001;
	text-align: left;
	}

.dialog .body {
	background: url(../images/dialog.png) 0 0;
	padding: 40px 13px 10px 40px;
	}

.dialog .content {
	background: transparent;
	width: 525px;
	height:450px;
	overflow-x:hidden;
	overflow-y:auto;
	padding:15px;
	}

.dialog .tray {
	background: url(../images/dialog.png) 0 50%;
	padding: 0 23px;
	}

.dialog .tray div {
	background: #fcfcfc;




	padding: 10px;
	text-align: right;
	border-top: 1px solid #ddd;
	}

.dialog .foot {
	height: 23px;
	background: url(../images/dialog.png) 0 100%;
	}

.dialog h3, .dialog h4 {
	margin: 0;
	padding: 0;
	color: #333;
	}
	
.dialog img {
	float:right;
	margin:1em 0 1em 3em; 
	padding:3px; 
	width:160px;
	}	

.dialog h4 {
	color: #71ac0a;
	padding-top: 10px;
	}

.dialog h3 {
	margin-bottom: 0.5em;
	font-size: 145%;
	display:none;
	}

.dialog input.text {
	border: 1px solid #ddd;
	min-width: 190px;
	font-size: 100%;
	}

.dialog input.cancel {
	color: #888;
	}

.dialog input.ok {
	font-weight: bold;
	}

.dialog .dialog-section,
.dialog .dialog-login {
	padding-left: 110px;
	clear: left;
	}

.dialog-section {
	clear: left;
	margin: 0 0 20px 0;
	}

.dialog-login {
	clear: left;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	}

.dialog-login a {
	float: left;
	display: block;
	font-size: 85%;
	font-weight: bold;
	padding: 6px 10px 6px 22px;
	text-decoration: none;
	padding-left: 10px;
	margin: 8px 8px 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #aec9e3;
	min-width: 90px;
	}

.dialog-login a.current, .dialog-login a:hover {
	border: 1px solid #556469;
	color: #333;
	}

.dialog-login a.current {
	background-color: #deecf1;
	}

.dialog .login-register .dialog-section {
	margin-top: -16px;
	margin-bottom: 0;
	}

.dialog .login-digg {
	border-top:1px solid #ddd;
	}

.dialog-section form {
	padding: 0 10px 5px 0;
	}

.dialog-section form div {
	margin-top: 5px;
	}

.dialog-section form div label {
	font-size: 85%;
	margin-right: 10px;
	}

.dialog .foot a {
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 2px;
	right: 2px;
	text-indent: -2000em;
	text-decoration: none;
	}

.dialog label {
	display: block;
	padding-top: 0.6em;
	font-size: 85%;
	font-weight: bold;
	}

.dialog .dialog-tray {
	margin: 20px 0 -10px -17px;
	padding: 10px 20px;
	background: #eee;
	border-top: 1px solid #ccc;
	text-align: right;
	width: 100%;
	}

.dialog .dialog-tray span {
	font-size: 85%;
	color: #333;
	margin-right: 15px;
	}

.dialog .dialog-tray span a {
	color: #333;
	}

.dialog .login-section .dialog-tray {
	text-align: left;
	}

.dialog-link {
	margin-left: 1em;
	text-decoration: none;
	font-size: 85%;
	font-weight: bold;
	}

.dialog .form-note,
.dialog .form-error {
	position: absolute;
	right: 0;
	top: 22px;
	width: 210px;
	font-size: 85%;
	line-height: 110%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

.dialog .form-error {
	background:#FFC0CB url(../images/error-red.gif) no-repeat scroll 6px 4px;
	padding:5px 0 5px 26px;
	width: 220px;
	}

#login .dialog .form-note {
	width: 240px;
	}

.dialog .form-success {
	display: none;
	}

.form-row {
	position: relative;
	}
	
.dialog small {
	display:block;
	margin:1em;
	font-size:11px;
	}

table.wtg td, table.wtg-iframe td
{
	vertical-align:middle;
}
table.wtg{
	border-collapse: separate;
	border-spacing: 3px;
}