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

<style type="text/css">


body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	color: #FFF;
}

p {
	padding-right: 6px;
	padding-left: 6px;
	font-family: 'arial';
	
}

	
a img { 
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #fff;
	text-decoration: underline; 
}
a:visited {
	color: #fff;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

a.definition, a:active.definition, a:visited.definition {
	color: #00ffff;
	text-decoration: none;
	font-weight: bold;
}
a:hover.definition {
	color: #00ffff;
}

.screen {opacity:.5}

/* ~~ This fixed width container surrounds all other divs ~~ */
.container {
	width: 1060px;
	margin: 0 auto;
	position: relative;
		text-align: center;
}
.welcome {
	
	width: 600px;
	float: none;
	font-family: 'Delius', cursive;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	margin: 0 auto; 
	padding: 12; 12; 12; 12
	position: relative;
}

.butterfly {
	position: absolute;
	height: 250;
	width: 250;
	left: 45px;
	top: 36px;
}

.sound1 {
	position: absolute;
	top: 206px;
	left: 964px;
}

.content1 {
	width: 1060px;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	position: relative;
	
	margin: 25;

}

.content2 {
	width: 990px;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	clear: both;
	position: relative;
	
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	background-image:url(https://ipm.missouri.edu/garden/images/funfact_pageimage.png);
}


.content {
	width: 990px;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	clear: both;
	position: relative;
	
	border-color: #FFFFFF;
}

.maps {
	float: left;
	width: 990px;	
}

.header {
	
	text-align: center;
	position: relative;
	margin-bottom: 22px;
}

.header2 {
	
		color: #fff;
	text-align: center;
	position: relative;
	margin-bottom: 22px;
}


.header1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #fff;
	text-align: center;
	position: relative;
	padding: 12px;
}

.nav {
	font-family: Verdana, Geneva,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	
	text-align: left;
	padding-bottom: 4px;
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 24px;
	position: relative;
}

.descriptions {
	font-family: Verdana, Geneva,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
}

.descriptions2 {
	font-family: Verdana, Geneva,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
}

.descriptions3 {
	font-family: Verdana, Geneva,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-align: left;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
}


.clear {
	clear: both;
}

.directions {
	font-family: "Arial",  sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #FFF;
	margin-left: 0px;
	text-align: left;
	line-height : 1.5em;
}


/* winter */

.winter_butterfly {
	position: absolute;
	float: none;
	top: 55px;
	right: 395px;
}

.funfactwinter {
	position: absolute;
	top: 465px;
	left: 424px;
}

.insectwinter {
	position: absolute;
	top: 495px;
	left: 235px;
}

.winter_f1 {
	position: absolute;
	float: none;
	top: -23px;
	right: 755px;
}
.winter_f2 {
	position: absolute;
	float: none;
	top: 404px;
	right: 670px;
}

.winter_f3 {
	position: absolute;
	float: none;
	top: 361px;
	right: 890px;
}

.winter_f4 {
	position: absolute;
	float: none;
	top: 294px;
	right: 86px;
}

.winter_f5 {
	position: absolute;
	float: none;
	top: 670px;
	right: 426px;
}

.winter_f6 {
	position: absolute;
	float: none;
	top: 867px;
	right: 557px;
}

.winter_f7 {
	position: absolute;
	float: none;
	top: 857px;
	right: 345px;
}

.winter_f8 {
	position: absolute;
	float: none;
	top: 292px;
	right: 271px;
}

.winter_f9 {
	position: absolute;
	float: none;
	top: 915px;
	right: 511px;
}

.winter_f10 {
	position: absolute;
	float: none;
	top: 161px;
	right: 92px;
}

.winter_f11 {
	position: absolute;
	float: none;
	top: 608px;
	right: 830px;
}
.winter_f12 {
	position: absolute;
	float: none;
	top: 246px;
	right: 200px;
}
.winter_f13 {
	position: absolute;
	float: none;
	top: 944px;
	right: 593px;
}

.winter_f14 {
	position: absolute;
	float: none;
	top: 186px;
	right: 184px;
}
.winter_f15 {
	position: absolute;
	float: none;
	top: 244px;
	right: 93px;
}
.winter_f16 {
	position: absolute;
	float: none;
	top: 219px;
	right: 261px;
}


.winter_f17 {
	position: absolute;
	float: none;
	top: 484px;
	right: 337px;
}


/* main map rollovers */

.area1rollover {
	position: absolute;
	float: none;
	top: 536px;
	right: 679px;
	background-repeat: no-repeat;
	border: 0px;
}

.area2rollover {
	position: absolute;
	float: none;
	top: 278px;
	left: 12px;
	background-repeat: no-repeat;
	border: 0px;
}

.area3rollover {
	position: absolute;
	float: none;
	top: 39px;
	left: 98px;
	background-repeat: no-repeat;
	border: 0px;
}
.area4rollover {
	position: absolute;
	float: none;
	top: 50px;
	left: 646px;
	background-repeat: no-repeat;
	border: 0px;
}

.area5rollover {
	position: absolute;
	float: none;
	top: 18px;
	left: 494px;
	background-repeat: no-repeat;
	border: 0px;
}

.area6rollover {
	position: absolute;
	float: none;
	top: 222px;
	left: 383px;
	background-repeat: no-repeat;
	border: 0px;
}

.area7rollover {
	position: absolute;
	float: none;
	top: 489px;
	left: 634px;
	background-repeat: no-repeat;
	border: 0px;
}

.area8rollover {
	position: absolute;
	float: none;
	top: 619px;
	left: 642px;
	background-repeat: no-repeat;
	border: 0px;
}
.area9rollover {
	position: absolute;
	float: none;
	top: 403px;
	left: 371px;
	background-repeat: no-repeat;
	border: 0px;
	width: 157px;
	height: 231px;
}

.cloud1 {
	position: absolute;
	float: none;
	top: 45px;
	right: 145px;
	border: 0px;
}

.cloud2 {
	position: absolute;
	float: none;
	top: 90px;
	right: 84px;
	border: 0px;
}

.cloud3 {
	position: absolute;
	float: none;
	top: 25px;
	right: 175px;
	border: 0px;
}
.cloud4 {
	position: absolute;
	float: none;
	top: 125px;
	right: 175px;
	border: 0px;
}

.cloud5 {
	position: absolute;
	float: none;
	top: 429px;
	right: 201px;
	border: 0px;
}
.cloud6 {
	position: absolute;
	float: none;
	top: 304px;
	right: 192px;
	border: 0px;
}



.dictionary {
	position: absolute;
	top: 500px;
	left: 55px;
	border: 0px;
}
.photoblock1 {
	position: absolute;
	float: none;
	top: 303px;
	left: 271px;
	background-repeat: no-repeat;
	border: 0px;
	width: 135px;
	height: 135px;
}
.photoblock2 {
	position: absolute;
	float: none;
	top: 303px;
	left: 406px;
	background-repeat: no-repeat;
	border: 0px;
	width: auto;
	height: 135px;
}
.photoblock3 {
	position: absolute;
	float: none;
	top: 303px;
	left: 571px;
	background-repeat: no-repeat;
	border: 0px;
	width: auto;
	height: 135px;
}
.photoblock4 {
	position: absolute;
	float: none;
	top: 303px;
	left: 676px;
	background-repeat: no-repeat;
	border: 0px;
	margin-right: auto;
	margin-left: auto; 
	width: auto;
	height: 135px;
}



/* ~~ The footer styles ~~ */

#footer {
	font-family: "Arial", Gadget, sans-serif;
	font-size: 10px;
		color: #FFF;
	text-align: center; 
	margin-right: auto;
	margin-left: auto; 
	WIDTH: auto; 
	

}

.copyright {
	PADDING-RIGHT: 10px; FONT-SIZE: 0.8em; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 2px; TEXT-ALIGN: center
}



/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}