/* Palette
#0cb6da  Turquoise
#2eb1d7  Turquoise better for windows
#001d33  Dark Blue Gradient lighter
#00101c  Dark Blue Gradient darker
#3b3f4a  Footer dark blue gray
#464c5a  Footer lighter dark blue gray
#181818  Footer dark gray
*/

body {
	margin: 0;
	padding: 0;
	font-family: "open-sans","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: 400;
	background-color: #f2f2f2; /* off-white */
	color: #555044;
}

p {
	line-height: 150%;
}

.line1 {
	line-height: 120%;
}

.italic {
	font-style: italic;
}

.caps {
	text-transform: uppercase;
}

.serif {
	font-family: "minion-pro",Georgia,serif;
}
.sans-serif {
	font-family: "Open Sans","Helvetica-Neue","Droid Sans",sans-serif;
}

a, a:visited {
	text-decoration: none;
	color: #2695AF; /* I like this color better */
}
a:hover, a:active {
	text-decoration: underline;
	color: #2eb1d7;
}

.input {
	font-family: "open-sans","Helvetica-Neue","Droid Sans",sans-serif;
}

.navmenu {
	font-family: "open-sans","Helvetica-Neue","Droid Sans",sans-serif;
	font-size: 14px;
}

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

img {
	border: 0;
}

.inverse, .inverse a {
	color: #fff !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: "open-sans","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;
	color: #2eb1d7;
	text-transform: none;
	font-weight: 300 !important;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-stroke: 0.6px rgba(46,177,215,0.004);
}

h1.inverse, .inverse h1, .inverse.h1, .inverse .h1, 
h2.inverse, .inverse h2, .inverse.h2, .inverse .h2, 
h3.inverse, .inverse h3, .inverse.h3, .inverse .h3, 
h4.inverse, .inverse h4, .inverse.h4, .inverse .h4, 
h5.inverse, .inverse h5, .inverse.h5, .inverse .h5, 
h6.inverse, .inverse h6, .inverse.h6, .inverse .h6 {
	color: #fff;
	-webkit-text-stroke: 0.6px rgba(255,255,255,0.004);
}

h1, .h1 {
	font-family: "league-gothic","open-sans","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;
    font-size: 2.8em;
    font-weight: normal;
}
h2, .h2 {
	font-family: "league-gothic","open-sans","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;
	font-size: 2.2em;
	font-weight: normal;
}
h3, .h1 {
	font-size: 1.5em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: normal !important;
}
h4, .h4 {
	font-size: 1.5em;
	font-weight: normal;
}
h5, .h5 {
	font-size: 1.3em;
	font-weight: 700 !important;
}

h6, .h6 {
	font-size: 1.1em;
	font-weight: 700 !important;
}

blockquote {
	font-family: 'minion-pro', Georgia, serif;
	font-style: italic;
	font-size: 1.4em;
	color: #2eb1d7;
}

.navbar-main {
	min-height: 110px;
	border-radius: 0;
	background: #001d33; /* Old browsers */
	background: -moz-linear-gradient(top,  #001d33 0%, #00101c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001d33), color-stop(100%,#00101c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #001d33 0%,#00101c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #001d33 0%,#00101c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #001d33 0%,#00101c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #001d33 0%,#00101c 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001d33', endColorstr='#00101c',GradientType=0 ); /* IE6-9 */*/
}

.navbar-main {
	position: relative;
	border: none;
	z-index: 1000;
	min-height: 50px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.navbar-main > .container {
	/* display: table;
	width: 100%;*/
}

.navbar-main .nav-header {
	vertical-align: top;
	background: #001d33; /* Old browsers */
	background: -moz-linear-gradient(top,  #001d33 0%, #00101c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001d33), color-stop(100%,#00101c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #001d33 0%,#00101c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #001d33 0%,#00101c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #001d33 0%,#00101c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #001d33 0%,#00101c 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001d33', endColorstr='#00101c',GradientType=0 ); /* IE6-9 */*/
}

.navbar-main .nav-toggle {
	float: right;
	position: relative;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 4px;
	border-color: #333;
}

.navbar-main .nav-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: #f2f2f2;
}

.navbar-main .nav-toggle .icon-bar+.icon-bar {
	margin-top: 4px;
}

.navbar-main .nav-logo {
	float: left;
	margin: 8px;
	margin-right: -126px;
	margin-left: 24px;
}

.navbar-main .nav-tagline {
	float: left;
	padding: 8px 12px;
	font-family: "minion-pro",Georgia,serif;
	font-size: 14px;
	line-height: 1.3em;
	font-style: italic;
	text-align: left;
	color: #c6d3dc;
	margin-right: -100%;
	margin-top: 28px;
	margin-left: 134px;
}

.nav-donate {
	position: absolute;
	right: 190px;
	top: 12px;
}

.nav-featured {
	position: absolute;
	right: 8px;
	bottom: 0;
}

.nav-featured .featured-title {
	text-align: center;
	width: 100%;
	font-weight: 400;
	font-family: "league-gothic", "open-sans", "Helvetica Neue", "Droid Sans", Helvetica, Arial, sans-serif;
	font-size: 1.15em;
	letter-spacing: 0.04em;
	color: #2eb1d7;
}

.nav-featured .featured-menu {
  width: auto;
  height: 74px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-featured .featured-menu>li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  width: auto;
  bottom: 0;
}

.featured-menu .featured-logo {
	display: block;
	width: 68px;
	height: 74px;
	margin: 0 8px;
	padding-bottom: 4px;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.featured-logo-glores {
	background-image: url('../images/site/featured-logo-glores.png');
}
.featured-logo-mpatlas {
	background-image: url('../images/site/featured-logo-mpatlas.png');
}

.featured-info {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 350px;*/
	max-width: 450px;
}

.featured-menu>li:hover .featured-info {
	display: block;
}

.featured-arrow {
	width: 0; 
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #2eb1d7;
	position: relative;
	left: 100%;
	margin-left: -56px;
}

.featured-box {
	background-color: #fff;
	border: 6px solid #2eb1d7;
	/*color: #000;*/
	padding: 12px;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 1px 1px #000;
	-moz-box-shadow:    1px 1px 1px 1px #000;
	box-shadow:         1px 1px 1px 1px #000;
}

.navbar-main .nav-collapse {
	clear: both;
	display: block;
	position: relative;
	overflow-y: hidden;
	overflow-x: visible;
	background-color: #2eb1d7;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.navbar-main .nav-collapse.collapse {
	display: none;
}

.navbar-main .nav-collapse.in {
	display: block !important;
}

.navbar-main .nav-collapse .nav-menu {
	list-style: none;
}

.navbar-main .nav-menu>li>a {
	color: #f2f2f2;
	/*padding: 10px 20px;*/
}

.navbar-main .nav-collapse .nav-menu>li>a {
	display: block;
}

.navbar-main .nav-menu>li>a:hover, .navbar-main .nav-menu>li:hover>a {
	color: #007088;
}

.navbar-main .nav-title, .navbar-main .nav-subtitle {
	font-family: "open-sans","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1em;
}

.navbar-main .nav-subtitle {
	text-transform: none;
	font-style: italic;
	line-height: 1em;
}

.navbar-main .nav-collapse .nav-down-arrow {
	display: none;
}

.navbar-main .nav-submenu, .navbar-main .nav-submenu h3, .navbar-main .nav-submenu a {
	color: #f2f2f2;
}

.navbar-main .nav-submenu {
	list-style: none;
	/* margin: 0; */
	/* padding: 0;
	padding: 4px 3%; */
	text-align: left;
	display: none;
}

.navbar-main .nav-menu>li.selected .nav-submenu {
	display: block;
}


.navbar-main .nav-submenu li {
	font-family: "open-sans","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;
	font-size: 1em;
	margin: 0.6em 0;
}

@media (min-width:768px) {
	.nav-submenu-row {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

	.navbar-main .nav-collapse, .navbar-main .nav-collapse.collapse, .navbar-main .nav-collapse.in, .navbar-main .nav-collapse.collapsing {
		clear: none;
		display: block !important; /* only display on larger screens */
		position: static;
		bottom: 0;
		width: 100%;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
		background: transparent;
		box-shadow: none;
	}

	.navbar-main .nav-collapse .nav-menu {
		width: auto;
		margin: 0;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		/*padding-left: 200px;*/
		text-align: left;
		position: static;
		height: auto;
		min-height: 10px;
		list-style: none;
		display: table !important;
		bottom: 0;
		vertical-align: bottom;
		padding-top: 30px;
	}

	.navbar-main .nav-collapse .nav-menu>li {
		display: inline-block;
		vertical-align: bottom;
		height: auto;
		margin: 0;
		padding: 0;
		position: static;
	}

	.navbar-main .nav-collapse .nav-menu>li>a {
		text-align: center;
		display: block;
		padding: 2px 24px 14px 24px;
	}

	.navbar-main .nav-menu>li>a:hover, .navbar-main .nav-menu>li:hover>a {
		color: #2eb1d7;
	}

	.navbar-main .nav-collapse .nav-title, .navbar-main .nav-collapse .nav-subtitle {
		font-family: "league-gothic","open-sans","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;
		font-size: 2.2em;
		font-weight: normal;
		display: block;
		text-decoration: none;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
	}

	.navbar-main .nav-collapse .nav-subtitle {
		font-size: 0.8em;
		font-style: normal;
	}

	.navbar-main .nav-collapse .nav-down-arrow {
		position: relative;
		display: none;
		z-index: 1001;
		padding: 0;
		margin: 0;
		text-align: left;
		background: transparent url('../images/site/menubar/navmenu_arrow_down_sm.png') top center no-repeat;
	}

	.navbar-main .nav-collapse .nav-down-arrow:after {
		content: "";
		position: absolute;
		top: 100%;
		width: 100%;
		height: 11px;
		background: transparent url('../images/site/menubar/navmenu_arrow_down_sm.png') top center no-repeat;
	}

	.navbar-main .nav-menu>li:hover .nav-down-arrow {
		display: block;
	}

	.navbar-main .nav-submenu h3, .navbar-main .nav-submenu .h3 {
		font-family: "league-gothic","open-sans","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;
		color: #b8f1fd;
		font-weight: normal;
		text-decoration: underline;
		text-transform: none;
		letter-spacing: 0.08em;
	}

	.navbar-main .nav-submenu-wrapper {
		background-color: #2eb1d7;
		min-height: 100px;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		color: #f2f2f2;
		display: none;
		box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	}

	.navbar-main .nav-menu>li:hover .nav-submenu-wrapper {
		display: block;
	}

	.navbar-main .nav-submenu {
		display: block;
	}

	.nav-submenu-row {
		text-align: center;
	}

	.nav-submenu.programs > li {
		border-right: 1px solid #fff;
		border-right: 1px solid rgba(255,255,255,0.4);
		padding: 0 10px;
	}

	.nav-submenu.programs > li:last-child {
		border-right: none;
	}
}

@media (min-width:992px) {
	.nav-submenu-row {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
}

.page-subnav .submenu, .page-subnav .submenu ul {
	display: block;
	width: 100%;
	list-style: none;
	background-color: #f2f2f2;
	text-align: center;
	margin: 0;
	padding: 4px 0px;
	position: relative;
}

.page-subnav .childmenu {
	background-color: transparent;
	margin-bottom: 8px;
}

.page-subnav .submenu ul {
	display: none;
	background-color: #f2f2f2;
	position: absolute;
	top: 100%;
	width: 100%;
	margin: 0;
}

.page-subnav .submenu li.ancestor > ul, .page-subnav .submenu li.selected > ul {
	display: block;
	top: 100%;
}

.page-subnav .submenu li {
	display: inline;
	height: auto;
	border-right: 1px solid #ccc;
	padding: 0 0.5em;
}

.page-subnav .submenu li:last-child {
	border-right: none;
}

.page-subnav .submenu li.selected>a {
	font-style: italic;
	font-weight: bold;
}

.page-subnav .submenu li.ancestor>a {
	font-weight: bold;
}

.mci-breadcrumb {
	display: block;
	width: 100%;
	list-style: none;
	background-color: #f2f2f2;
	color: white;
	text-align: center;
	margin: 0;
	padding: 4px 8px;
	font-style: italic;
}

.mci-breadcrumb > li {
	display: inline-block;
}

.mci-breadcrumb > li.selected {
	display: none;
}

.mci-breadcrumb > li:before {
	content: " \F105 ";
	font-family: "Fontawesome";
	display: inline;
	font-style: normal;
	color: #ddd;
	padding: 0 0.55em 0 0.45em;
}

.mci-breadcrumb > li:first-child:before {
	content: "";
}

.mci-breadcrumb li, .mci-breadcrumb li a:link, .mci-breadcrumb li a:visited {
	color: #b3b3b3;
}

.page-content {
	padding-top: 30px;
	padding-bottom: 12px;
}

.page-related {
	padding-top: 12px;
	padding-bottom: 12px;
}

.bg-white {
	background-color: #fff;
}

.gradient-offwhite {
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(242,242,242,0) 0%, rgba(255,255,255,1) 180px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, 0 180px, color-stop(0%,rgba(242,242,242,0)), color-stop(180px,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(242,242,242,0) 0%,rgba(255,255,255,1) 180px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(242,242,242,0) 0%,rgba(255,255,255,1) 180px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(242,242,242,0) 0%,rgba(255,255,255,1) 180px); /* IE10+ */
	background: linear-gradient(to bottom, rgba(242,242,242,0) 0%,rgba(255,255,255,1) 180px); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.gradient-ltgray {
	background: #e7e7e7; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,231,231,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(231,231,231,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(231,231,231,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(231,231,231,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(231,231,231,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

.shadow-border {
	position: relative;
	border-bottom: 4px solid #2eb1d7;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.9);
}

.shadow-border:after {
	content: "";
	display: block;
	width: 100%;
	height: 38px;
	margin: 0 auto;
	position: absolute;
	top: 100%;
	background: url('../images/site/shadow_border_arrow_white_lightblue.png') center top no-repeat;
	z-index: 100;
}

.shadow-border-darkblue {
	border-bottom: 4px solid #fff;
}

.shadow-border-white {
	border-bottom: 4px solid #2eb1d7;
}

.shadow-border-darkblue:after {
	background-image: url('../images/site/shadow_border_arrow_darkblue_white.png');
}

.shadow-border-white:after {
	background-image: url('../images/site/shadow_border_arrow_white_lightblue.png');
}

.shadow-border-noarrow:after {
	height: 0;
	display: none;
}

.after-shadow-border {
	padding-top: 38px;
}

.content-pad {
	padding-bottom: 20px;
}

.hero {
	width: 100%;
	max-height: 900px;
	height: 400px;
	background-color: #114a9b;
	background-image: url('../images/site/hero/dolphin_school.jpg');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center 20%;
	position: relative;
	margin: 0;
}

.hero-palmyra {
	background-image: url('../images/site/hero/palmyra_corals.jpg');
	background-size: 100% auto;
	background-position: center 30%;
}

.hero-pri {
	background-image: url('../images/site/hero/hero-tropicbird.jpg');
	background-size: 100% auto;
	background-position: center 30%;
	background-color: #5786b7;
}

.hero-g20 {
	background-image: url('../images/site/hero/hero-seastatesg20.jpg');
	background-size: 100% auto;
	background-position: center 30%;
	background-color: #1d1104;
}

.hero .overlay {
	position: relative;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0,16,28,0) 1%, rgba(0,16,28,0) 70%, rgba(0,16,28,0.75) 95%, rgba(0,16,28,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,16,28,0)), color-stop(70%,rgba(0,16,28,0)), color-stop(95%,rgba(0,16,28,0.75)), color-stop(100%,rgba(0,16,28,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,16,28,0) 1%,rgba(0,16,28,0) 70%,rgba(0,16,28,0.75) 95%,rgba(0,16,28,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,16,28,0) 1%,rgba(0,16,28,0) 70%,rgba(0,16,28,0.75) 95%,rgba(0,16,28,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,16,28,0) 1%,rgba(0,16,28,0) 70%,rgba(0,16,28,0.75) 95%,rgba(0,16,28,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,16,28,0) 1%,rgba(0,16,28,0) 70%,rgba(0,16,28,0.75) 95%,rgba(0,16,28,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000101c', endColorstr='#00101c',GradientType=0 ); /* IE6-9 */
}

.hero .container {
	position: relative;
	width: 100%;
	height: 100%;
}

.hero h1, .hero h2 {
	text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}

.hero h1 {
	text-transform: uppercase;
	font-size: 3.3em;
}

.hero h2 {
	font-size: 1.8em;
}

.hero .tagline {
	bottom: 0;
	right: 0;
	position: absolute;
	padding-right: 15px; /* match .container 15px padding */
	padding-bottom: 15px;
}

@media (max-width:600px) {
	.hero, .hero .tagline {
		width: 100%;
		text-align: center;
		padding-right: 0; /* don't need padding set if we're centered */
	}

	.hero {
		height: 300px;
	}

	.hero h1 {
		font-size: 2.2em;
	}
}

@media (min-width:600px) {
	.hero h1 {
		font-size: 4.5em;
	}
	.hero h2 {
		font-size: 2.2em;
	}
}

@media (min-width:768px) {
	.hero h1 {
		font-size: 4.5em;
	}
}

@media (min-width:992px) {
	.hero {
		background-size: auto 130%;
	}
}

@media (min-width:1200px) {
	.hero {
		background-size: auto 150%;
	}

	.hero h1 {
		font-size: 5.5em;
	}
}


/* FOOTER */

.footer-main {
	background-color: #181818;
	color: #999;
}

.footer-main .footer-nav ul {
	list-style: none;
	padding: 0;
    margin: 0;
    margin-top: 4px;
}

.footer-main .footer-nav li, .footer-main .footer-nav lh { 
    padding-left: 1em; 
    text-indent: -0.7em;
}

.footer-main .footer-nav li:before {
	content: "•";
	padding-right: 0;
	color: #464c5a;
}

/******** SOCIAL MEDIA ICONS in Nav Bar **********/

.nav-donate {
	position: absolute;
	right: 320px;
	top: 4px;
}

@media (max-width:768px) {
	.nav-donate {
		right: 100px;
		top: 4px;
	}
}

.nav-social {
	position: absolute;
	right: 182px;
	top: 8px;
	/*width: 80px;*/
}

.social-logo-bar {
	background-color: transparent;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	position: relative;
	color: #fff;
}

.social-logo-bar li {
	display: inline-block;
	/*float: left;*/
	/*width: 25%;*/
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	font-family: "open-sans","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: 1em;
}

.social-logo-bar li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0px 8px;
	color: #fff;
}

.social-logo-bar li > a:hover, .social-logo-bar li > a:hover i {
	text-decoration: none;
	color: #2eb1d7;
}

@media (max-width:768px) {
	.nav-social {
		right: 10px;
		top: 60px;
		/*width: 80px;*/
	}

	.social-logo-bar li {
		font-size: 1.5em;
	}

	.social-logo-bar li > a {
		padding: 0px 8px;
	}
}

@media (max-width:320px) {
	.nav-social {
		right: 6px;
		top: 60px;
		/*width: 80px;*/
	}

	.social-logo-bar li {
		font-size: 1.1em;
	}

	.social-logo-bar li > a {
		padding: 0px 3px;
	}
}

/******************/

.footer-logo-bar {
	background-color: #464c5a;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	position: relative;
	color: #fff;
}

.footer-logo-bar li {
	display: inline-block;
	float: left;
	/*width: 25%;*/
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	font-family: "open-sans","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: 2em;
}

.footer-logo-bar li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 16px 10px;
	color: #fff;
}

.footer-logo-bar li.logo-bar-mci a {
	height: 50px;
	padding: 16px 10px; /* mobile-size */
}

.footer-logo-bar li > a:hover {
	text-decoration: none;
}

.footer-logo-bar li:hover {
	background-color: #3b3f4a;
}

.logo-mci {
	background: url('../images/site/mci_logo_ltblueshadow.png') center center no-repeat;
	background-size: auto 80%;
}

.footer-logo-bar .link-name {
		display: none;
	}

@media (min-width:600px) {
	.footer-logo-bar li {
		font-size: inherit;
	}

	.footer-logo-bar li > a {
		padding: 30px 10px;
	}

	.footer-logo-bar .link-name {
		display: inline;
	}
}

@media (min-width:768px) {
	.footer-logo-bar li.logo-bar-mci a {
		height: 100%;
		padding: 30px 10px; /* regular-size */
	}
}

/* End FOOTER */

.article-padded {
	padding-top: 8px;
	padding-bottom: 8px;
}

.caption {
	font-family: "Open Sans Condensed", "Roboto Condensed","Droid Sans Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 0.9em;
	font-weight: 300;
}

.pagetitle {
	text-shadow: 1px 2px 3px #333;
	text-shadow: 1px 2px 3px rgba(0,0,0,0.3);
	padding-left:8px;
	padding-right:8px;"
}

.left {
	float: left;
}
.right {
	float: right;
}

.full {
	width: 100%;
}

.automargin {
	margin: 0 auto 0 auto;
}

.searchform {
	position: absolute;
	z-index: 20;
}
.searchform fieldset {
    border: medium none;
    padding: 0;
	float: right;
}

.donatenow {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #e9b707;
	margin-right: 8px;
}

a.donatenow {
	text-decoration: none;
	clear: both;
	float: right;
	display: block;
	margin-top: 12px;
	padding: 6px;
	background-color: #FF8900;
	color: white
}
a.donatenow:hover, a.donatenow:active {
	text-decoration: underline;
	background-color: #FCA644;
}

.donate_wrapper {
    position: absolute;
    width: 218px;
    height: 96px;
    bottom: 6px;
    right: 0px;
    background: url('../images/site/donate/donate_button_dolphin.png') no-repeat scroll 0px 0px;
    z-index: 10;
}

.donate_clearbutton {
    position: relative;
    display: block;
    width: 144px;
    height: 33px;
    top: 50px;
    left: 5px;
    text-indent: -9999px;
    overflow: hidden;
}

.donate_clearbutton:hover {
    background-color: rgba(255,255,255,0.1);
}

.facebook_button, .twitter_button {
	display: inline-block;
	width: 73px;
	height: 28px;
	text-indent: -9999px;
	overflow: hidden;
}
.facebook_button {
	background: url('../images/site/socialmedia_buttons.png') no-repeat scroll 0px 0px;
}
.twitter_button {
	background: url('../images/site/socialmedia_buttons.png') no-repeat scroll 0px -100px;
}

.footer {
	background: url('../images/site/bg_vert_gradient_gray.png') repeat-x scroll 0px 0px #FFF;
	border-top: 1px solid #999999;
}
.footer_content {
	width: 960px;
	margin: 0 auto;
	font-size:16px;
	font-family:Georgia,'Times New Roman',Times,serif;
	min-height:75px; 
	padding:6px;
}

.banner_image_holder {
	position: relative;
	/*width: 772px;*/
	width: 100%;
	height: 274px;
	overflow: hidden;
}
.banner_image_holder_inner {
	height: 100%;
	background-color: black;
	overflow: hidden;
}
.banner_right {
	width:415px;
	height: 274px;
	background:;
	position: absolute;
	top: 0;
	right: 0;
	background: url('../images/site/bg_banner_quote.png') no-repeat scroll top right;
}
.banner_text {
	float: right;
	width:230px;
	height: 274px;
	padding: 10px;
	padding-top: 50px;
	line-height: 160%;
	font-family: "minion-pro",Georgia,serif;
	font-style: italic;
	color: #fff;
	font-size: 20px;
}

.banner_text p {
	margin: 0;
	padding: 0;
}

.column_feature_bg_top {
	border:1px solid #dfdfdf;
	background: url('../images/site/headers/header_bluegray_gradient.png') repeat-x scroll top left;
}

.column_feature_bg_left {
	margin-left:-1px;
	margin-right:-1px;
	background: url('../images/site/headers/header_bluegray_leftline.png') no-repeat scroll top left;
}

.column_feature_bg_right {
	padding:8px;
	background: url('../images/site/headers/header_bluegray_rightline.png') no-repeat scroll top right;
}

.btn-callout, .btn-support {
	display: inline-block;
	/*height: 1.2em;*/
	padding: .05em .3em;
	border-radius: 3px;
	border: 2px solid #38C5DF;
	background-color: #2eb1d7;
	font-weight: bold;
	font-style: normal;
	font-family: "open-sans","Helvetica-Neue","Droid Sans",sans-serif;
	letter-spacing: 0.05em;
	text-decoration: none;
	color: #fff !important;
	box-shadow: 0px 3px 0px 0px rgba(30,116,140,0.8);
}

.btn-callout:hover {
	color: #fff !important;
	text-decoration: none;
	background-color: #09ABD7;
}

.btn-callout:after {
	content: "\E080";
	font-family: 'Glyphicons Halflings';
	font-weight: normal;
	color: #aaeeff !important;
	margin-left: 0.3em;
}

.btn-support {
	border: 2px solid #eea236;
	background-color: #f0ad4e;
	box-shadow: 0px 3px 0px 0px rgba(186,119,37,0.8);
}

.btn-support:hover {
	background-color: #eea236;
}

.btn-support:after {
	color: #f9d889 !important;
}

/**********************/
/* Fluid video embeds */

.videoOuterWrapper {
	position: relative;
	max-width: 1000px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* TIDE BLOG */

.tide-title {
	text-align:center;
	border-top: 1px solid #2eb1d7;
}

.tide-title a:link, .tide-title a:visited {
	color: #2eb1d7;
}

.feed-entry {
	border-radius: 2px 0 0 0;
	border-top: 1px solid #2eb1d7;
}
.feed-entry-blog {
	border-top: 1px solid #2eb1d7;
}
.feed-entry-newsrelease {
	border-top: 1px solid #0cda63;
}
.feed-entry-inthenews {
	border-top: 1px solid #ecbd00;
}
.feed-category {
	display: inline-block;
	background-color: #2eb1d7;
	border-radius: 2px 0 2px 2px;
	padding: 2px;
	color: #fff;
}
.feed-entry-blog .feed-category {
	background-color: #2eb1d7; /* turquoise */
}
.feed-entry-newsrelease .feed-category {
	background-color: #0cda63; /* green */
}
.feed-entry-inthenews .feed-category {
	background-color: #ecbd00; /* yellow */
}
.feed-date {
	font-style: italic;
	font-weight: 300;
	color: #aaa;
	float: right;
}
.feed-title {}
.feed-summary {}



/* End TIDE BLOG */

.newsletter-form {
	/*border-top: 1px solid #2eb1d7;*/
}

/* TOP TEN MOSAIC */

.mosaic-panel {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mosaic-item {
	display: inline-block;
	margin:0;
	padding: 8px;
	position: static;
}

.mosaic-image {
	display: block;
	width: 100%;
	height: auto;
}

.mosaic-instructions {
	display: none;
}

.mosaic-category {
	font-size: 0.9em;
	font-style: italic;
	color: #777;
}

.mosaic-category i {
	font-size: 1.4em;
}


/* End TOP TEN MOSAIC */

.content-image-wrapper img {
	border: 1px solid #2eb1d7;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	max-width: 100%;
	height: auto;
}

.sargasso_map_table {
	border-spacing: 8px 4px;
}

.sargasso_map {
	vertical-align:top;
	width: 240px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	margin-left: 8px;
	margin-bottom: 8px;
	padding: 4px;
	line-height: 125%;
}

.sargasso_map h4, .sargasso_map h5 {
	margin: 0;
	padding: 0;
}

.sargasso_map .map_fields, .sargasso_map .blurb {
	text-align: left;
}

.sargasso_map .map_subtitle {
	display: block;
	font-weight: bold;
}

.document-gallery .document, .document-gallery .document .document-thumb  {
	text-align: center;
	font-size: .8em;
}
.document-gallery .document p {
	line-height: 1.2;
}
.document-gallery .document .document-thumb img {
	border: 1px solid #2eb1d7;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	margin-bottom: 4px;
}
.document-gallery .document  {
	padding: 0 8px;
	width: 200px;
	min-height: 220px;
	float: left;
}

/* Re-usable logos
	------------------------------------------------------- */

/* press */
[class*='press-logo-'] {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 30%;
	background: url(../images/logos/press-logos.png) 0 0 no-repeat;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	opacity: .5;
}

.dark [class*='press-logo-'] {
	background-image: url(../images/logos/press-logos-dark.png);
}

a[class*='press-logo-']:hover {
	opacity: .75;
}

.press-logo-ap                 { background-position: 0 0%;}
.press-logo-pbs-newshour       { background-position: 0 5%;}
.press-logo-bbc-worldnews      { background-position: 0 10%;}
.press-logo-cbsnews            { background-position: 0 15%;}
.press-logo-abcnews            { background-position: 0 20%;}
.press-logo-wp                 { background-position: 0 25%;}
.press-logo-huffpo             { background-position: 0 30%;}
.press-logo-nature             { background-position: 0 35%;}
.press-logo-guardian           { background-position: 0 40%;}
.press-logo-csmonitor          { background-position: 0 45%;}
.press-logo-bostonglobe        { background-position: 0 50%;}
.press-logo-quartz             { background-position: 0 55%;}
.press-logo-vox                { background-position: 0 60%;}
.press-logo-natgeo             { background-position: 0 65%;}
.press-logo-seattletimes       { background-position: 0 70%;}
.press-logo-e-and-e            { background-position: 0 75%;}
.press-logo-komo4              { background-position: 0 80%;}


/*********** Quote Flip Cards **************/
.hidequote {
	position: absolute;
	visibility: hidden;
	z-index: -9999;
}

.contain {
	position:relative; 
}

.quiet {
	color: #7f7f7f;
	color: rgba(0,0,0,.5);
}

.prose {
	line-height:1.3em; 
}

.truncate {
	/*text-overflow:ellipsis;*/
	/*white-space:nowrap;*/
	overflow:hidden;
}

.pin-top, .pin-right, .pin-bottom, .pin-left {
	position: absolute;
}

.pin-bottom {
	right: 0;
	bottom: 0;
	left: 0;
}

.pin-top {
	right: 0;
	top: 0;
	left: 0;
}

.quotebox {
	-ms-touch-action: none;
	overflow: auto;
	position: relative;
	touch-action: none;
}

.quote {
	min-height: 180px;
	width: 100%;
	padding-bottom: 60px;
	overflow:hidden;
	background: #fff;
	border: 1px solid #e5e5e5;
	font-family: "minion-pro",Georgia,serif;serif;
	font-size: 1.2em;
	font-weight: 400;
	font-style: italic;
}

.quote .brand {
	background: rgba(0,0,0,.05);
	padding: 20px 10px;
	height: 60px;
	line-height: 1.25em;
	text-align: center;
	display: table;
	width: 100%;
	right: 0;
	left: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

.quote .brand .brandname {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	letter-spacing: -0.04em;
}

.quote .brand .brandinfo {
	font-family: 'Open Sans', serif;
	font-size: 0.8em;
	font-weight: 400;
	font-style: italic;
	line-height: 1.1;
	letter-spacing: 0;
}

.quote .brand.pin-bottom .brandname:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: -10px;
	left: 0;
	right: 0;
	margin: auto;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgba(0,0,0,0.05);
}

a.quote, a.quote:visited {
	text-decoration: none;
}

.quote:hover {
	background: rgb(244,244,244);
}

.quote .prose {
	display: block;
	padding: 20px 10px;
	text-align: left;
}

.quote .prose::before {
	content: '“ ';
	position: absolute;
	text-align: left;
	white-space: pre;
	top:0;
	left:0;
	font-family: Georgia, serif;
	font-size: 300px;
	line-height: 250px;
	opacity: 0.1;
}

.quote .prose::after {
	content: '';
	position: absolute;
	top:0;
	right:0;
	font-size: 300px;
	line-height: 250px;
	opacity: 0.1;
}

/**********************/
/* SeaStates */
.seastates_g20_hero {
	background: url('http://www.marine-conservation.org/media/filer_public_thumbnails/filer_public_thumbnails/filer_public/2014/11/17/seastates_g20_2014_bgbanner_fD5cuR5.jpg__1200x550_q85_subsampling-2.jpg') 0 0 no-repeat;
	background-size: cover;

/**********************/
/* Social Share Buttons */
.fb-like, .fb-iframe-widget {
	z-index: 9999; /* Make fb like popup show on top of post content, not under it */
}

/**********************/
/* Blog Wordpress styles */

/* Add plural "s" to end of News Release category */
.widget_categories .cat-item-163 > a:after {
	content: 's';
}