@charset "UTF-8";
/* CSS Document */

body { 
	/*background-image: url('img/back.jpg');*/
	overflow:auto;
}
#everything {
	}
.backgroundimage {
	background-image: url('img/background.jpg');
	top:130px;
	left:270px;
	width:329px;
	height:442px;
	position:fixed;
	z-index:0;
}
.backgroundimage2 {
	/* background-image: url('img/background2.jpg'); */
	top:130px;
	left:10px;
	width:584px;
	height:547px;
	position:fixed;
	z-index:0;
}

.funthings { 
	background-image: url('img/funthings.jpg');
	position: fixed;
	left: 900px;
	top: 10px;
	background-color:#ff0000;
	width:219px;
	height:165px;
}
.titleimage {
	/* background-image: url('img/titletimage.jpg'); */
	top:15px;
	left:30px;
	position:fixed;
	z-index:0;
	width:559px;
	height:103px;
	}
	
#about {
	position:absolute;
	width:130px;
	height:160px;
	z-index:2;
	left: 30px;
	top: 120px;
	background-color: #deff3e;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

.titlesmall {
	height: 30px;
	width: 100%;
	font-size: 12px;
	font-family: Monospace;
	position:relative;
	top:4px;
	left:0px;
}

.imagesmall {
	width:140px;
	height: 103px;
	cursor: pointer;
	cursor: hand;
	}

#aboutSub {
	position: absolute;
	background-color: #de00ff;
	width: 90%;
	height: 90%;
	}

#planting {
	position: absolute;
	width:130px;
	height:160px;
	z-index:2;
	left: 30px;
	top: 308px;
	background-color:#c2bca8;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;

}

#subplanting {
	position: absolute;
	background-color: #de00ff;
	width: 90%;
	height: 90%;
	}


#tour {
	position:absolute;
	width:130px;
	height:160px;
	z-index:2;
	left: 30px;
	top: 496px;
	background-color: #9cd8fc;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;

}

#book {
	position:absolute;
	width:130px;
	height:160px;
	z-index:2;
	left: 890px;
	top: 496px;
	background-color: #CCCCCC;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

#fertilizers {
	position:absolute;
	width:130px;
	height:160px;
	z-index:2;
	left: 690px;
	top: 496px;
	background-color:#199a62;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

#people {
	position:absolute;
	width:130px;
	height:160px;
	z-index:2;
	left: 690px;
	top: 308px;
	background-color:#e5e5e5;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;

}

#orators {
	position:absolute;
	width:130px;
	height:160px;
	z-index:3;
	left: 690px;
	top: 120px;
	background-color:#ffe600;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;


}
#quote {
	position: fixed;
	width:200px;
	height:180px;
	z-index: 2;
	left: 900px;
	top: 210px;
	font-size: 12px;
	font-family: Monospace;
	color:#555555;
	font-style: italic; 
}

.arrow {
	background-image: url('img/openarrow.png');
	width: 40px;
	height: 33px;
	position:absolute;
	bottom:0px;
	right:0px;
}

.centralarea {
	padding:10px;
	position: absolute;
	top:120px;
	left: 205px;
	z-index:10;
	}
.close {
	height:40px;
	width:40px;
	float:right;
	z-index:3;
	}
	
.close img {
	border-style: none;
	}
	
.titlebig {
	height: 70px;
	width: 390px;
	font-variant: small-caps;
	font-size: 3em;;
	font-family: Monospace;
	z-index:3;
	float:left;
	position:absolute;
	top:15px;
	left:10px;
	}

/*big center ones*/

#plantingpoliticsbig {
	background-color:#c2bca8;
	visibility:hidden;
	z-index:2;
}

#peoplebig {
	background-color:#e5e5e5;
	visibility:hidden;
	z-index:2;

}
#oratorsbig {
	background-color:#ffe600;
	visibility:hidden;
	z-index:2;

}

#fertilizersbig {
	background-color:#199a62;
	visibility:hidden;
	z-index:2;

}

#tourbig {
	background-color: #9cd8fc;
	visibility:hidden;
	z-index:2;

}

#aboutbig {
	background-color: #deff3e;
	visibility:hidden;
		z-index:2;

}

.draggable {
	position: fixed;
}
.draggable2 {
	position: absolute;
}


#thing1 {
	position: absolute;
	width:200px;
	height:115px;
	z-index:1;
	top:45px;
	left: 993px;
	
}
#thing2 {
	width:200px;
	height:115px;
	z-index:2;
	position: fixed;
	top:20px;
	left:1000px;
}
#thing3 {
	position:fixed;
	width:200px;
	height:115px;
	z-index:1;
	left: 605px;
	top: 57px;
}
#thing4 {
	position:fixed;
	width:44px;
	height:21px;
	z-index:1;
	left: 621px;
	top: 125px;
}

#thing5 {
	position:fixed;
	width:44px;
	height:21px;
	z-index:2;
	left: 870px;
	top: 120px;
}

#thing6 {
	position:fixed;
	width:44px;
	height:21px;
	z-index:1;
	left: 870px;
	top: 90px;
}