/* BEGIN GENERAL STYLES */

html,
body {

}
body {
	font-family: 'Hind', sans-serif;
	color: #484848;
	max-width: 1200px;
	margin: 0 auto;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	background: #fff;
	font-size: 18px;
	line-height: 1.22;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
}

h2 {
	font-size: 36px;
	margin-top: 42px;
}
h3 {
	font-size: 24px;
	margin-top: 25px;
}
h4 {
	font-size: 20px;
}
/*.featured-topics h2 {
	margin-top: 75px;
}*/

h2.home-page {
	/* text-align: center; */
	display: inline;
}

div.title-browse {
	margin: 50px auto 50px;
	max-width: 1107px;
}

a {
	text-decoration: none;
	color: #2a57b9;
}

a:hover {
	text-decoration: underline;
}

a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
	font-weight: normal;
}
/* hidden elements */

.hidden {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

img {
	border: 0;
}

.main-content {
	margin: 0 25px;
	outline: 0;
	position: relative;
}
th, td {
	vertical-align: top;
}
/* clearfix for clearing floated items */
.clearfix{
	zoom: 1;
}

.clearfix:after {
	clear: both;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
/* begin skip nav styles */
.skip a, .skip a:hover, .skip a:visited {
  position: absolute;
  left: -999px; }

.skip a:active, .skip a:focus {
  display: block;
  left: 0;
  z-index: 999;
  background: #fff;
  border: 1px solid #000;
  padding: 5px 5px 5px 5px; }
/* end skip nav styles */

/* END GENERAL STYLES */
/* BEGIN HEADER */

.banner {
	margin: 10px 0 0;
}

.logo {
	float: left;
	width: 50%;
}
.logo h1 {
	margin: 0; padding: 0;
}

.utility-nav {
	float: right;
	margin-bottom: 30px;
}
.utility-nav ul {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	margin: 25px 0 0;
	padding: 0;
	position: relative;
	top: 25px;
}

.utility-nav ul li {
	list-style-type: none;
	display: inline;
	margin-right: 25px;
}

.utility-nav ul li:last-child {
	margin-right: 0;
}

.utility-nav ul li.follow-us {
	margin-right: 22px;
}

.utility-nav ul li.follow-us a {
	background: url(siteimages/icons/instagram-icon.png) no-repeat center right;
	padding-right: 30px;
}

@media screen and (max-width: 850px) {
	.logo {
		float: none;
		width: 100%;
		max-width: 80%;
	}
	.utility-nav {
		float: none;
		margin-left: 35px;
	}
	.utility-nav ul {
		margin: 0;	
		top: 0;
	}
}
@media screen and (max-width: 480px) {
	.logo {
		max-width: 100%;
	}.utility-nav ul li {
    margin-right: 12px;
	font-size: 13px;
	}
	.utility-nav {
		margin-left: 20px;
	}

}
/* start browse all images/ search bar */
.search-bar-tips-container {
	width: 550px;
	float: right;
}
.browse-search-images {
	background: url(siteimages/footer-background.jpg) #173460;
	z-index: 1;
}
@media screen and (max-width: 1210px) {
	.browse-search-images {
    margin: 0 25px;
	}
}
.browse-images {
	position: relative;
}
.browse-images .dropdown-title {
	float: left;
	font-size: 25px;
	font-family: 'Montserrat', Arial, sans-serif;
	color: white;
	padding-top: 25px;
	padding-left: 15px;
	margin-left: 25px;
	margin-right: 42px;
	height: 50px;
	width: 548px;
	background: rgba(17,48,69,0.5) url(siteimages/icons/large-white-down-arrow.png) no-repeat 95% center;
}
@media screen and (max-width: 800px) {
	.browse-images .dropdown-title {
		width: 95%;
		margin-right: 0;
	}
	.search-bar-tips-container {
	  width: 100%;
	}

	.header-search {
	  height: 45px !important;
	  width: 60% !important;
	}

	.search-tips .dropdown-title {
	  padding-top: 13px !important;
	  height: 25px !important;
	  width: 35% !important;
	}
	.search-tips .dropdown-content {
		top: 45px !important;
	}
	h2 {
		font-size: 24px;
		margin-top: 24px;
	}
	h3 {
		font-size: 20px;
		margin-top: 20px;
	}
	h4 {
		font-size: 16px;
	}
	.featured-topics h2 {
		margin-top: 40px;
	}
	.disclaimer {
		display: none !important;
	}
	.home-search {
		padding-top: 30px !important;
		height: 80px !important;
	}
	.home-search .search {
		height: 45px !important;
		font-size: 20px !important;
	}
	.home-search .search-input {
		font-size: 20px !important;
	}
}

.browse-images .dropdown-title:hover {
	cursor:pointer;
}
.browse-images .dropdown-content {
	position: absolute;
	top: 75px;
	left: 25px;
	background-color: #0d3147;
	color: white;
	padding: 30px;
	text-align: right;
	z-index: 2;
}
@media screen and (max-width: 565px) {
	.browse-images .dropdown-content {
		text-align: left;
	}
	#topicid {
		width: 100%;	
	}
}




.dropdown-content .or {
	padding-right: 30px;
}
.browse-images.is-expanded .dropdown-title {
	background-color: #0d3147;
}
.browse-images .dropdown-content .formrow {
	float: none;
	margin-right: 0;
}
.browse-images label {
	color: white;
}
.search-tips {
	position: relative;
}
.search-tips .dropdown-title {
	float: left;
	height: 45px;
	width: 130px;
	padding-top: 30px;
	color: white;
	margin-left: 10px;
}
.search-tips .dropdown-title:hover {
	cursor:pointer;
}
.search-tips .dropdown-content {
	position: absolute;
	font-size: 16px;
	top: 75px;
	right: 20px;
	background: white;	
	width: 598px;
	padding: 10px 20px 20px;
	border: solid 1px #b4b4b4;
	border-top: none;
}
@media screen and (max-width: 730px) {
	.search-tips .dropdown-content {
		width: 80%;
		left: 0;
		top: 80px;
	}
}
.search-tips .dropdown-content ul {
	margin-bottom: 0;
}
.search-tips .nub {
	bottom: 100%;
	right: 65px;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(102, 102, 102, 0);
	border-bottom-color: #fff;
	border-width: 10px;	
}
@media screen and (max-width: 1210px) {
	.search-tips .nub {
		display: none;	
	}
}
.is-expanded > .dropdown-content {
	display: block;
	z-index: 5;
}
.not-is-expanded > .dropdown-content {
	display: none;
}
.close-button {
	position: absolute;
	right: 5px;
	top: 5px;
	-webkit-appearance: none;
	   -moz-appearance: none;
	border: none;
	background: transparent url(siteimages/icons/exit-button.png) no-repeat;
	width: 15px;
	height: 15px;
}
@media screen and (max-width: 1211px) {
	.browse-search-images {
		background: #0c2d52;
	}
	.browse-images .dropdown-title {
		float: none;
		margin-left: 0;
		margin-bottom: 10px;
	}
	.browse-images .dropdown-content {
		left: 0;
	}
}
/* end browse all images/ search bar */
/* begin browse images dropdown */
.selectability-offscreen {
	position: absolute;
	left: -999em;
}
/* end browse images dropdown */
.header-search {
	float: left;
	width: 410px;
	height: 75px;
}
.header-search .search {
	width: 70%;
	margin: 0 auto;
	height: 60px;
	font-size: 25px;
}

.header-search .searchform {
	margin: 0;
	height: 100%;
	position: relative;
}

.header-search .search-input {
	width: 97%;
	height: 100%;
	padding: 0 0 0 3%;
	margin-bottom: 0;
	border: 0;
	background-color: #000;
	font-family: 'Montserrat', Arial, sans-serif;
	font-style: normal;
	font-size: 25px;
	color: #fff;
	background-color: black; /* for browsers that don't understand RGBA */
	background: rgba(17,48,69,0.5);
}
@media screen and (max-width: 640px) {
	.header-search .search-input {
		width: 70%;
		font-size: 21px;
		margin-right: 0;
	}
}




.header-search .search-input:focus {
	background: rgba(17,48,69,1);
}
.search-input::-webkit-input-placeholder {
   color: white;
}
.search-input:-moz-placeholder { /* Firefox 18- */
   color: white;  
}
.search-input::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
}
.search-input:-ms-input-placeholder {  
   color: white;  
}

.header-search #sitesearch {
	background: none;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	padding: 0;
	margin: 0;
	background: url(siteimages/icons/search-icon.png) no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 1em;
}
.header-search #sitesearch:hover {
	cursor: pointer;
}
/* END HEADER */
/* BEGIN CONTENT STYLES */
/* search */

.home-search {
	background: url(siteimages/cell-background.jpg) #173460;
	height: 263px;
	position: relative;
	padding-top: 96px;
}

.home-search .search {
	width: 70%;
	margin: 0 auto;
	height: 60px;
	font-size: 25px;
}

.home-search .searchform {
	margin: 0;
	height: 100%;
	position: relative;
}

.home-search .search-input {
	width: 97%;
	height: 100%;
	padding: 0 0 0 3%;
	margin-bottom: 0;
	border: 0;
	font-family: 'Montserrat', Arial, sans-serif;
	font-style: normal;
	font-size: 25px;
	color: #fff;
	background-color: black; /* for browsers that don't understand RGBA */
	background: rgba(0,0,0,0.6);
}
.home-search .search-input:focus {
	background: rgba(0,0,0,0.8);
}

input[type=text]::-ms-clear {
    display: none;
}


.home-search #sitesearch {
	background: none;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	padding: 0;
	margin: 0;
	background: url(siteimages/icons/search-icon.png) no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 1em;
}

.home-search #sitesearch:hover {
	cursor: pointer;
}

.disclaimer {
     padding: 15px 80px;
     font-size: 18px;
     line-height: 1.27;
     background: black;
     opacity: 0.8;
     position: absolute;
     bottom: 0;
}

@media screen and (max-width: 850px) {
     .disclaimer {
           font-size: 18px;     
           padding: 15px;
     }
}

/*
@media screen and (max-width: 640px) {
     .disclaimer {
           font-size: 16px;     
           padding: 15px;
     }
}

@media screen and (max-width: 360px) {
     .disclaimer {
           font-size: 14px;     
           padding: 12px;
     }
	.home-search {
		height: 190px !important;
	}
}
*/

.disclaimer a {
	text-decoration: underline;
}

.featured-topics {
	position: relative;
}

.browse-all {
	/* position: absolute;
	top: -15px;
	right: 30px; */
	display: inline-block;
	float: right;
	font-size: 16px;
}

/* @media screen and (max-width: 1024px) {
	.browse-all {
		position: relative;
		top: -20px;
		right: 0;
		text-align: center;
	}
} */

@media screen and (max-width: 1148px) {
	div.title-browse {
		max-width: 736px;
	}
}

@media screen and (max-width: 800px) {
	div.title-browse {
		max-width: 360px;
		margin: 30px auto 30px;
	}
	h2.home-page {
		display: block;
	}
	div.browse-all {
		float: none;
		margin: 0 auto;
		width: 75%;
		display: block;
	}
	h2.home-page {
		text-align: center;
	}
	div.cards {
		display: block;
	}
	div.cards div {
		margin: 0 auto 30px;
	}
}

.browse-all:after {
	content: url(siteimages/icons/blue-arrow.jpg);
	width: 8px;
	height: 13px;
	margin-left: 7px;
	display: inline-block;
	position: relative;
	top: 1px; /* 16px - 13px */
	margin-top: -50%;
}

div.cards {
	margin: 0;
	padding: 0;
	max-width: 1200px;
	margin-bottom: 50px;
	margin-left: -20px;
	margin-right: -20px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
div.cards div {
	width: 310px;
	background: #195bbb;
	padding: 25px 25px 15px 25px;
	margin: 0 7px 30px;
	color: white;
	/* display: inline-table; */
}
@media screen and (max-width: 480px) {
	div.cards div {
		width: 280px;
		margin-left: -5px;
		margin-right: -5px;
		/* padding: 20px 20px 15px 20px; */
	}
	div.cards div img {
		width: 280px;
		height: 210px;
	}
}
div.cards div img {
	max-width: 100%;
}
div.cards h3 {
	margin-bottom: 15px;
	font-weight: normal;
}
div.cards h3 a, div.cards h3 a:hover {
	color: white;
	text-decoration: none;
}
/***** BEGIN Form Styling ********/
/* begin general form styling */
label {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #636363;
}
select {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	color: #2a57b9;
}
.formrow select {
	height: 30px;
	background-color: #f2f2f3;
	vertical-align: middle;
}
/* end general form styling */

/* begin search again form */
.search-again {

}
.image-actions {
	text-align: right;
	margin-bottom: 20px;
}
ul.image-actions {
	list-style-type: none;
	position: absolute;
	top: 0;
	right: 0;
}
@media screen and (max-width: 700px) {
	ul.image-actions {
		position: static;
	}
}
ul.image-actions li {
	display: inline-block;
	margin-left: 10px;
	width: 24px;
	height: 25px;
}
ul.image-actions li a {
	display: block;
}
.minus-magnify-icon {
	background: url(siteimages/icons/minus-magnify.png) no-repeat;
}
.minus-magnify-icon:hover {
	cursor: pointer;
}
.minus-magnify-icon.inactive {
	background: url(siteimages/icons/minus-magnify-inactive.png) no-repeat;
}
.plus-magnify-icon {
	background: url(siteimages/icons/plus-magnify.png) no-repeat;
}
.plus-magnify-icon:hover {
	cursor: pointer;
}
.plus-magnify-icon.inactive {
	background: url(siteimages/icons/plus-magnify-inactive.png) no-repeat;
}
.minus-magnify-icon a,
.plus-magnify-icon a {
	display: block;
	width: 24px;
	height: 25px;
}
.gallery-icon {
	background: url(siteimages/icons/gallery.png) no-repeat;
}
.gallery-icon:hover {
	cursor: pointer;
}
.gallery-icon a {
	display: block;
	width: 23px;
	height: 24px;
}
/* begin search images form styling */
.search-again-field {
	text-align: right;
	margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
	.search-again-field {
		text-align: left;
	}
}
.search-again-field label {
	width: 1px;
}
.search-again-form-field {
	padding-left: 10px;
	width: 198px;
	height: 30px;
	font-size: 13px;
	margin-right: 5px;
}
.search-again-form-field::-webkit-input-placeholder {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	color: #636363;
}
.search-again-form-field::-moz-placeholder {  /* Firefox 19+ */
  font-family: 'Montserrat', sans-serif;
	font-weight: bold; 
	color: #636363;
}
.search-again-form-field:-ms-input-placeholder {  
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	color: #636363;
}
.refine-search-results .formrow {
	float: left;
	margin-right: 10px;
}
/* end search images form styling */
/* begin content form styling */
.content-form .formrow {
	margin-bottom: 10px;
}
.content-form input {
	height: 24px;
}
.content-form .formrow label {
	display: inline-block;
	width: 120px;
	margin-right: 10px;
	vertical-align: top;
	padding-top: 5px;
}
.content-form .smaller {
	font-size: 13px;
	vertical-align: top;
	display: inline-block;
	margin-top: 5px;
}
@media screen and (max-width: 500px) {
	.content-form .smaller {
		display: block;
		margin-top: 8px;
	}
}
.content-form .submit-image {
	background: url(siteimages/submit-image.png) no-repeat;
	width: 114px;
	height: 30px;
	padding: 0;
	border: 0;
	cursor: pointer;
}
.content-form .imagefile {
	font-style: italic;
}

/***** END Form Styling ********/
.filter-go {
	width: 38px;
	height: 31px;
	border: 0;
	background: url(siteimages/buttons/go-button.png) no-repeat;
	margin-top: -1px;
}
.refine-search-results {
	 margin-bottom: 60px;
	 float: right;
}
@media screen and (max-width: 700px) {
	.refine-search-results {
	 	float: left;
	}
}
#race, #imagetype {
	width: 150px;
}

@media screen and (max-width: 700px) {
	.search-again {
		margin-top: 0;
	}
	.image-actions, .search-again-field {
		text-align: left;	
	}
}
@media screen and (max-width: 1200px) {
	.refine-search-results .formrow {
		margin-bottom: 10px;	
	}
}
@media screen and (max-width: 697px) {
	.tabular .formrow {
		display: block;
		float: none;
	}
	.tabular .formrow label:first-child, .search-again-field label {
		width: 120px;
		display: inline-block;
	}
	ul.image-actions {
		padding: 0;	
	}
}
@media screen and (max-width: 430px) {
	.tabular .formrow label:first-child, .search-again-field label {
		width: auto;
		display: block;
		margin-bottom: 5px;
	}
}

/* end search again form */
/* begin search results page */

#gallery {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* overflow: hidden; */
	display: flex;
	flex-wrap: wrap;
}

#gallery li {
	width: 180px;
	/* height: 300px; */
	padding: 0 35px 0 0;
	/* overflow: hidden; */
	/* float: left; */
	margin-bottom: 20px;
	font-size: 16px;
}
#gallery li h3 {
	font-size: 18px;
	line-height: 1.05;
	color: #2a57b9;
	margin-bottom: 7px;
	margin-top: 12px;
}
#gallery.large li {
	width: 240px;
	/* height: 360px; */
	padding: 0 38px 0 0;
}
#gallery.medium li {
	width: 180px;
	/* height: 350px; */
}
#gallery.small li {
	width: 120px;
	/* height: 240px; */
	padding: 0 23px 0 0;
}
#gallery.small li h3 {
	font-size: 15px;
	margin-top: 9px;
}
#gallery li img {
	max-width: 100%;
	max-height: 100%;
}
.resultsitempic {
	position: relative;
	float: none;
	height: 180px;
}
.large .resultsitempic {
	height: 240px;
}
.medium .resultsitempic {
	height: 180px;
}
.small .resultsitempic {
	height: 120px;
}
.small .resultsitemdesc {
	font-size: 14px;
}
.resultsitempic img {
	position: absolute;
	bottom: 0;
	max-height: 100%;
	max-width: 100%;
}
.prevnextbottom {
	font-size: 19px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	color: #767676;
	margin: 0 auto 60px;
	height: 20px;
	display: table;
}
.previous-text {
	padding-left: 20px;
	display: table-cell;
	vertical-align: middle;
}
.next-text {
	padding-right: 20px;
	display: table-cell;
	vertical-align: middle;
}
.prevnextdivider {
	color: #464646;
	padding: 0 7px;
	display: table-cell;
	vertical-align: middle;
}
.previous-page {
	padding-left: 15px;
}
.next-page {
	padding-right: 15px;
}

/* for lightbox / my pictures page */
.removelb {
	position: absolute;
	display: block;
	overflow: hidden;
	text-decoration: none;
	width: 15px;
	height: 15px;
	border: 0;
	margin: 3px 0 0 3px;
	background: transparent url(siteimages/icons/exit-button.png) no-repeat;
	z-index: 999 !important;
}

/* end search results page */
/* begin image details page */

#thumb {
	float: left;
	border: 0px solid red;
	width: 30%;
	padding-top: 35px;
}
#thumb img {
	max-width: 100%;
}
a.remove-picture {
	display: block;
	background: url(siteimages/buttons/remove-from-my-pictures-button.png);
	height: 38px;
	width: 218px;
	text-indent: -9999px;
}
a.remove-picture:hover, a.add-picture:hover {
	text-decoration: none;
}
a.add-picture {
	display: block;
	background: url(siteimages/buttons/add-to-my-pictures-button.png);
	height: 38px;
	width: 176px;
	text-indent: -9999px;
}
.view-download {
	margin-bottom: 5px;
}
.view-download a {
	display: block;
	text-indent: -9999px;      
}
.view-download .download-size {
	border: 0px solid red;
	float: left;
	width: 30%;
	font-size: 15px;
}
.view-download .view {
	border: 0px solid blue;
	float: left;
	width: 30%;
}
.view-download .view a {
	background: url(siteimages/buttons/view-button.png);
	width: 84px;
	height: 38px;
}
.view-download .download {
	border: 0px solid orange;
	float: left;
	width: 30%;
}

.view-download .download a {
	background: url(siteimages/buttons/download-button.png);
	width: 117px;
	height: 38px;
}

ul.attachments {
 	padding-left: 20px;
}
ul.attachments li {
 	list-style-type: square
}


@media screen and (max-width: 400px) {
	.view-download .download {
		display: none;
	}
	.download-text {
		display: none;
	}
}
#imageinfo {
	float: right;
	width: 69%;
	border: 0px solid green;
}
@media screen and (max-width: 1050px) {
	#thumb {
		float: none;
		width: 300px;
	}
	#imageinfo {
		float: none;
		margin-top: 20px;
		width: 100%;
	}
}
.record-changes a {
	margin-right: 15px;
	display: inline-block;
}
@media screen and (max-width: 600px) {
	.record-changes a {
		display: inline-block;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		background: #2a72a5;
		margin-bottom: 10px;
		padding: 8px 0;
		color: white;
		border-radius: 3px;
		width: 124px;
		text-align: center;
	}
}

.image-information-text th {
	text-align: right;
	padding-right: 20px;
	width: 25%;
}
@media screen and (max-width: 1050px) {
	.image-information-text th {
		text-align: left;
	}
	.image-information-text th, .image-information-text td {
		display: block;	
	}
}



.image-information-text th, .image-information-text td {
	padding-bottom: 20px;
}
/* end image details page */
/* END CONTENT STYLES */
/* BEGIN FOOTER */

.site-footer {
	background: url(siteimages/footer-background.jpg) #173460;
	padding: 78px 15px 30px;
	font-size: 19px;
	text-align: center;
}

.site-footer ul {
	margin: 0 auto 30px;
	padding: 0;
}

.site-footer li {
	display: inline;
}

.site-footer li:before {
	content: "|   ";
}

.site-footer li:first-child:before {
	content: "";
}

.search,
.search a,
.site-footer,
.site-footer a,
.disclaimer,
.disclaimer a {
	color: white;
}
/* END FOOTER */
.closeup-banner img  {
	max-width: 100%;
}
@media screen and (min-width: 750px) {
	.closeup-banner .tablet {
		display: none;
	}
}
@media screen and (max-width: 749px) {
	.closeup-banner .desktop {
		display: none;
	}
}