html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0; padding: 0; border: 0; border:none; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

table {border-collapse: collapse; border-spacing: 0;}

hr {display: block; height: .1em; border: 0; border-top: 1px solid #D5D5D5; margin: 1em 0; padding: 0 0 1px 0; clear:both; background-color:#FFFFFF;}

/**********************************************************************************/
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  background: #ABB7C2; 
}
   
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body	{
	max-width: 60rem;
	margin: 0 auto;
	color: #333;
	box-shadow: 0 0 .2rem 0.2rem #252525;	
	font: 16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	display:flex;
	flex-direction:column;
}

header	{	
	display: flex;	
	align-items: flex-start;
	background-color:#252525;
	font-size:1.25rem;
	padding:.25rem;
	color:#fff;	
}

.siteHeaderLogoText	{
	display: flex;	
	width:auto;
}

.siteHeaderLogoText	a img {
	margin-top:.25rem;
}

.siteHeaderLogoText p	{
	margin: 0 0 0 1.5rem; padding:0; text-align:left; 
}

.siteHeaderLogoText p span.banner-decorated-text	{margin-left:-.25rem;}

.siteHeaderLogoText p span.Lifetext, .siteHeaderLogoText p span.SCDNRtext	{margin-left: 0;}

.headerSearch	{margin-left:auto;  position:relative; right:0%;
	font-size:.90rem;
	width:14rem; 
	text-align:right;	
}

.headerSearch form input#textBox	{width:11rem;}


h1, h2, h3, h4, h5, h6 {
	text-align:left; 
	font-weight: bold; 
	width:100%;
	margin:1rem 0;
	clear:both;
}

h1 {font-size: 1.5rem;}
h2 {font-size: 1.25rem;}	
h3 {font-size: 1.15rem;}	
h4 {font-size: 1.15rem;}	
h5 {font-size: 1.15rem;}	
h6 {font-size: 1.15rem;} 

.clear	{clear:both;}

div.IECompatibility	{display:none;}

hr	{color:#000000; border: 0; height: 1px; margin: 2em 0; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}

sub 			{font: Verdana, Arial, Helvetica, sans-serif; position: relative; top: 3px; text-decoration: none; line-height: 0px; vertical-align:baseline; font-size: 80%;}
sup				{font: Verdana, Arial, Helvetica, sans-serif; position: relative; top: -5px; text-decoration: none; line-height: 0px; vertical-align:baseline; font-size: 80%;}


main p, footer p	{
	text-align:left; 
	margin:1rem 0;
	line-height:1.5em;
	width:100%;
}
.cleardiv	{clear:both;}
br.less600	{display:none;}
.floatR		{float:right; clear:left; margin: 0 .5rem .5rem 2rem;}
.floatL		{float:left; clear:right; margin: 0 2rem .5rem .5rem;}
img.floatR		{float:right; clear:left; margin: .5rem .5rem .5rem 2rem;}
img.floatL		{float:left; clear:right; margin: .5rem 2rem .5rem .5rem;}

section	{margin:0; padding:0;}

main ul	{padding-left: 1.5rem}
main ul li 	{line-height: 1.75rem; list-style-type: disc;}
main ul li ul li 	{line-height: 1.75rem; list-style-type: circle;}
main ul li ul li ul li	{line-height: 1.75rem; list-style-type:square;}

main ol	{padding-left: 1.5rem; list-style-type: decimal;}
main ol li 	{line-height: 1.75rem;}
main ol li ol		{list-style-type:upper-alpha;}
main ol li ol li 	{line-height: 1.75rem;}
main ol li ol li ol		{list-style-type:lower-roman;}
main ol li ol li ol li	{line-height: 1.75rem; }

ul.moreSpace li, ol.moreSpace li  {margin: 1rem 0;}
ul.leftList {padding-left:1rem;}


.socialLinks  {margin:.25rem .125rem 0 0; width: 10.75rem; text-align:right; float:right; clear:left;}
.socialLinks div { display:inline;}
.socialLinks div a img	{border-radius:.125rem;}


main	{
	font-family: Verdana, Arial, sans-serif;
	padding: 0 1.25rem 2rem 1.25rem;
	max-width: 60rem;
	clear:both;
	background-color:#ffffff;
}

p.h1Mimic	{width: 100%; font-weight:bold; font-size:1.75rem;}

.photoright {
	width: 24.375rem;
	margin-top:.5rem;
}

.photoright p {font-size: .80em;}

.photoright img {
	border-radius:.25em; box-shadow: 0 0 .2em 0.1em #C0C0C0;
	margin: 0;	
	width:100%;
}

.photo {
	max-width: 800px; 
	margin: 0 auto;
}

.photo img {
	border-radius:.25em; box-shadow: 0 0 .2em 0.1em #C0C0C0;
	margin: 0;	
	width:85%;
}

.photoright img.noborder  {box-shadow:none;}

p.byDate span	{margin-top:0; display:block; font-weight:bold;}
p.byDate span.byAuthor	{}

footer	{
	font-family: Verdana, Arial, sans-serif;	
	margin-top:auto; 
	background-color: #ebebeb; 
	padding: 1rem 1.25rem 1rem 1.25rem;
	align-self:flex-end;
	width:100%;
	font-size:.8rem;
	display:flex;
	flex-wrap: no-wrap;
	}

footer div	{flex: 1 1 32%; }
div.mediaContacts	{padding-left:3%;}
footer div.moreNews	{padding-left:5%;}

footer div h5, footer div h6	{
	margin-top:.5rem;	
}

/*footer ul#social  {
	width:100%;
	margin: .5rem auto;
	padding: 0;
	list-style-type: none;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	display:flex;
	justify-content:center;
}
footer ul#social li {
	margin: 0 .5rem; 
	padding:0;
	display: inline;
}

footer ul#social li a {margin: 0;
	padding: 0;
	text-decoration: none;
	color: #000;
	font-weight:bold;
}*/

footer ul#social  {
	width:100%;
	margin: .5rem 0;
	padding: 0;
	list-style-type: none;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	display:flex;
	justify-content:flex-start;
}
footer ul#social li {
	margin: 0 .85rem 0 0; 
	padding:0;
	display: inline;
}

footer ul#social li a {margin: 0;
	padding: 0;
	text-decoration: none;
	color: #000;
	font-weight:bold;
}

div.articleEmphasis		{
	margin: 0rem 0rem 1rem .5rem; 
	padding:0 .5rem; 
	border-radius:.25em; 
	box-shadow: 0 0 .125em 0.1em #898989; 
	background-color: #ebebeb;
}

div.articleEmphasis h2	{
	margin:.5rem 0;
}
 	
div.articleEmphasis	ul	{
	margin-top:0; 
	padding-top:0;
}

.yellowAttention	{width: 99%; margin:0 auto; border-radius:.5em; border:1px solid #000000; background-color:#FFC; padding:.5em;}

table.newsrelease	{width: 99%; margin:0 auto 1rem auto; background-color: #D1CDC3; border-collapse:collapse; border:1px solid #000000;}
table.newsrelease th td			{background-color: #B4BD91; color:#000000; border:1px solid #000000;}
table.newsrelease th:first-child			{border:1px solid #000000;}
table.newsrelease th td span		{font-weight:normal;}
table.newsrelease tr.lightbrown td		{background-color:#FFFFFF;}
table.newsrelease tr.darkbrown td			{background-color: #E0E0E0;}
table.newsrelease tr.breakheader			{padding: 4px 0;}
table.newsrelease tr.breakheader td		{background-color:#DEEAC9; text-align:left; font-weight:bold;}
table.newsrelease td.species span		{font-weight:normal;}
table.newsrelease td		{vertical-align:top; background-color:#FFFFFF; border:1px solid #000000; padding:.5rem;}
table.newsrelease td.speciesgroupspecificinfo	{vertical-align:middle;}
table.newsrelease td ul	{padding-left:20px; margin-left:0px; margin-top:0px}

table.newsrelease tr td.lightbrown		{background-color:#FFFFFF;}
table.newsrelease tr td.darkbrown			{background-color: #E0E0E0;}

.buttonLink2 	{clear:both; flex:1 1 50%; margin: 3rem auto 0 auto; padding:0; flex-direction: column; flex-wrap:no-wrap; width:50%; justify-content:center; }

.buttonLink2 p 	{color: #000000; text-decoration: none; font-weight: bold; text-align:left; margin-bottom:1em; text-align:center;
					border: .063em solid #FFFFFF; border-radius: .5em;
					background-color:#9ABA8B; padding:0.625em; 
					background: -webkit-gradient(linear, left top, left bottom, from(#9ABA8B), to(#D1DECA));
					background: -moz-linear-gradient(top,  #9ABA8B,  #D1DECA);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ABA8B', endColorstr='#D1DECA');
					background-image: linear-gradient(to bottom, #9ABA8B 0%, #D1DECA 100%);
					background-image: -ms-linear-gradient(top, #9ABA8B 0%, #D1DECA 100%); }
.buttonLink2 p a, .buttonLink2 p a:link	{color: #000000; text-decoration: none; font-weight: bold;  text-align:left;
					}
.buttonLink2 p:hover	{background-color:#D1DECA;
					background: -webkit-gradient(linear, left top, left bottom, from(#D1DECA), to(#9ABA8B));
					background: -moz-linear-gradient(top,  #D1DECA,  #9ABA8B);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1DECA', endColorstr='#9ABA8B');
					background-image: linear-gradient(to bottom, #D1DECA 0%, #9ABA8B 100%);
					background-image: -ms-linear-gradient(top, #D1DECA 0%, #9ABA8B 100%);}


section.quickLinks ul	{
	list-style-type:none;
	display:flex;
	flex-wrap:no-wrap;
	flex-direction:column;
	margin-top:0;
	padding-left:0;
	
}

section.quickLinks li	{
	flex:1 1 50%;
	padding:.2rem 0;
	margin:.25rem 0;
	display:flex;
	width: auto;
}
 
section.quickLinks a, section.quickLinks a:link	{font-weight:bold;text-align:left;
	text-decoration:none;
	flex:1 1 50%;
	/*flex:1 1 calc(100% - .25rem);*/
	color: #000000;
	box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.7);
	background-color:#EAF7F7;
	background: -webkit-gradient(linear, left top, left bottom, from(#EAF7F7), to(#9BC1C1));
	background: -moz-linear-gradient(top,  #EAF7F7,  #9BC1C1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAF7F7', endColorstr='#9BC1C1');
	background-image: linear-gradient(to bottom, #EAF7F7 0%, #9BC1C1 100%);
	background-image: -ms-linear-gradient(top, #EAF7F7 0%, #9BC1C1 100%);
	border-radius:.25rem;
	padding:1rem;
}

section.quickLinks a:hover, section.quickLinks a.selected	{
	background-color:#9BC1C1;
	background: -webkit-gradient(linear, left top, left bottom, from(#9BC1C1), to(#EAF7F7));
	background: -moz-linear-gradient(top,  #9BC1C1,  #9BC1C1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BC1C1', endColorstr='#EAF7F7');
	background-image: linear-gradient(to bottom, #9BC1C1 0%, #EAF7F7 100%);
	background-image: -ms-linear-gradient(top, #9BC1C1 0%, #EAF7F7 100%);
}


section#gallery		{width:98%; margin: 3em 1% ; display:flex; flex-wrap:wrap; justify-content: center; align-items: baseline;}
section#gallery	 a, section#gallery	 a:link, section#gallery a:visited 	{border:none; margin-bottom: 1rem; text-decoration:none; margin-right:.6rem}
section#gallery	 a img	{display:block; border:none; border-radius:.25em; box-shadow: 0 0 .2em 0.1em #C0C0C0; width:9.375rem; height:6.25rem; }
section#gallery	 a:hover img	{box-shadow: 0 0 .2em 0.1em #828282;}

section#gallerySide		{width: 24.375rem; margin: 0 0 2em 0; display:flex; flex-wrap:wrap; justify-content: center; align-items: baseline;}
section#gallerySide	 a, section#gallerySide	 a:link, section#gallerySide a:visited 	{border:none; margin-bottom: 1rem; text-decoration:none; margin-right:.6rem}
section#gallerySide	 a img	{display:block; border:none; border-radius:.25em; box-shadow: 0 0 .2em 0.1em #C0C0C0; width:9.375rem; height:6.25rem; }
section#gallerySide	 a:hover img	{box-shadow: 0 0 .2em 0.1em #828282;}


div.horizontalImages {margin: 2rem auto;}
div.horizontalImages ul	{padding-left:0; margin-left:0;
	list-style-type:none;
	display:flex;
	flex-wrap:nowrap;
	flex-direction:row;
	justify-content: space-between;}
div.horizontalImages li	{flex: 1 1 auto;list-style-type:none; padding-left:0; margin-left:0; text-align:center; }
div.horizontalImages li img	{}
div.horizontalImages li span	{display:block;}
div.horizontalImages ul.fiveAcross li	{flex: 1 1 19%;}
div.horizontalImages ul.fourAcross li	{flex: 1 1 24%;}



ul.menu  li a.first {
	background-color: #8a3b25;
	color:#FFF;
}


ul.newsUpdates li	{
	font-size:1rem;
	margin-bottom:1rem;
}

ul.newsUpdates li span	{
	display:block;
}

hr.style-two {clear:both; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }

main.newsUpdates section a, main.newsUpdates section a:link 	{
	text-decoration:none;
	}

section.updatesTop, section.updatesSecond, section.updatesThird	{
	display:flex;
	flex-wrap: no-wrap;
	justify-content: space-around;
	margin-top:0;
	max-width:57.5rem;
}

section.updatesTop article, section.updatesSecond article, section.updatesThird article	{
	display:flex;
	flex-direction:column;
	margin-top:1rem;
	margin: .25rem;
}

section.updatesTop article h2, section.updatesSecond article h2, section.updatesThird article h2	 {
	order: 1;
	font-size: .9rem;
	margin-bottom:auto;
	margin-top: .5rem;
}


section.newsArticles section article a img	{
	order: 2;	
	margin: 0 auto;	
	
}

section.updatesTop article a img	{
	max-width: 57.5rem; /* This is 920 px and the height should be at least 300px */
	width: 100%;
		
}

section.updatesSecond, section.updatesThird	{
	display:flex; flex-wrap: wrap;
}

section.updatesSecond article img, section.updatesThird article img	{
	width: 100%;	
}


section.updatesSecond article	{
	display:flex;
	flex-direction:column;
	flex: 1 1 49%;
	max-width: 24.375rem;
	margin: .25rem;
}

section.updatesThird article, section.newsBlogs article	{
	display:flex;
	flex-direction:column;
	flex: 1 1 30%;
	max-width:15rem;
	margin:.25rem;	
}



section.newsBlogs	{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top:0;
	max-width: 57.5rem;
	font-size:.85rem;
	}



section.newsBlogs article h2 {
	display:flex;
	flex-wrap:no-wrap;
	font-size:1rem;
	width:99%;
	margin: 0 auto;	
}

section.newsBlogs article h2 a, section.newsBlogs article h2 a:link	{
	margin-right:1rem;
	font-size:.9rem;
	margin-top:.4rem;
}

section.newsBlogs article h2 img	{
	margin-left:auto;
	max-width: 6.25rem;
	margin-top:none; 
}

section.newsBlogs article img	{
	margin: .5rem .5%;
	width:99%; 
}

ul.news

ul#addnews2		{width: 22rem;}
ul#addnews2 li	{clear:right; margin-top:1rem;}
ul#addnews2 li span	{width: auto; float:right; margin-left:1rem; }
ul#addnews2 li span a, ul#addnews2 li span a:link	{margin-right: 1rem;}


@media (max-width: 59.9999rem) {
body	{width:100%;
	box-shadow:none;
	background-color:#fff;
}	

.headerSearch	{margin-right:.5rem; position:absolute;}



}



/* This is when the hamburger menu pops up and the top banner text consolidates */
@media (max-width: 46rem) {

header	{
	display:flex;
	flex-wrap:wrap;
}

.siteHeaderLogoText	{
	font-weight:bold;
	font-size:1rem;
	height: 3.5rem;
}

.siteHeaderLogoText	a img {
	width: auto;	
	margin:0;
}
.siteHeaderLogoText	a.SCDNRlogo img {
	width: 2.93rem;	
	margin:0;
}

.siteHeaderLogoText p span.Lifetext					{display:none;}
.siteHeaderLogoText p span.banner-decorated-text	{display:none;}
.siteHeaderLogoText p span.SCDNRtext				{font-size:.80rem; position:relative; top:0; left:-.5rem;}
br.less600	{display:block;}

.floatR, .floatL	{
	float:none; 
	clear:left; 
	margin:0; 
	
}

img.floatR, img.floatL	{
	float:none; 
	clear:left; 
	margin:0 auto;	
}

.photoright	{margin-bottom:2rem;}
.photoright img {margin-top:1rem;}


footer	{
	display:flex;
	flex-direction:column;
	justify-content: space-evenly;	
	}
	
footer div	{
	flex: 1 1 auto;		
}

div.mediaContacts	{padding-left:0;}
footer div.moreNews	{padding-left:0;}


div.mediaContacts	{margin-left: 0;}

ul#addnews2		{width: auto; padding-left: 1rem; }
ul#addnews2 li	{}
ul#addnews2 li span	{display:block; float:none; margin: .5rem 0 0 0;}
ul#addnews2 li span a.linkSpan	{display:block; margin-top:.5rem;}

section.updatesSecond article, section.updatesThird article, section.newsBlogs article	{
	
	flex: 1 1 auto;
	margin: 2rem .25rem .25rem .25rem;
}


section.updatesTop article h2, section.updatesSecond article h2, section.updatesThird article h2	 {	
	font-size: .85rem;	
}

ul#buttonNav 	{list-style-type:none; width:100%; margin: 3em 0; padding:0; text-align:left;}
ul#buttonNav li	{width: 100%; height:3.125em; display:block; padding:0; margin:.5em 0; list-style-type:none; border:none; }



div.horizontalImages ul	{flex-wrap:wrap;}
div.horizontalImages ul.fiveAcross li, div.horizontalImages ul.fourAcross li	{flex: 1 1 50%;}




}

/* The search bar and news release sharing buttons drop under the banner logo */
@media (max-width: 32rem) {
main	{padding: 0 .5rem 2rem .5rem;}

div.articleEmphasis	{
	box-shadow:none;
	background-color:#fff;
}
.floatR, .floatL	{
	float:none; 
	clear:left; 
	margin:0;	
}

img.floatR, img.floatL	{
	float:none; 
	clear:left; 
	margin:0 auto;	
}

header	{
	min-height: 6rem;
	overflow:visible;
}

.siteHeaderLogoText	{
	font-weight:bold;
	font-size:1rem;
	height: 3.5rem;
}

.siteHeaderLogoText	a img {
	width: auto;	
	margin:0;
}
.siteHeaderLogoText	a.SCDNRlogo img {
	width: 2.93rem;	
	margin:0;
}

.siteHeaderLogoText p span.Lifetext					{display:none;}
.siteHeaderLogoText p span.banner-decorated-text	{display:none;}
.siteHeaderLogoText p span.SCDNRtext				{font-size:.80rem; position:relative; top:0; left:-.5rem; }


br.less600	{display:block;}

.headerSearch	{
	font-size:1.15rem;
	width:99%;
	text-align:left;
	margin-right:auto;  
	position:relative; left:0%;
	padding-top:0;
	margin-top:0;
}

.headerSearch form input#textBox	{
	text-align:left; 
	width:11rem;
}

#housekeep {
	margin: .5rem 0 0 0;
	text-align:left;
	font-size: 0.80rem;
}

.socialLinks  {text-align:left; float:none; width:auto;}

section#gallerySide		{width: 98%; margin: 3em 1% ; display:flex; flex-wrap:wrap; justify-content: center; align-items: baseline;}

section.updatesSecond article:first-child, section.updatesThird article:first-child	{margin-top:.25rem;}


.buttonLink2 	{flex:1 1 auto; margin: .5rem 0; padding:0; flex-direction: column; flex-wrap:wrap; width:100%; }


}

@media (max-width: 26.5rem) {
.floatR, .floatL	{
	float:none; 
	clear:left; 
	margin:0; 
	padding:0;
	width:99%;
}

.siteHeaderLogoText p span.SCDNRtext				{font-size:.78rem;}
section.updatesThird article, section.newsBlogs article	{	
	flex: 1 1 100%;
	max-width:100%;
}


}