@import url("./whitespace-reset.css");

img {
	border: none;
}

#bg {
	background: url(../img/bg.png) no-repeat;
	visibility: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: 1094px;
	height: 760px;
}

h2 {
   font: bold 16px/22px "Trebuchet MS";	
}

a {
   text-decoration: none;
   color: #8BC757;
}

a:hover {
	
	color: #FFFFFF;
}

a ins  {
   text-decoration: none;
}

#homebutton a:hover,
#partnersbutton a:hover,
#eventsbutton a:hover,
#wetkids2button a:hover,
#campleonardobutton a:hover,
#researchbutton a:hover,
#contactbutton a:hover  {
   color: #FFFFFF;
}

#homebutton a,
#partnersbutton a,
#eventsbutton a,
#wetkids2button a,
#campleonardobutton a,
#researchbutton a,
#contactbutton a {
   display: block;
   width: 100%;
   text-decoration: none;
   color: #8BC757;
}

a.current {
   color: #FFFFFF !important;
}
#dates p a,
#testyourwetland p a {
   color:#ffffff;
}

#dates p a:hover,
#testyourwetland p a:hover {
	color:#6a4e2c;
}

a .imageLink {
	text-decoration: none;
	border: none;
}

a.nextLink {
		text-decoration: none;
		color: #70502a;
}

a:hover.nextLink  {
		text-decoration: none;
		color:#bc9c74;
}

#dates p,
#testyourwetland p  {
   font: bold 12px "Trebuchet MS";
   margin: 0px;
   text-align: left;
   color: #FFFFFF;
}

#home  {
   margin: 0px auto 0px auto;
   height: 757px;
   width: 1094px;
   position: relative;
}

#partnersbutton,
#contactbutton,
#campleonardobutton,
#homebutton,
#researchbutton  {
   font: bold 16px/22px "Trebuchet MS";
   text-align: left;
   visibility: visible;
   position: absolute;
   top: 109px;
   height: 22px;
}

#innerpage4 p,
#innerpage3 p,
#innerpage2 p,
#innerpage5 p,
#id272overview p  {
   font: bold 14px/17px "Trebuchet MS";
   margin: 0px;
   color: #8BC757;
   text-align: left;
}

#teacherresourcescopy p,
#interactivegames p,
#wetkidsteachers p  {
   font: bold 14px/22px "Trebuchet MS";
   margin: 0px;
   color: #FFFFFF;
   text-align: center;
}

#wetkidsteachers,
#interactivegames,
#teacherresourcescopy  {
   visibility: visible;
   position: absolute;
   top: 604px;
   z-index: 6;
   width: 141px;
   margin-top: 4px;
}

#photoDesc a,
#teacherresourcescopy a,
#interactivegames a,
#wetkidsteachers a {
	color: #fff;
}

#photoDesc a:hover,
#teacherresourcescopy a:hover,
#interactivegames a:hover,
#wetkidsteachers a:hover {
	color: #cca97e;
}

#captionmattecopy3,
#captionmattecopy2,
#captionmattecopy4  {
   visibility: visible;
   position: absolute;
   top: 605px;
   z-index: 5;
   width: 163px;
   height: 29px;
}

#id293whatsnext p,
#fundedby p  {
   font: 20px/24px "Trebuchet MS";
   margin: 0px;
   text-align: left;
}

#testyourwetland p  {
   line-height: 18px;
}

#dates p  {
   line-height: 17px;
}

#id256caption1 p,
#textGrow p,
#id258text p  {
   font: 14px/19px "Trebuchet MS";
   margin: 0px;
   color: #333333;
}

#id315thumb,
#id305thumb,
#thumb1copy  {
   visibility: visible;
   position: absolute;
   top: 416px;
   z-index: 4;
   width: 163px;
   height: 218px;
   overflow: hidden;
   background-repeat: no-repeat;
}

#innerpage4,
#subnav  {
   visibility: visible;
   position: absolute;
   left: 69px;
   z-index: 3;
   width: 147px;
}

#subnav h4 {
	line-height:17px; 
	font-weight:bold; 
	font-size:14px;
}
a.subnavLink {
   padding-left: 4px;
   color: #8BC757;
   font: 12px/14px "Trebuchet MS";
}

a.subnavLink:hover {
   color: #ffffff;
}

#id272overview,
#innerpage3  {
   visibility: visible;
   position: absolute;
   left: 69px;
   z-index: 4;
   width: 147px;
}

#mattecopy,
#id285matte  {
	visibility: visible;
	position: absolute;
	top: 458px;
	z-index: 4;
	width: 203px;
	height: 174px;
	background-repeat: no-repeat;
}

#teacherresourcescopy  {
   left: 434px;
}

#line3,
#line2,
#line  {
   background: url('../img/line.png') no-repeat;
   visibility: visible;
   position: absolute;
   left: 823px;
   z-index: 6;
   width: 177px;
   height: 1px;
}

#campleonardobutton  {
   width: 123px;
   z-index: 3;
   left: 687px;
}

#captionmattecopy3  {
   background: url('../img/captionmatte.png') repeat-x;
   left: 253px;
}

#captionmattecopy2  {
   background: url('../img/captionmatte.png') repeat-x;
   left: 80px;
}

#captionmattecopy4  {
   background: url('../img/captionmatte.png') repeat-x;
   left: 422px;
   width: 158px;
}

#caption_placeholder {
	background: url('../img/captionmatte.png') repeat-x scroll 0 0 transparent;
	width: 398px;
	bottom: 3px;
	color: white;
	height: 30px;
	position: absolute;
	text-align: center;
	z-index: 100;
	font: bold 14px/22px "Trebuchet MS";
	padding-top: 2px;
}

#id259pagetitle p  {
   font: 28px/34px "Trebuchet MS";
   margin: 0px;
   color: #666666;
   text-align: left;
}

#id293whatsnext p  {
   color: #FFFFFF;
}

#interactivegames  {
   left: 92px;
}

#subnav p  {
   font: 12px/22px "Trebuchet MS";
   margin: 0px;
   color: #8BC757;
   text-align: left;
}

#fundedby p  {
   color: #FEFEFE;
}

#id256caption1 p  {
   text-align: center;
}

#wetkidsteachers  {
   left: 264px;
}

#sitebynext p  {
   font: 10px/12px Verdana;
   margin: 0px;
   color: #70502A;
   text-align: right;
}

#partnersbutton  {
   width: 72px;
   z-index: 3;
   left: 415px;
}

#id259pagetitle  {
   visibility: visible;
   position: absolute;
   left: 227px;
   top: 222px;
   z-index: 3;
   width: 504px;
}

#wetkids2button  {
   font: bold 16px/26px "Trebuchet MS";
   text-align: left;
   visibility: visible;
   position: absolute;
   left: 584px;
   top: 107px;
   z-index: 3;
   width: 85px;
   height: 26px;
}

#subnav  {
   top: 294px;
}

#researchbutton  {
	width: 86px;
	z-index: 4;
	left: 835px;
}

#id272overview  {
   top: 264px;
}

#id256caption1  {
   visibility: visible;
   position: absolute;
   left: 629px;
   top: 494px;
   z-index: 2;
   width: 380px;
}



#contactbutton  {
	width: 101px;
	z-index: 3;
	left: 932px;
}

#eventsbutton  {
   font: bold 16px/20px "Trebuchet MS";
   text-align: left;
   visibility: visible;
   position: absolute;
   left: 506px;
   top: 110px;
   z-index: 3;
   width: 55px;
   height: 20px;
}

#bottom,
#top  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 1094px;
   background-repeat: no-repeat;
}

#id257photo1  {
   background: url('../img/id257photo1.png') no-repeat;
   visibility: visible;
   position: absolute;
   left: 625px;
   top: 226px;
   z-index: 2;
   width: 388px;
   height: 268px;
}

#textGrow p  {
   text-align: left;
}

#id6gulfnext {
   visibility: visible;
   position: absolute;
   left: 959px;
   top: 44px;
   z-index: 2;
   width: 67px;
   height: 53px;
}

#dividercopy  {
   left: 492px;
}

#id258text p  {
   text-align: left;
}

#id9fundedby  {
   visibility: visible;
   position: absolute;
   left: 701px;
   top: 58px;
   z-index: 3;
   width: 131px;
}

#innerpage4  {
   top: 507px;
}

#logolarger  {
   position: absolute;
   left: 28px;
   top: 19px;
   z-index: 4;
   width: 287px;
   height: 225px;
}

#thumb1copy  {
   left: 252px;
}

#id7usmlogo  {
   visibility: visible;
   position: absolute;
   left: 887px;
   top: 38px;
   z-index: 2;
   width: 64px;
   height: 65px;
}

#id315thumb  {
   left: 80px;
}

#id305thumb  {
   left: 422px;
}

#innerpage3  {
   top: 477px;
}

#id8nsflogo  {
   visibility: visible;
   position: absolute;
   left: 817px;
   top: 40px;
   z-index: 2;
   width: 61px;
   height: 60px;
}

#innerpage2  {
   visibility: visible;
   position: absolute;
   left: 69px;
   top: 447px;
   z-index: 5;
   width: 147px;
}

#homebutton  {
   width: 102px;
   z-index: 4;
   left: 341px;
   top: 109px; 
   width: 56px
}

#innerpage5  {
   visibility: visible;
   position: absolute;
   left: 69px;
   top: 537px;
   z-index: 2;
   width: 147px;
}

#id270matte  {
   background-color: #2e200f;
   visibility: visible;
   position: absolute;
   left: 62px;
   top: 287px;
   z-index: 2;
   width: 152px;
   height: 200px;
}

#id285matte  {
   background-image: url('../img/matte.png');
   left: 810px;
}

#mattecopy  {
   background-image: url('../img/matte.png');
   left: 605px;
}

#id258text  {
   visibility: visible;
   position: absolute;
   left: 228px;
   top: 271px;
   z-index: 2;
   width: 380px;
}

.leftColumnText  {
   visibility: visible;
   position: static;
   left: 228px;
   z-index: 6;
   width: 380px;
   vertical-align:text-top;
}

.rightColumnText  {
   visibility: visible;
   position: static;
   float: right;
   z-index: 5;
   width: 380px;
   top: 0px;
   clear: both;
   vertical-align: top;
}

.twoColumnText  {
   width: 100%;
}


#scootdown  {
   position: relative;
   top: 726px;
}

#navmatte  {
   background: url('../img/navmatte.png') no-repeat;
   visibility: visible;
   position: absolute;
   left: 62px;
   top: 100px;
   z-index: 2;
   width: 972px;
   height: 40px;
}

#footer  {
   position: relative;
   left: 0px;
   width: 100%;
   height: 118px;
   margin-bottom: 142px;
}

#bottom  {
   background-image: url(../img/bottom.png);
   height: 118px;
}

#line2  {
   top: 564px;
}

#line3  {
   top: 597px;
}

#line  {
   top: 529px;
}

#top  {
   background-image: url(../img/top.png);
   height: 726px;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #2E200F;
}

#contactbutton,
#partnersbutton,
#wetkids2button,
#eventsbutton,
#campleonardobutton,
#researchbutton,
#homebutton  {
   z-index: 5;
}

#testyourwetland  {
   visibility: visible;
   position: absolute;
   left: 619px;
   top: 554px;
   z-index: 7;
   width: 213px;
}

#dates  {
	visibility: visible;
	position: absolute;
	left: 824px;
	top: 500px;
	z-index: 5;
	width: 213px;
}


#photoslideshowmatte  {
	/*background: url('../img/photoslideshowmatte.png') no-repeat;*/
	visibility: visible;
	position: absolute;
	left: 605px;
	top: 164px;
	z-index: 4;
	width: 408px;
	height: 278px;
}

#maincontentmatte  {
   background: url('../img/maincontentmatte.png') no-repeat;
   visibility: visible;
   position: absolute;
   left: 53px;
   top: 91px;
   z-index: 1;
   width: 990px;
   height: 578px;
}

#id323pagetitle p  {
   font: 48px/58px "Trebuchet MS";
   margin: 0px;
   color: #20AB4B;
   text-align: right;
}

#sitebynext  {
   visibility: visible;
   position: absolute;
   left: 692px;
   top: 736px;
   z-index: 2;
   width: 339px;
}

#id323pagetitle  {
   visibility: visible;
   position: absolute;
   left: 81px;
   top: 212px;
   z-index: 5;
   width: 504px;
}

#id293whatsnext  {
   visibility: visible;
   position: absolute;
   left: 823px;
   top: 469px;
   z-index: 5;
   width: 133px;
}

#fundedby  {
   visibility: visible;
   position: absolute;
   left: 701px;
   top: 690px;
   z-index: 4;
   width: 131px;
}

#gulflogo  {
   background: url(../img/id278gulflogo.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 959px;
   top: 676px;
   z-index: 3;
   width: 67px;
   height: 53px;
}

#mainbg  {
   background: url('../img/mainbg.jpg') no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 0;
   width: 1094px;
   height: 706px;
}

#usmlogo  {
   background: url('../img/usmlogo.png') no-repeat;
   visibility: visible;
   position: absolute;
   left: 887px;
   top: 670px;
   z-index: 3;
   width: 64px;
   height: 65px;
}

#nsflogo  {
   visibility: visible;
   position: absolute;
   left: 817px;
   top: 672px;
   z-index: 3;
   width: 61px;
   height: 60px;
   border: hidden;
   text-decoration: none;
}

#introtext p  {
   font: 16px/22px "Trebuchet MS";
   margin: 0px;
   color: #333333;
   text-align: right;
}

#logolarger  {
   z-index: 6;
   background-image: url('../img/logolarger.png');
}

#introtext  {
   visibility: visible;
   position: absolute;
   left: 84px;
   top: 305px;
   z-index: 4;
   width: 503px;
}

#navmatte  {
   z-index: 4;
   background-image: url('../img/navmatte.png');
}

#id300  {
   background: url('../img/q.png') no-repeat;
   visibility: visible;
   position: absolute;
   left: 694px;
   top: 482px;
   z-index: 6;
   width: 20px;
   height: 26px;
}

#photo  {
	position: absolute;
	left: 609px;
	top: 168px;
	z-index: 5;
	width: 400px;
	height: 270px;
}


#photoDesc {
	position:absolute;
	color: #fff;
	top: 409px;
	background: url('../img/captionmatte.png') repeat-x;
	left: 609px;
	text-align: center;
	width: 386px;
	padding: 7px;
	text-align: left;
	z-index: 1000;
	line-height: 16px;
	display: inline;
	height: 29px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 14px;
	font-family: "Trebuchet MS";
}

#head  {
   background: url('../img/head.png') no-repeat;
   visibility: visible;
   position: absolute;
   left: 672px;
   top: 471px;
   z-index: 5;
   width: 60px;
   height: 77px;
}
