body {
font-family : Arial, Helvetica, sans-serif;
background : #122981 url(css_images/gradient_bg.jpg) repeat-x;
margin : 0;
}
p {
/* text-align : justify; */
color : #fff;
font-size : 0.9em;
line-height : 1.25em;
}
a:link, a:visited {
text-decoration : underline;
color : #a5bcff;
}
a:hover, a:active {
text-decoration : underline;
color : #ff9600;
}
/* li {
text-decoration : none;
list-style-type : none;
display : block;
color : #fff;
} */
#container {
width : 536px;
padding-left : 20px;
padding-right : 20px;
margin : 200px auto 0 auto;
position : relative;
z-index : 6;
}
#intro {
width : 356px;
float : left;
}
#pageHeader {
margin-bottom : 20px;
float : left;
}
#pageHeader h1 {
/* background : transparent url(css_images/h1.gif) no-repeat top left; */
width : 355px;
height : 29px;
float : left;
margin : 0;
}
#pageHeader h3 {
background : transparent url(css_images/h2.gif) no-repeat top left;
width : 167px;
height : 12px;
float : right;
margin : 2px 0 0 0;
}
#quickSummary {
/* background : transparent url(css_images/divider01.jpg) no-repeat; */
float : left;
/* padding-top : 50px; */
}
#quickSummary h3 {
color:#ffffff;
list-style-type:square;
padding-top:10px;
margin-bottom:-5px;
text-align : left;
}
#quickSummary ul {
list-style-type: disc;
margin : 0px 0px 25px 15px;
padding : 0;
}
#quickSummary li {
color:#ffffff;
list-style-type:square;
font-size:0.9em;
padding-bottom:10px;
text-align : left;
}
#quickSummary p.p1 {
/* background : transparent url(css_images/summary.gif) no-repeat; */
width : 356px;
height : 49px;
margin : 0 0 6px 0;
font-size : 0.9em;
}
#quickSummary p.p1 span, #pageHeader h2 span, #pageHeader h1 span {
color:#ffffff;
/* display : none; */
}
#quickSummary p.p2 {
width : 355px;
display : block;
font-size : 0.9em;
}
#supportingText {
width : 356px;
float : left;
}
#supportingText h2, #intro h2 {
letter-spacing : 1px;
margin : 0 0 20px 0;
color : #ffbb00;
width : 355px;
height : 18px;
}
#preamble, #explanation, #participation, #benefits, #requirements {
padding-top : 60px;
margin-top : 6px;
float : left;
}
#preamble {
/* background : transparent url(css_images/divider02.jpg) no-repeat; */
}
#explanation {
/* background : transparent url(css_images/divider03.jpg) no-repeat; */
}
#participation {
/* background : transparent url(css_images/divider04.jpg) no-repeat; */
}
#benefits {
/* background : transparent url(css_images/divider05.jpg) no-repeat; */
}
#requirements {
/* background : transparent url(css_images/divider06.jpg) no-repeat; */
}
#linkList {
width : 200px;
position : absolute;
top : 101px;
left : 410px;
margin : 0;
padding : 0;
}
#linkList2 {
width : 240px;
font-size : 0.9em;
/* background : transparent url(css_images/paper-bg.jpg) repeat-y top left; */
padding : 10px;
line-height:2em;
}
#linkList ul {
margin : 0;
padding : 0;
}
#linkList a.c {
display : inline;
color : #ff9600;
text-decoration : none;
font-weight : normal;
text-transform : capitalize;
}
#linkList li a {
color : #ffffff;
text-decoration : none;
}
#linkList li a:hover {
text-decoration : underline;
}
#lselect li {
color:#ffffff;
line-height : 16px;
padding : 5px 0;
border-bottom : 2px solid #ffbb00;
margin-bottom: 7px;
}
#lselect li a {
font-weight : bold;
color : #fff;
display : block;
text-transform : uppercase;
text-decoration : none;
}
#larchives li, #lresources li {
line-height : 16px;
padding : 1px 0;
color : #fff;
}
#linkList h3 {
width : 141px;
height : 20px;
display : block;
margin : 0;
}
#preamble h3 {
/* background : transparent url(css_images/h3_road.gif) no-repeat; */
}
#explanation h3 {
/* background : transparent url(css_images/h3_about.gif) no-repeat; */
}
#participation h3 {
/* background : transparent url(css_images/h3_participation.gif) no-repeat; */
}
#benefits h3 {
/* background : transparent url(css_images/h3_benefits.gif) no-repeat; */
}
#requirements h3 {
/* background : transparent url(css_images/h3_requirements.gif) no-repeat; */
}
#linkList h3.select {
/* background : transparent url(css_images/h3_select.gif) no-repeat; */
}
#linkList h3.archives {
margin-top : 22px;
/* background : transparent url(css_images/h3_archives.gif) no-repeat; */
}
#linkList h3.resources {
margin-top : 22px;
/* background : transparent url(css_images/h3_resources.gif) no-repeat; */
}
#preamble h3 span, #explanation h3 span, #participation h3 span, #benefits h3 span, #requirements h3 span, #linkList h3.select span, #linkList h3.archives span, #linkList h3.resources span {
display : none;
}
#footer {
margin-top : 20px;
margin-bottom : 25px;
}
#footer a:link, #footer a:visited {
margin-right : 6px;
color : #ff9600;
}
#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv3 span, #extraDiv4, #extraDiv5, #extraDiv6, #extraDiv6 span {
font-size:0.75em;
position : absolute;
}
#extraDiv1 {
background : url(css_images/clouds.jpg) repeat-x;
top : 0;
right : 0;
width : 100%;
height : 104px;
}
#extraDiv2 {
background : url(css_images/water_edge.jpg) repeat-x;
top : 104px;
right : 0;
width : 100%;
height : 75px;
}
#extraDiv3 {
/* background : url(css_images/fish01.jpg) no-repeat right top; */
z-index : 3;
top : 960px;
right : 4%;
width : 300px;
height : 123px;
}
#extraDiv3 span {
/* background : url(css_images/fish_bottom.gif) no-repeat; */
z-index : 3;
top : 1000px;
width : 224px;
height : 108px;
}
#extraDiv4 {
/* background : url(css_images/sunlight.jpg) no-repeat; */
z-index : 3;
top : 0;
left : 0;
width : 472px;
height : 481px;
}
#extraDiv5 {
/* background : url(css_images/fish_top.gif) no-repeat; */
color:#66A1FF;
z-index : 7;
top : 220px;
left : 20px;
width : 180px;
height : 80px;
}
#extraDiv6 {
z-index : 2;
top : 125em;
left : 0;
width : 100%;
height : 426px;
/* background : url(css_images/seafloor_bg.jpg) repeat-x left bottom; */
}
#extraDiv6 span {
z-index : 2;
top : 0;
left : 0;
width : 633px;
height : 426px;
/* background : url(css_images/seafloor.jpg) no-repeat; */
}

.roundedsmall {
color:#0033FF;
font-size:1em;
font-weight:bold;
text-decoration:none;
border:0px dotted #ffffff;
background-color:#ffbb00;
margin-right:0px;
padding:10px;
-moz-border-radius:15px;
-khtml-border-radius:15px;
}
.roundedsmall a {
color:#0033FF;
text-decoration:none;
}
.roundedsmall a:hover {
color:#000000;
}
// .roundedsmall a:visited {
// color:#0033FF;
// }
.roundedsmall a:focus {
    outline: 0;
}