@charset "utf-8";
BODY {
	BACKGROUND: url(../images/clouds.jpg) #122981 repeat-x; MARGIN: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif;font-size:12px;
}
P {
	COLOR: #fff; LINE-HEIGHT: 1.25em; TEXT-ALIGN: justify
}
.ptitle:link{
font-size: 10pt;COLOR: #F9F002; TEXT-DECORATION: none; font-weight:bold;
}
.ptitle:visited{
font-size: 10pt;COLOR: #ffffff; TEXT-DECORATION: none; font-weight:bold;
}
.ptitle:hover{
font-size: 10pt;COLOR: #ff9600; TEXT-DECORATION: none; font-weight:bold;
}
.ptitle:active{
font-size: 10pt;COLOR: #ff9600; TEXT-DECORATION: none; font-weight:bold;
}

A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff9600; TEXT-DECORATION: none
}
A:active {
	COLOR: #ff9600; TEXT-DECORATION: none
}
LI {
	DISPLAY: block; COLOR: #fff; LIST-STYLE-TYPE: none; TEXT-DECORATION: none
}
#container {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; Z-INDEX: 6; MARGIN: 200px auto 0px; WIDTH: 536px; POSITION: relative
}
#intro {
	FLOAT: left; WIDTH: 356px
}
#pageHeader {
	FLOAT: left; MARGIN-BOTTOM: 20px
}
#pageHeader H1 {
	BACKGROUND: url(../images/h1.gif) no-repeat left top; FLOAT: left; MARGIN: 0px; WIDTH: 355px; HEIGHT: 29px
}
#pageHeader H2 {
	BACKGROUND: url(../images/h2.gif) no-repeat left top; FLOAT: right; MARGIN: 2px 0px 0px; WIDTH: 167px; HEIGHT: 12px
}
#quickSummary {
	BACKGROUND: url(../images/divider01.jpg) no-repeat; FLOAT: left; PADDING-TOP: 50px
}
#quickSummary P.p1 {
	BACKGROUND: url(../images/summary.gif) no-repeat; MARGIN: 0px 0px 6px; WIDTH: 356px; HEIGHT: 49px
}
#quickSummary P.p1 SPAN {
	DISPLAY: none
}
#pageHeader H2 SPAN {
	DISPLAY: none
}
#pageHeader H1 SPAN {
	DISPLAY: none
}
#quickSummary P.p2 {
	DISPLAY: block; WIDTH: 355px
}
#supportingText {
	FLOAT: left; WIDTH: 356px
}
#supportingText H3 {
	MARGIN: 0px 0px 20px; WIDTH: 355px; COLOR: #7d775c; LETTER-SPACING: 1px; HEIGHT: 18px
}
#intro H3 {
	MARGIN: 0px 0px 20px; WIDTH: 355px; COLOR: #7d775c; LETTER-SPACING: 1px; HEIGHT: 18px
}
#preamble {
	MARGIN-TOP: 6px; FLOAT: left; PADDING-TOP: 60px
}
#explanation {
	MARGIN-TOP: 6px; FLOAT: left; PADDING-TOP: 60px
}
#participation {
	MARGIN-TOP: 6px; FLOAT: left; PADDING-TOP: 60px
}
#benefits {
	MARGIN-TOP: 6px; FLOAT: left; PADDING-TOP: 60px
}
#requirements {
	MARGIN-TOP: 6px; FLOAT: left; PADDING-TOP: 60px
}
#preamble {
	BACKGROUND: url(../images/divider02.jpg) no-repeat
}
#explanation {
	BACKGROUND: url(../images/divider03.jpg) no-repeat
}
#participation {
	BACKGROUND: url(../images/divider04.jpg) no-repeat
}
#benefits {
	BACKGROUND: url(../images/divider05.jpg) no-repeat
}
#requirements {
	BACKGROUND: url(../images/divider06.jpg) no-repeat
}
#linkList {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 410px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 141px; PADDING-TOP: 0px; POSITION: absolute; TOP: 101px
}
#linkList2 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 0.7em; BACKGROUND: url(../images/paper-bg.jpg) repeat-y left top; PADDING-BOTTOM: 10px; WIDTH: 141px; PADDING-TOP: 10px
}
#linkList UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#linkList A.c {
	DISPLAY: inline; FONT-WEIGHT: normal; TEXT-TRANSFORM: capitalize; COLOR: #ff9600; TEXT-DECORATION: none
}
#linkList LI A {
	COLOR: #fff; TEXT-DECORATION: none
}
#linkList LI A:hover {
	TEXT-DECORATION: underline
}
#lselect LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; LINE-HEIGHT: 16px; PADDING-TOP: 5px; BORDER-BOTTOM: #003d90 1px solid
}
#lselect LI A {
	DISPLAY: block; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; COLOR: #fff; TEXT-DECORATION: none
}
#larchives LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; COLOR: #fff; LINE-HEIGHT: 16px; PADDING-TOP: 1px
}
#lresources LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; COLOR: #fff; LINE-HEIGHT: 16px; PADDING-TOP: 1px
}
#linkList H3 {
	DISPLAY: block; MARGIN: 0px; WIDTH: 141px; HEIGHT: 20px
}
#preamble H3 {
	BACKGROUND: url(../images/h3_road.gif) no-repeat
}
#explanation H3 {
	BACKGROUND: url(../images/h3_about.gif) no-repeat
}
#participation H3 {
	BACKGROUND: url(../images/h3_participation.gif) no-repeat
}
#benefits H3 {
	BACKGROUND: url(../images/h3_benefits.gif) no-repeat
}
#requirements H3 {
	BACKGROUND: url(../images/h3_requirements.gif) no-repeat
}
#linkList H3.select {
	BACKGROUND: url(../images/h3_select.gif) no-repeat
}
#linkList H3.archives {
	MARGIN-TOP: 22px; BACKGROUND: url(../images/h3_archives.gif) no-repeat
}
#linkList H3.resources {
	MARGIN-TOP: 22px; BACKGROUND: url(../images/h3_resources.gif) no-repeat
}
#preamble H3 SPAN {
	DISPLAY: none
}
#explanation H3 SPAN {
	DISPLAY: none
}
#participation H3 SPAN {
	DISPLAY: none
}
#benefits H3 SPAN {
	DISPLAY: none
}
#requirements H3 SPAN {
	DISPLAY: none
}
#linkList H3.select SPAN {
	DISPLAY: none
}
#linkList H3.archives SPAN {
	DISPLAY: none
}
#linkList H3.resources SPAN {
	DISPLAY: none
}
#footer {
	MARGIN-TOP: 20px; MARGIN-BOTTOM: 25px
}
#footer A:link {
	COLOR: #ff9600; MARGIN-RIGHT: 6px
}
#footer A:visited {
	COLOR: #ff9600; MARGIN-RIGHT: 6px
}





#top {
	BACKGROUND: url(../images/water_edge.jpg) left bottom repeat-x; WIDTH: 100%; LEFT: 0px;TOP: 0px; HEIGHT: 179px;/*POSITION: absolute*/
}
#top_content {
	BACKGROUND: url(../images/top_left.jpg) no-repeat; WIDTH: 100%; LEFT: 0px;TOP: 0px; HEIGHT: 179px;/*POSITION: absolute*/
}
#content{
	left: 0px; BACKGROUND: url(../images/gradient_bg.jpg) repeat-x; WIDTH: 100%;TOP: 179px; height:auto;overflow:hidden;zoom:1; /*HEIGHT: 75px;POSITION: absolute*/
}
#content_content{
	left: 0px; BACKGROUND: url(../images/content_left_bg.jpg) left top no-repeat; TOP: 179px;height:auto;overflow:hidden;zoom:1;
}
#content_left{
	left: 0px;  WIDTH: 270px;TOP: 179px;float:left;
}
#content_right{
	WIDTH: 70%;TOP: 179px;float:left;text-align:left;
}
#bof {
	BACKGROUND: url(../images/seafloor_bg.jpg) repeat-x left bottom; LEFT: 0px; WIDTH: 100%; HEIGHT: 426px;
}
#bof_content {
	BACKGROUND: url(../images/seafloor.jpg) no-repeat; LEFT: 0px; TOP: 0px; HEIGHT: 426px;padding:0px 0px 0px 0px;
}
#bof_fish{
	BACKGROUND: url(../images/fish_bottom.gif) right center no-repeat;margin:0px 0px 0px 0px;padding:200px 10px 0px 0px; HEIGHT: 224px;
}

#bof_text{
	margin:0px 0px 0px 0px;padding:180px 0px 0px 0px; HEIGHT: 30px;text-align:right;
}
 

.text_content {color: #FFFFFF;font-size: 14px;line-height:150%}

#extraDiv3 {
	Z-INDEX: 3; RIGHT: 4%; BACKGROUND: url(../images/fish_bottom.gif) no-repeat right top; WIDTH: 300px; TOP: 50em; HEIGHT: 123px
}

#extraDiv4 {
	Z-INDEX: 3; BACKGROUND: url(../images/sunlight.jpg) no-repeat; LEFT: 0px; WIDTH: 472px; TOP: 0px; HEIGHT: 318px
}
#extraDiv5 {
	Z-INDEX: 7; BACKGROUND: url(../images/fish_top.gif) no-repeat; LEFT: 20px; WIDTH: 180px; TOP: 220px; HEIGHT: 80px
}
#extraDiv6 {
	Z-INDEX: 2; BACKGROUND: url(../images/seafloor_bg.jpg) repeat-x left bottom; LEFT: 0px; WIDTH: 100%; TOP: 40em; HEIGHT: 426px
}
#extraDiv6 SPAN {
	Z-INDEX: 2; BACKGROUND: url(../images/seafloor.jpg) no-repeat; LEFT: 0px; WIDTH: 633px; TOP: 0px; HEIGHT: 426px
}

