body {background: #fff;}
p { font: 16px arial; font-weight: normal;}
a { font: 16px arial; font-weight: normal;}

	#overall_wrapper {width: 1000px; margin:0 auto; }
		.inner {width: 1000px; float: left;}
	#overall_wrapper #container {float: left; width: 1000px; background: #f8f9fa;}
	
	
	#container #header {float:left; width: 1000px; height: 107px; background: url(/App_Images/bg_header.jpg) no-repeat; position: relative; z-index: 5;}
		#container #header a.logo {float: left; margin-left: 30px;}
		#container #header a.contact {float: right; margin-right: 38px; margin-top: 21px;}
		
		#container #header ul#topnav {float: left; width: 980px; height: 41px; padding-left: 20px; background: url(/App_Images/2018/bg_nav.jpg) no-repeat;}
			#container #header ul#topnav li {float:left; position: relative; }
			
				#container #header ul#topnav li.li_lifeways ul {position: absolute; top:41px; left:-4px; background: url(/App_Images/bg_subnav.png) no-repeat; width: 310px; height: 131px; padding: 2px 0 0 6px; display: none;}
						#container #header ul#topnav li.li_lifeways:hover ul {display: block;}
					#container #header ul#topnav li.li_lifeways ul li {float: left; width: 304px; height: 30px; margin-bottom: 1px;}
						.inner #container #header ul#topnav li.li_lifeways ul li a:hover img {filter: alpha(opacity=100); opacity: 1; background: #e8f1f6}

							.pg_maple_birch .inner #container #header ul#topnav li.li_lifeways ul li a img.maple,
							.pg_pinemarten .inner #container #header ul#topnav li.li_lifeways ul li a img.culture,
							.pg_wildrice .inner #container #header ul#topnav li.li_lifeways ul li a img.ricing,
							.pg_trout_walleye .inner #container #header ul#topnav li.li_lifeways ul li a img.fishing  {filter: alpha(opacity=100); opacity: 1; background: #e8f1f6}
							

                #container #header ul#topnav li.li_teachers ul {position: absolute; top:41px; left:-77px; background: url(/App_Images/2018/bg_subnav_resources.png) no-repeat; width: 253px; height: 173px; padding: 4px 0 0 6px; display: none;}
						#container #header ul#topnav li.li_teachers:hover ul {display: block;}
					#container #header ul#topnav li.li_teachers ul li {float: left; width: 243px; height: 32px; margin-bottom: 1px;}
						.inner #container #header ul#topnav li.li_teachers ul li a:hover img {filter: alpha(opacity=100); opacity: 1; background: #e8f1f6}

							.pg_teacher .inner #container #header ul#topnav li.li_teachers ul li a img.teacher,
							.pg_teacherhow .inner #container #header ul#topnav li.li_teachers ul li a img.how,
							.pg_teacherresources .inner #container #header ul#topnav li.li_teachers ul li a img.resources,
							.pg_teacherlessons .inner #container #header ul#topnav li.li_teachers ul li a img.lesson,
							.pg_teachernews .inner #container #header ul#topnav li.li_teachers ul li a img.news  {filter: alpha(opacity=100); opacity: 1; background: #e8f1f6}
							
				
				
					#container #header ul#topnav li a:hover img.navimg  {filter: alpha(opacity=0); opacity: 0;}
			
				#container #header ul#topnav li.li_lifeways:hover a img.navimg  {filter: alpha(opacity=0); opacity: 0;}
				
				
				
				.pg_about #header ul li a img.about,
				.pg_maple_birch #header ul li a img.lifeways,
				.pg_trout_walleye #header ul li a img.lifeways,
				.pg_wildrice #header ul li a img.lifeways,
				.pg_pinemarten #header ul li a img.lifeways,
				.pg_climatechange #header ul li a img.climage,
				.pg_what #header ul li a img.what,
				.pg_talking_circle #header ul li a img.talking-circle,
				.pg_teachers #header ul li a img.corner,
				.pg_games #header ul li a img.games {filter: alpha(opacity=0); opacity: 0;}
				
		
		
	#container #content {float: left; width: 1000px;} /*do not assign position relative!*/
		#container #content #main {float: left; width: 790px; padding: 35px 105px 85px 105px;}
		
		/* Vocab */
		#content #main span.vocab {background: #fefed5; position: relative; display: inline-block; line-height: normal; padding: 2px 0; z-index: 3;}
			#content #main span.vocab:hover {z-index: 5;}
			#content #main span.vocab .definitionbox {position: absolute; bottom:10px; left:20%; font: 14px arial; color: #636974; background: #fefed5 url(/App_Images/bg_definitionbox.gif) no-repeat top right; border: 1px solid #c5c5c5; width: 280px; padding: 10px; padding-top: 30px; display: none;}
		#content #main span.vocab:hover {cursor: pointer;}
			#content #main span.vocab:hover .definitionbox {display: block;}
		#content #main span.vocab .definitionbox span.glossary {display:none;float: right; width: 280px; text-align: right; font: 11px arial; color: #828790; margin-bottom: 10px; text-transform: uppercase;}
		#content #main span.vocab .definitionbox span.definition {float: left; width: 280px; font: 14px arial; color: #636974; }
			#content #main span.vocab .definitionbox span.definition a {color:#83477f;}
		
		
		
	#container #footer {float: left; width: 1000px; min-height: 252px; padding-bottom:45px; background: url(/App_Images/bg_footer.png) no-repeat; margin-top: -35px; }	
	
		#container #footer #foot-buttons {float: left; width: 1022px; margin-left: -25px; padding-top: 142px; height: 109px; text-align: center;}
            #container #footer #foot-buttons a {display: inline-block; margin: 0 5px;}
			/*#container #footer #foot-buttons a {float: left;}
				#container #footer #foot-buttons a.wcmp {margin-left: 12px; margin-top: 31px;}
					#container #footer #foot-buttons a.wcmp img {width: 220px;}
				#container #footer #foot-buttons a.noaa {margin-left: 12px; margin-top: 11px;}
				#container #footer #foot-buttons a.nps {margin-left: 8px; margin-top: 9px;}
				#container #footer #foot-buttons a.visitor {margin-left: 12px; margin-top: 11px;}
				#container #footer #foot-buttons a.agriculture {margin-left: 12px; margin-top: 13px;}
				#container #footer #foot-buttons a.commission {margin-left: 12px; margin-top: 13px;}
				#container #footer #foot-buttons a.extension {margin-left: 12px; margin-top: 25px;}
				#container #footer #foot-buttons a.historical {margin-left: 8px; margin-top: 0px;}*/
	
		#container #footer ul#btmnav {float: left; width: 980px; height: 57px; padding-left: 20px; background: url(/App_Images/2018/bg_foot_nav.jpg) no-repeat;}
			#container #footer ul#btmnav li {float:left; position: relative}
			
			
			
			#container #footer ul#btmnav li.li_lifeways ul {position: absolute; bottom:57px; left:0px; background: url(/App_Images/bg_subnav.png) no-repeat; width: 310px; height: 131px; padding: 2px 0 0 6px; display: none;}
						#container #footer ul#btmnav li.li_lifeways:hover ul {display: block;}
					#container #footer ul#btmnav li.li_lifeways ul li {float: left; width: 304px; height: 30px; margin-bottom: 1px;}
						.inner #container #footer ul#btmnav li.li_lifeways ul li a:hover img {filter: alpha(opacity=100); opacity: 1; background: #e8f1f6}

							.pg_maple_birch .inner #container #footer ul#btmnav li.li_lifeways ul li a img.maple,
							.pg_pinemarten .inner #container #footer ul#btmnav li.li_lifeways ul li a img.culture,
							.pg_wildrice .inner #container #footer ul#btmnav li.li_lifeways ul li a img.ricing,
							.pg_trout_walleye .inner #container #footer ul#btmnav li.li_lifeways ul li a img.fishing  {filter: alpha(opacity=100); opacity: 1; background: #e8f1f6}
							
				
					#container #footer ul#btmnav li a:hover img.navimg  {filter: alpha(opacity=0); opacity: 0;}
			
				#container #footer ul#btmnav li.li_lifeways:hover a img.navimg  {filter: alpha(opacity=0); opacity: 0;}
			

                #container #footer ul#btmnav li.li_teachers ul {position: absolute; bottom:57px; left:-77px; background: url(/App_Images/2018/bg_subnav_resources.png) no-repeat; width: 253px; height: 173px; padding: 4px 0 0 6px; display: none;}
						#container #footer ul#btmnav li.li_teachers:hover ul {display: block;}
					#container #footer ul#btmnav li.li_teachers ul li {float: left; width: 243px; height: 32px; margin-bottom: 1px;}
						.inner #container #footer ul#btmnav li.li_teachers ul li a:hover img {filter: alpha(opacity=100); opacity: 1; background: #e8f1f6}

							.pg_teacher .inner #container #footer ul#btmnav li.li_teachers ul li a img.teacher,
							.pg_teacherhow .inner #container #footer ul#btmnav li.li_teachers ul li a img.how,
							.pg_teacherresources .inner #footer #header ul#btmnav li.li_teachers ul li a img.resources,
							.pg_teacherlessons .inner #footer #header ul#btmnav li.li_teachers ul li a img.lesson,
							.pg_teachernews .inner #footer #header ul#btmnav li.li_teachers ul li a img.news  {filter: alpha(opacity=100); opacity: 1; background: #e8f1f6}


			
				#container #footer ul#btmnav li a:hover img {filter: alpha(opacity=0); opacity: 0;}
				
				.pg_about #footer ul li a img.about,
				.pg_maple_birch #footer ul li a img.lifeways,
				.pg_trout_walleye #footer ul li a img.lifeways,
				.pg_wildrice #footer ul li a img.lifeways,
				.pg_pinemarten #footer ul li a img.lifeways,
				.pg_climatechange #footer ul li a img.climage,
				.pg_what #footer ul li a img.what,
				.pg_talking_circle #footer ul li a img.talking-circle,
				.pg_teachers #footer ul li a img.corner,
				.pg_games #footer ul li a img.games {filter: alpha(opacity=0); opacity: 0;}
				
		
		#container #footer p.right {float: right; font: 16px arial; color: #4C4C4C; margin: 15px 15px 0 0;}
			#container #footer p.right a {font: 16px arial; color: #4C4C4C;}