h2 {
	font-size:28px;
	line-height: 145%;
	margin-top: 0;
}
.page-title-xlarge {
	font-size: 48px;
	font-weight: 300;
}
a {
	color: #0088cc;
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: underline;
}
p {
	line-height: 145%;
}
hr {
	clear: both;
	margin: 10px 0;
}
.hidden {
	visibility: hidden;
	display: none !important;
}
.no-diplay-but-yes-print {
	display: none;
}
.print-header-container {
	display: inline-block;
	padding-left: 55px;
}
.print-header {
	display: block;
	font-size: 20px;
	margin: 0;
	line-height: 1.5em;
}
.print-subheader {
	font-size: 14px;
	font-weight: 300;
}
.breadcrumb {
  padding: 0;
  margin: 0 0 20px;
  list-style: none;
  background-color: rgba(0, 0, 0, 0);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.breadcrumb [class^="icon-"] {
  opacity: .25;
}

.[class*=" icon-"] {
  opacity: .8;
}
.well.clear {
    background-color: rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-top: 10px;
    border: none;
    box-shadow: none;
}
/*.unstyled.blue-bullet li:before{
	content: "•";
	color: #BACED3;
	padding-left: 7px;
	padding-right: 7px; 
}*/
figcaption{font-size:12px; font-style:italic; }
#topsearch div.input-append .search-query {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	height: 24px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#topsearch div.input-append button.btn.btn-primary {
	background: #adc0cc;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	height: 25px;
	line-height: 15px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

header {
	padding-top: 5px;
	margin-bottom: 10px;
	background: #1c3a6d;
	border-bottom: 1px solid #182a45;
}

header {
	background: #335686;
	background: -moz-radial-gradient(center, ellipse cover, #335686 0%, #1c3a6d 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #335686), color-stop(100%, #1c3a6d));
	background: -webkit-radial-gradient(center, ellipse cover, #335686 0%, #1c3a6d 100%);
	background: -o-radial-gradient(center, ellipse cover, #335686 0%, #1c3a6d 100%);
	background: -ms-radial-gradient(center, ellipse cover, #335686 0%, #1c3a6d 100%);
	background: radial-gradient(ellipse at center, #335686 0%, #1c3a6d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#335686', endColorstr='#1c3a6d', GradientType=1 );
}
#home header {
	margin-bottom: 0;
	padding-bottom: 45px;
}
nav {
	clear: both;
}
nav ul {
	list-style: none;
}
nav li {
	display: inline;
	padding-left: 15px;
}
nav li a {
	display: inline-block;
	position: relative;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
}
nav li a:hover {
	color: rgba(255, 255, 255, 0.59);
	text-decoration: none;
}
nav li ul li {
	display: normal;
	padding-left: 0;
}
nav ul ul.dropdown-menu {
	background: #f7fafb;
}
nav ul ul.dropdown-menu li a {
	color: #333;
	font-size: 12px;
	padding: 5px 15px;
	white-space: normal;
}
nav ul ul.dropdown-menu li a:hover {
	background: #336699;
	color: #fff;
}
.caret {
	border-top: 5px solid #fff;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
.dropdown-menu a {
	display: block;
	position: relative;
	border-bottom: 1px solid #efefef;
	padding: 5px 10px;
	color: #335686;
}

/* *******************
STATES MENU DROPDOWN
******************* */
.states-filter-form {
	margin: 0;
}
.states-filter {
	border-radius: 0 !important;
	height: 40px !important;
	margin: 0 !important;
	margin-bottom: 0 !important;
}
.current-state{
	padding: 5px;
	background-color: #E0ECF7;
	margin: 0;
}
.dropdown-states{
	width: 250px;
	height: 395px;
	padding: 0;
	overflow: hidden;
}
.dropdown-scroll {
	height: 350px;
	overflow-y: scroll;
}
#logo{margin:10px 0; padding-bottom:20px;}
#logo a {
	display: block;
	width: 405px;
	height: 66px;
	background: transparent url('/czm/img/ocmlogo.png') bottom left no-repeat;
}
#logo span {
	position: absolute;
	left: -99999px;
}
/* ***********************************************
FOOTER
*********************************************** */
footer {
	background: #1c3a6d;
	;
	margin-top: 30px;
	padding-top: 30px;
	color: #fff;
}
footer a {
	color: #fff;
}
footer ul {
	list-style: none;
	margin: 10px 0 0 0;
}
footer li a {
	line-height: 20px;
}
footer address {
	text-align: center;
	padding-top: 10px;
}
.footerheader {
	color: #fff;
	font-size: 16px;
	border-bottom: 1px solid #fff;
	display: block;
}
#contactModal, #contactModal a {
	color: #333;
}
.connectIcons {
	position: relative;
	height: 38px;
}
.connectIcons li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
.connectIcons li, .connectIcons a {
	height: 35px;
	display: block;
}
.connectIcons a span {
	position: absolute;
	left: -9999px;
}
.connectIcons .twitterIcon {
	left: 38px;
	width: 35px;
	background: url('/czm/img/socialButtons.png') -36px 35px;
}
.connectIcons .facebookIcon {
	left: 0;
	width: 35px;
	background: url('/czm/img/socialButtons.png') -72px 35px;
}
.connectIcons .twitterIcon:hover {
	left: 38px;
	width: 35px;
	background: url('/czm/img/socialButtons.png') -36px 0;
}
.connectIcons .facebookIcon:hover {
	left: 0;
	width: 35px;
	background: url('/czm/img/socialButtons.png') -72px 0;
}

#searchicon, #navcollapseicon {
	display: inline-block;
 *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

/*HOMEPAGE Specific */
#hpMastContainer {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	position: relative;
}
#hpMastContainer .slide {
	padding: 0;
	margin: 0;
}
#hpMastContainer #mastRegionOverlay {
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	background: rgb(28,58,109);
	background: rgba(28,58,109,0.8);
	border-top: 1px solid rgb(28,58,109);
}
#hpMastContainer #mastRegionOverlay li {
	padding: 0;
	margin: 0;
	float: left;
	height: 50px;
}
#hpMastContainer #mastRegionOverlay li a {
	display: table;
	color: #fff;
	font-size: 15px;
	float: left;
	width: 156px;
	height: 50px;
	border-right: 1px solid #666;
}
#hpMastContainer #mastRegionOverlay li a span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#hpMastContainer #mastRegionOverlay li a:hover {
	color: #fff;
	background: rgb(28,58,109);
	text-decoration: none;
}
#hpMastContainer #mastRegionOverlay li a.pi {
	border-right: none;
	width: 155px;
}
#pitch {
	color: #fff;
	/*font: 20px/28px 'LatoRegular', sans-serif;*/
	text-align: center;
	padding: 20px 0;
}
#expertise {
	/*background: #d7e3ea;*/
	padding:30px 0;
}
#expertise h3 {
	/*font: bold 22px/24px 'LatoRegular', sans-serif;*/
}
#expertise h3 a {
	color: #336699;
}
#products {
	background: #f7fafb;
	padding-top: 10px;
}
#products h3 {
	padding: 0;
	margin: 0;
	font: 18px/24px 'LatoRegular', sans-serif;
}
#products article {
	margin: 10px 0 0 0;
	float: left;
}
#dcsection {
	border-left: 1px solid #999;
	padding-left: 10px;
}
#dcsection h4 {
	font: 300 24px/28px 'LatoLight', sans-serif;
	color: #777;
	padding-top: 0;
	margin-top: 0;
}
#dcsection ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#dcsection a {
	font: 300 20px/30px 'LatoLight', sans-serif;
	color: #333;
}

.announcement {
	background-color: #0071bc;
	color: white;
	padding: 30px;
	margin-bottom: -30px;
	box-sizing: border-box;
}

	.copy {
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		max-width: 640px;
	}

		.announcement-message {
			font-size: 32px;
			text-transform: uppercase;
			font-weight: 100;
		}

	.annoucement_jumbotron-btn {
		display: inline-block;
		vertical-align: middle;
	    position: relative;
	    background-color: #1C3A6D;
	    border: 1px solid #1C3A6D;
	    font-size: 19px;
	    color: #FFF;
	    padding: 17px 0;
	    width: 275px;
	    text-align: center;
	    font-weight: 300;
	    border-radius: 4px;
	    text-transform: uppercase;
	    overflow: hidden;
	    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.30);
	    -webkit-transition: all .2s;
	    transition: all .2s;
	}

	@media (min-width: 768px) and (max-width: 979px) {
		.copy {
			width: 50%;
		}
	}

	@media (max-width: 767px) {
		.annoucement .home-jumbotron-btn {
			padding: 17px 33px;
		}
	}

	.home-jumbotron-btn:hover {
	    background-color: #fff;
	    color: #264C85;
	    text-decoration: none;
	    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.0);
	}

/*Generic*/
.even {
	padding: 10px;
}
.odd {
	background: #d7e3ea;
	padding: 10px;
}
.row--header-lightblue {
	display: block;
	position: relative;
	margin-top: -20px;
	padding: 50px 0;
	/*background-color: #B5D4F9;*/
	/*background-color: #E9F1F9;*/
	/*margin-bottom: 45px;*/
}
/*Subpages */
aside {
	background: #d7e3ea;
}
.full-mast {
	margin-bottom: 10px;
}
.smaller {
	font-size: 12px;
	line-height: 16px;
}
.subpic {
	font-size: 12px;
	line-height: 16px;
	margin-top: 10px;
}
.floatright {
	float: right;
	padding: 0 0 5px 5px;
}
.floatleft {
	float: left;
	padding: 0 5px 5px 0;
}
.ltbluContentBG {
	background: #d7e3ea;
	padding: 10px;
	margin-bottom: 20px;
}

/*Photo Gallery*/
#gallery .videoItem{ padding:10px; margin:10px; border:1px solid #eef; text-align:center; box-shadow: 5px 5px 5px #888888;}
#gallery .videoItem .videotitle{font-weight:bold;}
#gallery .videoItem img{ border:1px solid #ccc;}

/* Coastal Management Specific */

.czmtitle h2{margin-bottom:20px;}
.czmtitle p{font-size:12px;}
.full-mast{position:relative;}
.mast-caption{
    position: absolute;
right:5px;
  bottom: 5px;
  left: 5px;
  padding: 10px;
  color:#fff;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
  }

.carousel-polaroid .carousel-caption {
	margin: 5px;
}
/* Social Science Specific */
#sscience h4.ssimgheader {
	margin: -29px 0 0 5px;
	line-height: 25px;
	color: #fff;
	background: transparent url(/img/50pBlk.png);
	position: absolute;
	width: 200px;
	height: 25px;
}
@media (min-width: 768px) and (max-width: 979px) {
#sscience h4.ssimgheader {
	width: 165px;
}
}
@media (max-width: 767px) {
#sscience h4.ssimgheader {
	position: relative;
	background: none;
	position: relative;
	margin: 0;
	color: #d7e3ea;
	color: #333;
}
}
#sscience h3, #sscience h4 {
	color: #336699;
	/*font: bold 22px/24px 'LatoRegular', sans-serif;*/
}
.sslist {
	font-size: 12px;
	line-height: 16px;
}
.ssBannerText {
	background: transparent url(/img/50pBlk.png);
	position: absolute;
	bottom: 0;
}
.ssBannerHeader {
	font-size: 20px;
	color: #fff;
	padding: 5px 5px 5px 10px;
}
.ssBannerSub {
	font-size: 16px;
	color: #fff;
	padding: 0 5px 5px 10px;
}
/*Geospatial*/
#geospat h3 {
	font-size: 18px;
}
#geospat .geogrid div {
	position: relative;
}
#geospat h4.textoverimage {
	position: absolute;
	bottom: -10px;
	line-height: 12px;
	color: #d7e3ea;
	font-size: 12px;
	background: transparent url(/img/50pBlk.png);
	width: 130px;
}
@media (min-width: 768px) and (max-width: 979px) {
#geospat h4.textoverimage {
	width: 104px;
}
}
@media (max-width: 767px) {
#geospat h4.textoverimage {
	position: relative;
	text-shadow: none;
	background: none;
	margin: 5px 0 0 5px;
	padding-bottom: 0;
	bottom: 0;
	font-size: 14px;
	line-height: 16px;
	color: #d7e3ea;
	font-weight: normal;
	color: #333;
}
}
/*Training*/
#training h4.ssimgheader {
	margin: -25px 0 0 0;
	line-height: 25px;
	color: #fff;
	background: transparent url(/img/50pBlk.png);
	position: absolute;
	width: 140px;
}
@media (min-width: 768px) and (max-width: 979px) {
#training h4.ssimgheader {
	width: 104px
}
}
@media (max-width: 767px) {
#training h4.ssimgheader {
	position: relative;
	background: none;
	margin: 5px 0 0 0;
	padding-bottom: 0;
	bottom: 0;
	color: #d7e3ea;
	font-weight: normal;
	color: #333;
}
}
/*Regions*/
#regions .h3subtitle {
	font-weight: bold;
	font-size: 16px;
	padding-top: 0;
	margin-top: -5px;
	margin-bottom: 25px;
	color: #666;
}
#regions .subBlock {
	margin: -10px 0 20px 0;
}
.allinone_bannerWithPlaylist_texts {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.5);
	color: #fff;
	bottom: 0px;
	padding: 5px 0;
}
.banRegionTitle {
	font-weight: bold;
	padding-left: 5px;
	font-size: 20px;
}
.banRegionSub {
	padding-left: 5px;
	font-size: 16px;
}
.dcProd {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 15px;
}
.dcProdTitle {
	font: bold 13px/14px 'LatoRegular', Arial;
}
.dcProd .provider {
	font-weight: bold;
}
.dcProd img {
	border: 1px solid #eee;
	-moz-box-shadow: 3px 3px 4px #999;
	-webkit-box-shadow: 3px 3px 4px #999;
	box-shadow: 3px 3px 4px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
}
/*** Temp Fellow News ***/
#fellownews #breadcrumb, #breadcrumbs {
	display: none;
}
#fellownews div.NavBarX {
	background-color: #004074;
	padding: 0 1px 1px;
	padding-bottom: 0;
	width: 220px;
	margin-right: 10px;/*font-size: 0.75em;*/
}
#fellownews .nbhead {
	font-weight: bold;
	padding: 4px;
	/*font-size: 1.1em;*/
	color: #FFFFFF;
}
#fellownews .nbhead a, .nb0 a, .nb1 a, .nb2 a {
	color: #FFFFFF;
	text-decoration: none;
}
#fellownews .nb2 a {
	color: #00254E;
}
#fellownews .nb0, .nb1, .nb2 {
	background-color: #2E628D;
	font-weight: bold;
	padding: 3px 10px 3px 15px;
	border-bottom: 1px solid #004074; 
        font-size:12px;
}
#fellownews .nb1 {
	background-color: #80A0BA;
	padding: 3px 10px 3px 30px;
}
#fellownews .nb2 {
	background-color: #C2D1DE;
	font-weight: normal;
	padding: 3px 10px 3px 45px;
}
#fellownews .on {
	background-color: #FFFFFF;
}
#fellownews .on a {
	color: #004074;
}
#fellownews th .style1{color:#fff;}
#fellownews .siteheader{font: bold 28px/28px'LatoRegular', sans-serif;
	color: #336699;}
#fellownews #PageContent h2{font-size:20px;}
#fellownews #PageContent h3{font-size:18px;}

/*PSC Region*/
.pschighlight{color:#916333;}
.pscmenu-t{background:#ecf1f3 url(/regions/pacific/img/flower-t.png) top right no-repeat; }
.pscmenu-m{background:#ecf1f3; color:#5b7c84; border:2px solid #dadedf;
 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left:20px;}
.pscmenu-m h4{color:#916333;}
.pscmenu-m p a{font-size:16px; color:#5b7c84;}
	.pscmenu-m ul{list-style:none; padding:20px 20px 0 0; margin:0;}  
	.pscmenu-m li a{font-size:16px; line-height:28px; color:#5b7c84;}
	.pscmenu-m li.first a{color:#916333; font-weight:bold; }
	.pscmenu-m p{font-size:16px; line-height:28px;}
.pscmenu-b{background:#ecf1f3 url(/regions/pacific/img/flower-b.png) bottom right no-repeat; padding: 10px 20px 50px 20px;}
#psc h2{color:#782811;}
#psc #push {min-height: 340px !important; background: url(/regions/pacific/img/oceanfooter.png) top left repeat-x;}
#psc #maincontent{padding-bottom:20px;}

/* Large desktop */
@media (min-width: 1200px) {
}

/* Regular ol' Desktops */
@media (min-width: 980px) {
#navcollapse {
	float: right;
}

header {
    margin-bottom: 30px;
}
.nav-collapse.in.collapse li a {
	display: block;
}
#hpMastContainer {
	border: 5px solid #fff;
}
}


@media (max-width: 979px)
	.nav-collapse .dropdown-menu a {
	    color: #fff;
	}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.nav-collapse.in.collapse li a {
		display: block;
	}
	.nav-collapse.in.collapse {
		clear: both;
		float: right;
		margin-right: 50px;
	}
	#hpMastContainer #mastRegionOverlay {
		display: none;
	}
}
     
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.nav-collapse.in.collapse li a {
	display: block;
	color: #fff;
}
.nav-collapse.in.collapse li a:hover {
	background: none;
	text-decoration: underline;
}
#hpMastContainer #mastRegionOverlay {
	display: none;
}
body {/*OvrWrt Allows BGs to stretch*/
	padding-left: 0;
	padding-right: 0;
}
.row.phonepad {
	padding: 0 10px;
}
#logo a {
	width: 300px; background-size: 300px 49px;
}
#topsearch div.input-append button.btn.btn-primary {
	height: 30px;
	line-height: 20px;
	margin-right: 10px;
}
#expertise h2, #prodser h2, #dcsection h4 {
	/*font: bold 22px/24px 'LatoRegular', sans-serif;*/
	margin: 10px 0 0 0;
	color: #336699;
}
#expertise h3 a, #products h3 a, #dcsection li a {
	font-weight: normal;
	font-size: 18px;
	color: #000;
	padding-left: 10px;
}
#prodser {
	background: #f7fafb;
}
#products {
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}
#products article {
	clear: both;
}
#dcsection ul {
	padding: 10px 0 0 0;
}
#dcsection {
	margin-top: 20px;
	border-top: 1px solid #999;
	padding: 10px 0;
	border-left: none;
}
footer ul {
	padding: 0 0 10px 5px;
}
/*eliminates extra height from collapsed form element */  
#topsearch.collapse.in {
	position: relative;
	top: 0;
}
#topsearch.collapse {
	position: absolute;
	right: 10px;
	top: -9999px;
}
}
     
/* Landscape phones and down */
@media (max-width: 480px) {
.nav-collapse.in.collapse li a {
	display: block;
}
#logo a {
	width: 186px; background-size: 186px 31px;

}
#navcollapseicon {
	position: absolute;
	top: 37px;
	right: 50px;
}
#searchicon {
	position: absolute;
	top: 37px;
	right: 5px;
}
#dcsection {
	border: none;
}
}
/* Sticky footer styles -------------------------------------------------- */
html,  body {
	height: 100%;/* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -300px;
}
/* Set the fixed height of the footer here */
#push,  #footer {
	min-height: 300px;
}
#footer {
	background-color: #f5f5f5;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
	#footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media print {

	footer, .btn, .breadcrumb {
		display: none;
	}
	#logo span {
		position: relative;
		text-indent: 0;
	}
	.no-print { 
		display: none; 
	}
	.print-this,
	.no-diplay-but-yes-print { 
		display: block !important; 
		padding: 10px 0;
	}
	a:link:after, 
	a:visited:after { 
		content:" [" attr(href) "] "; 
	}
	.page-title-xlarge {
		font-size: 28pt
	}

}

.grli-col{
	width: 275px !important;
}