/* CSS Document */

#container {
	background-image: url(../image/youngBg.jpg);
}

#pageTitle {
	background: url(../image/titleYoung.gif) top left no-repeat;
	width: 337px;
	height: 56px;
	text-indent: -5000px;
	overflow: hidden;
}

#content {
	position: absolute;
	width: 460px;
	left: 250px;
	top: 70px;
}

#content2 {
	position: absolute;
	width: 190px;
	left: 250px;
	top: 202px;
	margin: 0px;
	font-weight: bold;
}

#treePartsContent {
	position: absolute;
	width: 290px;
	left: 420px;
	top: 70px;
}

#habitatContent {
	position: absolute;
	width: 460px;
	left: 250px;
	top: 90px;
}

#testYourKnowledge {
	position: absolute;
	width: 150px;
	left: 250px;
	top: 150px;
	margin: 0px;
}

#cOrD1, #cOrD2, #cOrD3, #cOrD4, #cOrD5, #cOrD6 {
	position: absolute;
	width: 69px;
	height: 25px;
	padding-top: 69px;
	font-weight: bold;
	text-align: center;
	line-height: 11px;
	font-size: 11px;
}

#cOrD1, #cOrD2, #cOrD3 {
	top: 150px; 
}

#cOrD4, #cOrD5, #cOrD6 {
	top: 250px; 
}

#cOrD1 {
	background: url(../image/bigleafMaple.gif) top left no-repeat;
	left: 420px;	
}

#cOrD2 {
	background: url(../image/vineMaple.gif) top left no-repeat;
	left: 535px;
}

#cOrD3 {
	background: url(../image/sitkaSpruce.gif) top left no-repeat;
	left: 650px;
}

#cOrD4 {
	background: url(../image/westernHemlock.gif) top left no-repeat;
	left: 420px;	
}

#cOrD5 {
	background: url(../image/redAlder.gif) top left no-repeat;
	left: 535px;
}

#cOrD6 {
	background: url(../image/douglasFir.gif) top left no-repeat;
	left: 650px;
}

#content p, #content2 p, #testYourKnowledge p, #habitatContent p {
	margin-top: 0px;
	margin-bottom: 10px;
}

#logoSmall {
	bottom: 6px;
	left: 400px;
}

#mapSmall {
	background: url(../image/smallMapYoung.jpg) top left no-repeat;
}

#twoPercentCut1 {
	position: absolute;
	left: 465px;
	top: 202px;
}

#treeParts {
	width: 127px;
	height: 330px;
	position: absolute;
	top: 20px;
	left: 250px;
	background: url(../image/treeParts.gif) top left no-repeat;
}

#treePartInfoArea {
	border: solid 1px #000;
	background-color: #F3EDDC;
	padding: 10px;
}

#hiddenTreeInfo {
	text-indent: -5000px;
	overflow: hidden;
	display: none;
	visibility: hidden;
}

#buttonLeaves {
	position: absolute;
	top: 12px;
	left: 68px;
	width: 33px;
	height: 33px;
	cursor: pointer;
}

#buttonBark {
	position: absolute;
	top: 150px;
	left: 65px;
	width: 23px;
	height: 23px;
	cursor: pointer;
}

#buttonTrunk {
	position: absolute;
	top: 206px;
	left: 47px;
	width: 33px;
	height: 33px;
	cursor: pointer;
}

#buttonRoots {
	position: absolute;
	top: 276px;
	left: 4px;
	width: 33px;
	height: 33px;
	cursor: pointer;
}

.animal {
	position: absolute;
	width: 52px;
	height: 54px;
	text-indent: -5000px;
	overflow: hidden;
	cursor: pointer;
}

#animalImages .row1 {
	top: 190px;
}

#animalImages .row2 {
	top: 260px;
}

#animalImages #garterSnake {
	background: url(../image/garterSnakeSmall.gif) top left no-repeat;
	left: 250px;
}

#animalImages #clownMillipede {
	background: url(../image/clownMillipedeSmall.gif) top left no-repeat;
	left: 310px;
}

#animalImages #newt {
	background: url(../image/newtSmall.gif) top left no-repeat;
	left: 370px;
}

#animalImages #bananaSlug {
	background: url(../image/bananaSlugSmall.gif) top left no-repeat;
	left: 430px;
}

#animalImages #carabidBeetle {
	background: url(../image/carabidBeetleSmall.gif) top left no-repeat;
	left: 490px;
}

#animalImages #flyingSquirrel {
	background: url(../image/flyingSquirrelSmall.gif) top left no-repeat;
	left: 550px;
}

#animalImages #beaver {
	background: url(../image/beaverSmall.gif) top left no-repeat;
	left: 610px;
}

#animalImages #raccoon {
	background: url(../image/raccoonSmall.gif) top left no-repeat;
	left: 670px;
}

#animalImages #deerMouse {
	background: url(../image/deerMouseSmall.gif) top left no-repeat;
	left: 280px;
}

#animalImages #coyote {
	background: url(../image/coyoteSmall.gif) top left no-repeat;
	left: 340px;
}

#animalImages #littleBrownBat {
	background: url(../image/littleBrownBatSmall.gif) top left no-repeat;
	left: 400px;
}

#animalImages #northernSpottedOwl {
	background: url(../image/spottedOwlSmall.gif) top left no-repeat;
	left: 460px;
}

#animalImages #pileatedWoodpecker {
	background: url(../image/pileatedWoodpeckerSmall.gif) top left no-repeat;
	left: 520px;
}

#animalImages #woodDuck {
	background: url(../image/woodDuckSmall.gif) top left no-repeat;
	left: 580px;
}

#animalImages #porcupine {
	background: url(../image/porcupineSmall.gif) top left no-repeat;
	left: 640px;
}