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

/* start real styles here - temp page styles above */


html {
	/*margin: 0px;
	padding: 0px;*/
}

body {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#c0c0c0;
	margin:0px;
	padding:0px;
	font-size: 80%;
	color:#50351f; /* default text to dark brown */
}

#full_width_wrapper {
	width: 898px;
	border-top:7px solid #486890;
	border-left: 1px solid #486890;
	border-right: 1px solid #486890;
	border-bottom: 0px;	
	margin: 0px auto;
	background-color:#ffffff;
	margin-bottom:5px;
}

h1,h2,h3,h4 {
	color:#000000;
	font-weight:normal;
	
}

h1 {	
	font-size:1.8em;		
}

h2 {
	font-size:1.4em;
}

h3 {
	font-size:1.2em;
}

h4 {
	font-size:1em;
}

a, a:link, a:active, a:visited {
	text-decoration:underline;
	color:#ba4827;
	color:#2f4a73;
}

a:hover {
	text-decoration:underline;
	color:#FF9D09;
}

.alignleft {
	float: left;
	margin: 0.5em 1em 0.25em 0;
}

.alignright {
	float: right;
	margin: 0.5em 0 0.25em 1em;
}

#banner {
	width:100%;
	background-color:#ffffff; /* in case banner gets taller, better than showing tan */
	background-image:url(/images/bg_banner.png);
	background-repeat:no-repeat;
}

#banner img.logo {
	padding:20px 0px 0px 20px;
}

#topnav {
	clear:both;
	color:#000000;
	margin-left:40px;
	margin-bottom:10px;
	margin-top:5px;
}

#topnav table {
	border-collapse:collapse;
	width:100%;
	margin:0px;
	padding:0px;
}

#topnav.new table {
	width: 656px;
	margin-top: 1em;
}

#topnav td {
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}

#topnav td.left {
	width:700px;
	font-size:.95em;
}

#topnav td.middle,#topnav td.right {
	text-align:center;
	padding:0px;
	margin:0px;
}

#topnav.new td.middle,#topnav td.right {
	text-align:center;
	padding:0px 1em 0 0;
	margin:0px;
}

#topnav td.middle {
	width:175px;
}

#topnav td.right {
	width:150px;
}

#topnav td.middle a,#topnav td.right a {
	text-decoration:none;
	text-align:center;
	padding:0px;
	margin:0px;
	color:#000000;	
	font-weight:bold;
	font-size:1.1em;

}
#topnav td.middle a:hover,#topnav td.right a:hover {
	color:#FF9D09;
}

#topnav.new .right {
	float: right;
	margin-top: -60px;
	margin-right: 1em;
}

#topnav div.little {
	color:#2f4a73;
	font-size:xx-small;
	margin:0px;
	padding:0px;
}

#topnav.new div.little {
	color:#2f4a73;
	font-size: 0.9em;
	margin:0px;
	padding:0 0 0.5em 0;
	text-align: center;
}

#topnav td.left a {
	text-align:center;
	padding:0px 12px 0px 0px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	font-size:.9em;
	white-space:nowrap;
}

#topnav td.left a:hover {
	color:#FF9D09;
}

#topnav td.left a.last {
	padding:0px;
}

#topnav td.left a.active {
	color:#FF9D09;
}

#topnav td.spacer {
	font-size:1em;
	padding:0px;
	width:1px;
	margin:0px;
}

.insidewrapper {
	clear:both;
	margin:0px;
}

.insidewrapper p, .insidewrapper ul {
	font-size:1em;
}

.insidewrapper p {
	line-height:1.6em;
	margin-top:0px;
	
}

#footer {
	clear:both;	
	font-family:Verdana,Arial,Helvetica,sans-serif;	
	width:100%;
	background-color:#2f4a73; 
}

#footer a {
	text-decoration:underline;
	color:#ffffff;
}

#footer a:hover {
	color:#FF9D09;
}

#footer .content {
	color:#ffffff;
	font-size:.75em;
	padding:10px 20px;
}

#footer table {
	border-collapse:collapse;
	margin:0px;
	padding:0px;
}

#footer table {
	width:100%;
}
#footer table td.left {
}

#footer table td.right {
	text-align:right;
}

#sitecredit {
	width: 898px;
	margin:5px auto 20px auto;
}

#sitecredit .content {
	text-align:right;
	font-size:xx-small;
	padding-right:20px;
}

/* home page specific */

table.hp {
	border-collapse:collapse;
	margin:0px;
	padding:0px;
	width:100%;
}

div.hp {
/* 	padding:20px 20px 0px 35px; */
	background-image:url('/images/bg_hp_copy_top.png');
	background-repeat:no-repeat;
	background-color:#ffffff;
	margin:0px;	
}

div.gradient_bottom {
	margin:0px;
	padding:0px;
	background-image:url('/images/bg_hp_copy_bottom.png');
	background-repeat:no-repeat;
	background-color:#ffffff;
	height:40px;
}

div.hp p {
	margin:0px;
	padding:0px;
}

table.hp {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
}

table.hp td {
	vertical-align:top;	
	margin:0px;
	padding:0px;
}

table.hp td.header {
	vertical-align:bottom;
}

table.hp td.left {
	width:45%;
	padding:10px 40px 0px 0px;
	font-size:95%;
}

table.hp td.middle {
	width:25%;
	padding:10px 20px 0px 0px;
	font-size:85%;
}

table.hp td.right {
	padding-top:10px;
	font-size:85%;

}

div.hp ul {
	margin:0px;
	padding:0px;
}

div.hp ul li {
	list-style-type:none;
	margin:0px;
	padding-bottom:8px;
}

.hpnews {
	margin:0px;
	padding:0px;
	margin-bottom:10px;	
}
.hpnewsdate {
	font-size:smaller;
}

.hpmore {
	font-size:larger;
}

.hpmore a {
	padding-right:10px;
}

/* New Homepage Content Area styles */

table.hp h2 {
	color: #815700;
	padding: 0.5em 0 0 66px;
	margin: 0;
	height: 1.6em;
	font-size: 1.4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

table.hp .intro-heading {
	background: #f1a300 url(../images/intro-heading_bg.png) 35px 50% no-repeat;
	border-bottom: 5px solid #8a9dc5;
	height: 39px;
	width: 409px;
}

table.hp .news-heading {
	background: #eab84e url(../images/news-heading_bg.png) 10px 50% no-repeat;
	border-bottom: 5px solid #b8c5e0;
	height: 39px;
	width: 231px;
}

table.hp .audio-video-heading {
	background: #f2d390 url(../images/audio-video-heading_bg.png) 10px 50% no-repeat;
	border-bottom: 5px solid #d7e0f1;
	height: 39px;
	width: 258px;
}

table.hp .audio-video-heading h2 {
	padding: 0.5em 0 0 41px;
}

table.hp .intro-content {
	padding: 20px 35px;
}

table.hp .news-content, table.hp .testimonials-content {
	padding: 20px 10px;
}

table.hp .news-content a, table.hp .audio-video-content a {
	text-decoration: none;
}

table.hp .news-content a:hover, table.hp .audio-video-content a:hover {
	text-decoration: underline;
}

table.hp .intro-content p.intro {
	font-weight: bold;
	font-size: 1.1em;
}

table.hp .intro-content p {
	padding: 0 0 1em;
	color: #5a462e;
	line-height: 1.4em;
}

table.hp .intro-content p.audio {
	padding-left: 25px;
	background: url(../images/audio-content_bg.png) 0 0 no-repeat;
}

table.hp .news-heading h2 {
	padding: 0.5em 0 0 44px;
}

table.hp .news-content h3 {
	padding: 0;
	margin: 0;
	font-size: 1em;
	color: #815700;
}

table.hp .news-content p {
	padding: 0 0 0.75em;
	margin: 0 0 0.75em;
	border-bottom: 1px dotted #b5b5b5;
	font-size: 1.1em;
	line-height: 1.4em;
}

table.hp .news-content p.more-news {
	padding: 0.5em 0 0.75em;
	font-size: 0.9em;
	border-bottom: none;
}

table.hp .audio-video-content {
	padding-top: 20px;
	padding-right: 35px;
}

table.hp .audio-video-content h3 {
	padding: 0 0 0.75em 45px;
	margin: 0;
	font-size: 1.2em;
}

table.hp .audio-video-content h3.shield-achilles {
	background: url(../images/shield-achilles_bg.png) 10px 8px no-repeat;
}

table.hp .audio-video-content h3.enviro-video {
	padding-top: 4px;
	background: url(../images/enviro-video_bg.png) 10px 0 no-repeat;
}

table.hp .audio-video-content h3.enviro-advocates {
	background: url(../images/enviro-advocates_bg.png) 10px 8px no-repeat;
}

table.hp .audio-video-content p {
	padding: 0.75em 0 0.75em;
	margin: 0 35px 0.75em 45px;
	line-height: 1.4em;
	border-top: 1px dotted #b5b5b5;
	color: #5a462e;
}

table.hp .testimonials-heading {
	background: #f2d390 url(../images/testimonials-heading_bg.png) 12px 50% no-repeat;
	height: 39px;
}

table.hp .testimonials-heading table {
	width: 100%;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

table.hp .testimonials-heading h2 {
	padding-left: 43px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

table.hp .testimonials-heading .subheading {
	text-align: right;
	margin: 0;
	padding: 1em 2em 0 0;
	font-style: italic;
	font-size: 0.9em;
	text-align: right;
	color: #815700;
}

table.hp .testimonials-content p {
	padding: 0.75em 0 0;
	margin: 0;
	line-height: 1.4em;
}

table.hp .testimonials-content .quote {
	font-style: italic;
}

table.hp .testimonials-content .credit {
	padding: 0;
	color: #aaa;
}

/* level 1 styles */


.l1header {
	background-image:url(../images/bg_l1_waves.png);
	background-repeat:no-repeat;
	color:#ffffff;
	padding:15px 35px;
}

.l1header a, 
.l1header a:link, 
.l1header a:active, 
.l1header a:visited {
	color: #FF9D32;
	text-decoration: none;
}

.l1header a:hover {
	text-decoration: underline;
}

.l1header h1 {
	color:#ffffff;
	margin:0px;
	padding:0px;
	
}

.l1header p {
	margin:0px;
	margin-top:10px;
	padding:0px;
}

div.l1 {
	padding:20px 20px 0px 35px;	
	background-color:#ffffff;
	margin:0px;	
}

div.l1 p {
	/*margin:0px;
	padding:0px;*/
}

table.l1 {
	width:843px;
}

table.l1 td {
	vertical-align:top;	
	margin:0px;
	padding:0px;
}

table.l1 td.left {
	width:528px;
	padding:0px 40px 0px 0px;
	font-size:95%;
}

table.l1 td.middle {
	width:1px;
	font-size:1px;
	line-height:1px;
	background-color:#35527a;
	margin:0px;
	padding:0px;
	height:100%;
}

table.l1 td.right {
	padding-left:20px;
	padding-right:20px;
	font-size:95%;
	width:234px;
}

table.l1 td.full {
	width:100%;
	padding:0px 0px 0px 0px;
	font-size:95%;
}

table.l1 div.practice {
	clear:both;
	margin-bottom:30px;
}

table.l1 td.left .thumb {
	width:75px;
	float:left;
	margin:0px;
	padding:0px;
}

table.l1 td.left .copy {
	width:430px;
	margin-left:20px;
}

table.l1 td.right h2, table.l2 td.right h2 {
	margin-top:0px;
}

table.l1 table.practice h2 {
	margin:0px;
	padding:0px;
}

table.l1 table.practice p {
	margin:0px;
	padding:0px;
}

table.l1 table.practice img {
	border:1px solid #486890;
}

.l2header {
	background-image:url(/images/bg_waves_900w.png);
	background-repeat:no-repeat;
	color:#ffffff;
	width:100%;
}

.l2header img {
	margin:0px;
	padding:0px;
	border:0px;
	margin-left:35px;
	float:left;
	width:382px;
}

.l2header .copy {
	width:420px;
	float:left;
	margin:0px;
	padding:0px;
	padding:30px 20px 30px 20px;
}

.l2header h1 {
	color:#ffffff;
	margin-bottom:10px;
}

.l2header p {
	margin:0px;
	padding:0px;
}

div.l2 {
	clear:both;
	padding:20px 20px 0px 35px;	
	background-color:#ffffff;
	margin:0px;
}


div.l2 p {
	/*margin:0px;
	padding:0px;*/
}

table.l2 td {
	vertical-align:top;	
	margin:0px;
	padding:0px;
}

table.l2 td.left {
	width:342px;
	padding:0px 40px 0px 0px;
	font-size:95%;
}

table.l2 td.middle {
	width:1px;
	font-size:1px;
	line-height:1px;
	background-color:#35527a;
	margin:0px;
	padding:0px;
	height:100%;
}

table.l2 td.right {
	padding-left:20px;
	font-size:95%;
}

table.l2 td.fulll {
	border: none;

}

/* photos */

.img_floatright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.img_floatleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

table.photo_left {
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

table.photo_right {
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

table.photo_center {
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
}

table.photo_left img, table.photo_right img,table.photo_center img {
	border:1px solid #486890;
}

.photo_credit {
	display: block;
	margin: 0px;
	padding: 0px;
	font-size:xx-small;
	color:#666666;
	text-align:right;
}

.photo_caption {
	display: block;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	font-size:x-small;
	color:#666666;
	text-align:left;
}

table.photo_center .photo_caption {
	text-align:center;
}

/* inline quote styles with quote images */

.inlinequote {
	clear:both;
	padding: 0px;
	margin: 0px;
	padding:10px;
	border:1px solid #ccc;
	margin-bottom:20px;
	background-color:#EBEBEB;
}

.inlinequote img.quote {
	float: left;
	padding: 0 7px 0 0;
}

.inlinequote img.quoteEnd {
	display: inline;
	padding: 0;
	margin: -4px 0 0 0;
	position: relative;
	top: 5px;
}

.inlinequote h3 {
	margin: 0;
	padding: 7px 0 8px 0;
	line-height: 1.3em;	
	font-size:1.2em;
	color:#000;
}

.inlinequote p {
	margin: 0 0 0 20px;
	padding: 0;
}

.totop {
	float:right;
	text-align:right;
	font-size:smaller;
}

.backto {
	margin-top:20px;
}

.inthissection, .getinvolved {
	margin-bottom:40px;
}

.inthissection p {
	margin:0px;
	padding:0px;
}

#full_width_wrapper .smaller {
	font-size:smaller;
}

#sitemap li {
	margin-bottom: 0.5em;
}

#banner_tagline {
	float: right; 
	width: 420px;
	margin-top: 1.5em;
        margin-right: 50px;
}

#banner.new #banner_tagline {
	float: right;
	text-align: right;
	width: 420px;
	margin-top: 0;
	margin-right: 1em;
}

#banner.new .social-media-news-block {
	float: right;
	margin-top: 6px;
	width: 278px;
	height: 26px;
}

#banner.new .social-media-news-block img, input {
	float: left;
	padding: 0;
	margin: 0;
}

/*
#banner.new .social-media-news-block .email-input {
	padding: 0 0 0 5px;
	margin: 0 5px 0 0;
	width: 214px;
	height: 23px;
	border: 1px solid black;
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25) inset;
	font-size: 1em;
	line-height: 1.82em;
}
*/

*:first-child+html #banner_tagline {
	margin-top: 4em;
}

* html #banner_tagline {
	margin-top: 4em;
}

#banner_tagline h4 {
	font-size: 1.2em;
}

#home-page-slider {
	float: left;
	width: 534px;
	height: 356px;
}

.slider .prev-arrow, .slider .next-arrow {
	width: 0 !important;
	height: 0;
}

.slider-items-wrapper {
	width: 534px;
	height: 356px;
}

.slider-items {
	position: relative;
}

.slider-items-wrapper .slider-item {
	position: relative;
	width: 534px;
	height: 356px;
}

.slider-items-wrapper #blue-green-heroes {
	background: url('/images/elected-blue-green-heroes.jpg') top left no-repeat;
}

.slider-items-wrapper #ocean-river-video {
	background: url('/images/slider-ocean-river-video.jpg') top left no-repeat;
}

.slider-items-wrapper #green-slime-busters {
	background: url('/images/algae-green-slime-busters.jpg') top left no-repeat;
}

.slider-items-wrapper #fight-ocean-plastics {
	background: url('/images/fight-ocean-plastics.jpg') top left no-repeat;
}

.slider-items-wrapper #stellwagen {
	background: url('/images/stellwagen-bank.jpg') top left no-repeat;
}

.slider-items-wrapper #river-sea-herring {
	background: url('/images/rebuilding-river-sea-herring.jpg') top left no-repeat;
}

.slider-items-wrapper #bvi-nightmare {
	background: url('/images/bvi-nightmare-virgin-islands.jpg') top left no-repeat;
}

.slider-items-wrapper .action-button {
	position: absolute;
	left: 34px;
	top: 285px;
}

.slider-items {
	height: 356px;
}

.slider-navigation {
	float: left;
	height: 356px;
	width: 361px;
	color: #fff;
	border-left: 3px solid #fff;
	background: url(../images/slider-nav_bg.jpg) top left no-repeat;
}

.slider-navigation:hover {
	cursor: pointer;
}

.insidewrapper .slider-navigation ul {
	padding: 32px 0 0;
}

.insidewrapper .slider-navigation li {
	padding: 0 26px;
	list-style: none;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #a3b4ca;
	color: rgba(255, 255, 255, 0.5);
}

.slider-navigation li.selected {
	font-size: 1.5em;
	color: #fff;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.25);
	background: url(../images/slider-navigation-selected_bg.png) 0 50% no-repeat;
}

.slider-dots {
}

.waves {
	float: left;
	width: 137px;
}

#hp_big_photo {
	border: 1px solid #486890;
	width: 622px;
	height: 354px;
	float: left;
	background: url(../images/photo_hp.jpg) 0 0 no-repeat;
}

#hp_big_photo table {
	width: 602px;
	height: 354px;
	margin: 0 auto;
}

#hp_big_photo table tr td h1,
#hp_big_photo table tr td h2,
#hp_big_photo table tr td h3,
#hp_big_photo table tr td h4,
#hp_big_photo table tr td h5,
#hp_big_photo table tr td h6,
#hp_big_photo table tr td p,
#hp_big_photo table tr td {
	color: #ffffff;
}

#my_hover a {
position: relative;
bottom: 1em;
}

a,
a:hover,
a:active,
a:link {
	outline: none !important;
}

#hp_right p {
	font-size: smaller;
	margin-bottom: 1em;
}

.insidewrapper ul {
	margin: 0;
	padding: 0 0 0 1.25em;
}

.insidewrapper ul li {
	margin: 0 0 1em 0;
	line-height:1.6em;
}

.take_action_wrapper {
	background-color: #D9E0EB; 
	border: 1px solid #486890;	
	margin-bottom: 1em;
}

.take_action_wrapper table {
	border-collapse: collapse;
	white-space: normal;
}

.take_action_wrapper .padme {
	padding: 10px;
}

/* Thank You - Landing Page */

body.thank-you {
	width: 900px;
	margin: 0 auto;
	background: #c0c0c0 url(../images/thank-you-banner_bg.gif) 0 49px repeat-x;
	color: #373737;
}

body.thank-you .banner {
	margin: 49px 0 34px;
	height: 292px;
}

.thank-you-image-large {
	float: left;
	margin-right: 19px;
}

.banner-content {
	float: left;
	width: 372px;
	text-align: center;
}

.banner-content .logo {
	margin-top: 31px;
}

.banner-content h2 {
	width: 50%;
	margin: 35px auto 0;
	color: #2d79b7;
}

.banner-content h1 {
	margin-top: 26px;
	margin-bottom: 0;
	font-size: 4em;
	color: #c0c0c0;
	font-weight: bold;
	text-transform: uppercase;
}

.banner-content p {
	margin: 0;
}

body.thank-you .content {
	width: 100%;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

body.thank-you .content p {
	margin: 0 0 1em;
}

body.thank-you .content h2 {
	color: #1169b1;
	font-weight: bold;
}

body.thank-you .content .about, body.thank-you .content .audio-video, body.thank-you .content .action {
	float: left;
	position: relative;
	width: 30%;
	height: 230px;
}

body.thank-you .content .about, body.thank-you .content .audio-video {
	margin-right: 5%;
}

body.thank-you .content img {
	position: absolute;
	bottom: 0;
	margin: 0 72px;
}

body.thank-you .footer {
	clear: both;
	padding: 44px 0;
	text-align: center;
	font-size: 0.9em;
}

body.thank-you .footer a:link, body.thank-you .footer a:visited {
	color: #373737;
	text-decoration: none;
}

body.thank-you .footer a:hover, body.thank-you .footer a:active {
	color: #1169b1;
	text-decoration:underline;
}

body.thank-you .footer .highlight a:link, body.thank-you .footer .highlight a:visited {
	color: #b33f23;
	text-decoration: none;
}

body.thank-you .footer .highlight a:hover, body.thank-you .footer .highlight a:active {
	color: #b33f23;
	text-decoration:underline;
}

body.thank-you .footer .nav {
	font-weight: bold;
	text-transform: uppercase;
}

body.thank-you .footer p {
	margin: 0.2em 0 0;
}