@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Oswald');

h1,h2,h3,h4,h5,h6
{
	color: #373737;
	/*font-size:180%;*/  /* 8/16/2022:   removed by FTM ... was making all headlines exactl the same size */
    font-family: 'Oswald', sans-serif;
}

.section-header
{
	background: #324854 !important;
}

.paragraph-inline-message {
    font-size: 120% !important;
    font-family: 'Open Sans';
    letter-spacing: -1px;
}


#functional-label-button
{
	height: auto !important;
}


#ritualModeSwitcher a[href]{background-color:#324854!important;}
.breadcrumbs{font-size:110%;font-family:'Open Sans';letter-spacing:-0.5px;}



#header
{
	background-color: #324854;
	background:url('/history/images/newTemplateHead.png') no-repeat!important;
	
}

.leftmenu
{
	background: #cacaca;
}

/**template menu**/

#content{    border-left: 1px solid #969696;
    border-right: 1px solid #969696;width:1002px;}
	


#mainwrap{background:none;background:url('/images/gravel.png');}
body{background:url('/images/gravel.png');}

#content,#topbar{

background-color:white;
}

#topwrap{
	background-color:#324854;
}

.sidebox{display:none;}

#navbar{box-sizing: border-box;height:32px;}
#leftwrap{background:url('/history/images/wrap.jpg');}


#topnav li a{
font-weight:normal;letter-spacing:-0.5px;color:white;}



#topnav li a:hover,#topnav li:hover a
{
	background-position:default!important;
}


/*#searchwrapper{background:url('/history/images/searchbox.png') no-repeat!important;}*/


#leftcolumn{background-color: #cacaca;
    box-sizing: border-box;

}

#footer{border-top:2px solid #232323;}

.sidebox{display:none!important;}

#elksLeftMenu ul ul li.activeCategory>a {
background:#e4e4e4;
}




	#elksLeftMenu li a {
	background:none;
	width:auto;
	height:auto;
	font-weight:normal;
	}
.subwrap{display:none;}
	#mobilemenu li a:hover{background:none;}
	#elksLeftMenu ul ul li a:hover{color:black;}
	#elksLeftMenu ul li h3 a:hover{background:#055d78;}	
    #elksLeftMenu a:hover{cursor:pointer;}
	#elksLeftMenu i.fa.fa-sign-in{
	color: #4a4a4a;
    font-size: 110%;
    margin-left: 3px;
	}
	#elksLeftMenu li{border:none;}
	#elksLeftMenu li a{
	width:auto!important;
	height:auto!important;
	font-weight:normal;
	}
	#elksLeftMenu ul{
	background-color:#fff;
	}
	
	#elksLeftMenu {
		font-family:'Arial',sans-serif;
		min-height:200px;
		padding-top:1px;
		width: 100%;
	}
	#elksLeftMenu * {
		margin:0;
	}




#historyProject.nav-link 
{
	background: #324854;
}

#grandlodge.nav-link 
{
	background: #324854 !important;
}

.navbar
{
	background: #262626 !important;
}

#userLinks li a.login
{
	background: #262626 !important;
}





	#elksLeftMenu h3 {
		background: #324854 !important;
		font-family:'Arial',sans-serif;
		border-bottom:1px solid #595757;
	}
	
	#elksLeftMenu ul ul li a,
	#elksLeftMenu h4 {
		color: #000000;
	} 




@media (min-width: 1199px){

#shareYourStuff.supplyDescription 
{
	width: 920px !important;
}
	
	
.submitFamousElk
{
	width: 920px !important;
}	

}




@media (min-width: 992px){

#shareYourStuff.supplyDescription
{
	width: 740px;
}
	
.submitFamousElk
{
	width: 740px;
}

}







@media (min-width: 1px) and (max-width: 1199px) {
 #header
{
	width: 100%;
	height: 102px;
	background-color: #324854;
	background:url('/history/images/newTemplateHeadMobile.png') no-repeat!important;
	
}
	
#navigationMenus {
  background: #262626;
}  	
	

	
}


@media (min-width: 1px) and (max-width: 991px) {

.explore-history-button
	{
		font-size: 90% !important;
	}
	
	
}



@media (min-width: 1px) and (max-width: 767px) {

.explore-history-button
	{
		font-size: 75% !important;
	}
	
	
}


@media (min-width: 1px) and (max-width: 576px) {

#userLinks {
		background-image: none !important;
		background-color: #262626;
	}
}





/*---Archives.css---*/


#preview 
{
position:absolute;
border:1px solid #ccc;
padding:3px;
background-color:white;
display:none;
box-shadow: 4px 4px 3px rgba(103, 115, 130, 1);
}

pre {
display:block;
font-family:Tahoma, Geneva, sans-serif;
font-weight:normal;
padding:7px;
border:3px solid #bae2f0;
background:#e3f4f9;
margin:.5em 0;
overflow:auto;
width:800px;
}

#all-decade-years a
{
text-align:center;
margin-top:10px;
text-decoration:none;
font-size:130%;
color: #C0C0C0;
font-family: 'Oswald', sans-serif;
text-shadow: 0px 1px 2px #eee;
padding:6px;
}

#all-decade-years a:hover
{
color:#373737;
}

#info-table
{
table-layout: fixed;
display: table;
width:96%;
border-collapse:collapse;
margin-bottom:10px;
}

#table-cell
{
display: table-cell;
font-family:Arial;
font-size:12px;
text-align:left;
padding:6px;
border:1px solid #D3D3D3;
}

#h-table-cell
{
display: table-cell;
font-size:130%;
color: #373737;
font-family: 'Oswald', sans-serif;
text-shadow: 0px 1px 2px #eee;
text-align:left;
padding:6px;
border:1px solid #D3D3D3;
}

#table-row-odd
{
background-color:#f1f1f1;
}

#table-cell
{
display: table-cell;
font-family:Arial;
font-size:12px;
text-align:left;
padding:6px;
border:1px solid #D3D3D3;
}

#h-table-cell
{
display: table-cell;
font-size:130%;
color: #373737;
font-family: 'Oswald', sans-serif;
text-shadow: 0px 1px 2px #eee;
text-align:left;
padding:6px;
border:1px solid #D3D3D3;
}

h1 {
margin:10px!important;
/*text-transform: uppercase;*/
padding:bottom:10px;
font-size:220%!important;
}

#years-navigation-menu 
{
margin-bottom:15px;
margin-top:10px;
margin-left:30px;
}

h1, #archive-link,#archive-link-active, #the-current-year,#the-issue-name,#blockquote
{
color: #373737;
font-family: 'Oswald', sans-serif;
text-shadow: 0px 1px 2px #eee;
}

#the-issue-name 
{ 
	margin-bottom:10px;
	padding-left:3px;
	font-size:140%;
}

#the-issue-name a 
{ 
	text-decoration:none;
}

#the-current-year 
{
	padding-left:25px;
	padding-right:25px;
	font-size:250%!important;
}

#archive-link-active
{
border-top:4px solid #ffff7f;
background-color:#ffffcc;
}

#archive-link, #archive-link-active
{ 
padding:10px;font-size:180%!important;text-decoration:none!important; 
}

#archive-link:hover
{
border-top:4px solid #d3d3d3;
background-color:#e3e3e3;
}

hr.style4 { 
border: 0; 
height: 1px; 
background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

#search-bx
{ 
float:right;
width:33%;
margin-bottom:10px;
}

/*
#keyword
{
height: 32px!important;
font-size: 120%;
}
*/

#submitSearch
{
color: #373737;
padding:7px;
font-family: 'Oswald', sans-serif;
text-shadow: 0px 1px 2px #eee;
font-size:140%;
cursor:pointer;
background-color:#d3d3d3;
box-shadow: 4px 4px 3px rgba(103, 115, 130, 1);
border:none;
}

.dropshadow{
box-shadow: 3px 3px 10px 0px rgba(119, 119, 119, 0.75);
/*-moz-box-shadow: 3px 3px 10px 0px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 3px 3px 10px 0px rgba(119, 119, 119, 0.75);*/
}

#mag-view-panel
{
width:33%;
float:left;
margin-bottom:25px;
}

#current-year-display
{
text-align:center;
font-size:150%;
margin-bottom:30px;
}

#innercontent
{
background-color:#F6F6F6;
}

#mag-application-body
{
	background-color:white!important;
	text-align: center;
	margin-right: 20px;
}

#blockquote 
{
color:#a8a8a8;
}

#blockquote p
{
margin-left:10px;
padding-top:10px;
font-size:120%!important;
padding-bottom:10px;
border-left:4px solid #d3d3d3;
color:	#989898;
background-color:#F8F8F8;
}


#archivebbt.row
{
	text-align: center;
}


@media only screen and (max-width: 722px) {
#search-bx { width:100%;float:left;margin-top:25px;}
}


@media only screen and (min-width:700px){
	.dropshadow:hover{

	z-index: 2;
	-webkit-transition: all 200ms ease-in;
	-webkit-transform: scale(1.1);
	-ms-transition: all 200ms ease-in;
	-ms-transform: scale(1.1);   
	-moz-transition: all 200ms ease-in;
	-moz-transform: scale(1.1);
	transition: all 200ms ease-in;
	transform: scale(1.1);
	}
}

@media only screen and (max-width: 700px) {
	
#mag-view-panel 
	{ 
		width:50%;text-align:center!important; 
	}
}

@media only screen and (max-width: 480px) {
	
#mag-view-panel 
	{ 
		width:95%;text-align:center!important; 
	}
}



/*Gallery150.css*/


/*side menu styles */
/*
.sidebox{display:none!important;}
.breadcrumbs{background-color:#f1f1f1;padding:10px;font-size:110%;font-family:'Open Sans';}
.breadcrumbs a{color:#800;}
#leftcontent li a{
 border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;
 background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea);
  background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
  background-image: -ms-linear-gradient(top, #ffffff, #eaeaea);
  background-image: -o-linear-gradient(top, #ffffff, #eaeaea);
  background-image: linear-gradient(to bottom, #ffffff, #eaeaea);
  font-weight:normal;color:#555;font-family: 'Open Sans';letter-spacing: -0.5px;}
#leftcontent li div li a{color:#868686;width:auto;margin-left:0;}
#leftcolumn{width:170px;}
#leftcontent li a{width:auto;}
#leftcontent{padding-top:20px;}
#leftwrap{background-color:#ececec;}
#leftcontent li a.activeMenu{background-color:#800;color:white;}
#leftcontent li div li a.activeSub{border-left:5px solid #800;color:#800;font-weight:normal;}
#onecolumncontent{width:830px;background-color:white;}
#leftwrap{background:none!important;}
#leftwrap{background-color:#e0e0e0!important;}
*/
/*********************/

#lodgeHistoryHeader h1
{
	font-family:'Oswald'!important;
	color:#373737!important;
	line-height:50px;
}

.frameworkbody
{
	margin-top:15px;
	padding-bottom:100px;
}

a.anniversary-button{
    color: #373737;
    font-family: 'Oswald', sans-serif;
    text-shadow: 0px 1px 2px #eee;
	padding: 10px;
    font-size: 180% !important;
    text-decoration: none!important;
}  
 
.anniversary-header{
	color: black;
	display: table;
	background-color:white;
	padding:15px;
    font-family: 'Oswald', sans-serif;
    text-shadow: 0px 1px 2px #eee;
    text-decoration: none!important;
	text-align:center;
	line-height:1;
	border-radius:50%;
	border:2px solid #555;
	width:230px;
	height:230px;
	margin:0 auto;
	z-index:1;
	position:relative;
	box-shadow:10px 10px 5px rgba(62,62,62,0.40);
}

.fa-check{
    color: #e0e0e0;
    background-color: #759057;
    border-radius: 50%;
    padding: 10px;
    margin-right: 10px;
}

#lodgeHistoryHeader{background-color:white;}
#historical-photo-gallery{
background-color:white;
padding-top:10px;
padding-bottom:10px;
float:left;
border:1px solid #ccc;
width:100%;
}

.galleryBox{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
float:left;
position:relative;
background-color:#f1f1f1;
height:266px;
border:5px solid white;
width:33%;
box-sizing:border-box;
-webkit-box-shadow:inset 0px 0px 0px 1px #000;
-moz-box-shadow:inset 0px 0px 0px 1px #000;
box-shadow:inset 0px 0px 0px 1px #000;
}

.galleryBox:hover{
cursor:pointer;
}

.galleryBox:hover .overlay {
  height: 40%;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.55);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.overlay-content {
  /* white-space: nowrap; */
  font-family: "Open Sans";
  text-shadow: 1px 1px #000000;
  color: #ffffff;
  width:90%;
  font-size: 13px;
  letter-spacing:-0.5px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.overlay-content a[href]{color:white!important;}

.overlay-content .imageYear{
width:100%;
display:block;
border-bottom:1px solid #737373;
font-size:140%;
font-weight:bold;
margin-bottom:5px;
}
.overlay-content .imageYear .imageCityAndState{
white-space: nowrap;
overflow:hidden;
float:right;
font-size:70%;
max-width:100%;
margin-top:5px;
}


#darkroom {
  z-index:999999;
  position:fixed; /* keeps the lightbox window in the current viewport */
  top:0;
  left:0; 
  width:100%; 
  height:100%; 
  background:url('/history/images/darkback.png') repeat; 
  text-align:center;
}
#darkroom-image-box iframe{height:100%!important;min-height:650px;width:90%;}

#lodgeHistoryHeader p {
font-family: 'Oswald', sans-serif;
font-size:150%;
text-align:center;
}
.style4{-webkit-margin-before:0;-webkit-margin-after:0;}

#darkroom-text-box{
color:white!important;
margin:0 auto;
padding:2% 10% 10% 10%;
}
#darkroom-image-box{
background-color:black;
border-bottom: 1px solid #595959;
}
#darkroom-headline{
font-family: 'Cormorant',serif;
font-size:240%;
font-weight:bold;font-style:italic;
margin-bottom:15px;
margin-top:0px;
line-height:1;
}
#darkroom-full-description{
line-height:1.5;
font-family:'Domine', serif;
font-size:133%;
letter-spacing:-0.3px;
}
#darkroom-image-year{
font-size:280%;
font-family:'Domine', serif;
display:block;
border-bottom: 1px solid #595959;
}

#gallery-filters{
  z-index:9999;
  overflow-y: auto;
  width:400px;
  height:66%;
  padding:25px;
  display:block;
  position:fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color:white;
  border:3px solid #324854;
  box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.8);
}

#pop-sheet{
  width:60%;
  height:90%;
  overflow-y: auto;
  display:block;
  position:absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color:#1b1b1b;
  border:1px solid #595959;
  /*box-shadow: 0px 0px 525px rgba(255, 255, 255, 0.50);
  -moz-box-shadow: 0px 0px 525px rgba(255, 255, 255, 0.50);
  -webkit-box-shadow: 0px 0px 525px rgba(255, 255, 255, 0.50);*/
}
#pop-sheet img
{
margin-top:30px;
margin-bottom:30px;
max-width:95%;
}


#timelineWrapper{
min-height:800px;
display:block;
background-color:#f1f1f1;
position: relative;
overflow-y:scroll;
overflow-x:hidden;
}

#timelineInner{
background-color:#f1f1f1;
display:block;
box-sizing:border-box;
width:100%;
}

#timelineInner .yearNumber{
margin:0px;
text-align:left;
box-sizing:border-box;
padding:15px;
width:100%;
;max-width:100%;
color: #373737;
font-family: 'Oswald', sans-serif;
text-shadow: 0px 1px 2px #eee;
font-size:120%;
}

.filterTitle{margin:7px;font-family:'Oswald';font-size:133%;float:left;
}
.galleryFilters{
background-color:#e6e6e6;
left:0;
display:block;
width:100%;
padding:10px;
box-sizing:border-box;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #555;
border-top:1px solid #555;
}
.galleryFilterBox{
border:2px solid #c2c2c2;
padding: 5px;
background-color: white;
border-radius: 7px;
}
.galleryFilterBox b{
border:1px dashed #4e4e4e;
display:inline-block;
padding:5px;
font-family:'Arial Narrow';
background-color:#f1f1f1;
color:#324854;
border-radius:5px;
}
.galleryFilterBox:hover{
border:2px solid #324854;
}
.galleryFilterBox:hover b{
text-decoration:underline;
border:1px dashed black;
}
#list_of_filters{
padding:5px;background-color:white;
}
.galleryFilterBox:hover{
cursor:pointer;
}
#loadingMessage{
margin-bottom:-15px;
font-family:'Oswald';
font-size:200%;
}
#no-results-wrapper{
text-align:center;
}
#no-results-message{
display:block;
background-color:#f1f1f1;
padding:15px;
font-family:'Oswald';
font-size:200%;
}

#gallery-filter-wrapper{}
.gallery-input{display:inline-block;padding:6px;}
.gallery-filter-label{width:200px;display:inline-block;font-size:150%;font-family:'Oswald';}
.gallery-filter-header{font-family:'Oswald';font-size:210%!important;color:#373737;}
.gallery-filter-instructions{font-family:'Oswald';font-size:133%;}
.gallery-filter-button{text-align:center;width:40%;float:left;margin:10px;background-color:#324854;color:white;padding:15px;display:inline-block;border:0;font-family:'Oswald';font-size:17px;}
.gallery-filter-button:hover{cursor:pointer;background-color:#445e6d;}
.gallery-button-wrapper{margin-top:25px;width:100%;float:left;}

.gallery-filter-year-value{padding:6px;}

/**************************history upload styles*/

.gallery-contributions-header{font-family:'Oswald';color:#373737;margin-bottom:18px!important;border-bottom:1px solid #555;}

.update-gallery-entry{    
text-align: center;
border: 0;
letter-spacing:-0.5px;
background:transparent;
display:table;
width:100%;
height:100%;
font-weight:bold;
}
.gallery-submit-overlay, .gallery-green-overlay{
display:none;
color: white;
font-family:'Open Sans';
font-size:160%;
vertical-align:middle;
letter-spacing:-1px;
width:100%;
height:85%;
color:white;
border:0;
}
.update-this-entry{padding:10px;margin-bottom:25px;font-size:110%;font-family:'Oswald';color:white;background-color:#5498bd;border:0;}
.update-this-entry:hover{cursor:pointer;background-color:#537e96;}
.delete-this-entry{background:transparent;vertical-align:bottom;border:0;color:#ff3434;font-family:'Open Sans';letter-spacing:-1px;font-weight:bold;}
.delete-this-entry:hover{color:#ff6b6b;text-decoration:underline;cursor:pointer;}

.update-gallery-entry:hover .gallery-box-overlay-header{display:none;}
.update-gallery-entry:hover .gallery-box-green-header{display:none;}
.update-gallery-entry:hover .gallery-submit-overlay{
display:table-cell!important;
text-decoration:underline;
background-color: rgba(0,0,0,0.65)!important;
}
.update-gallery-entry:hover .gallery-delete-overlay{
display:table-cell!important;
text-decoration:underline;
background-color: rgba(0,0,0,0.65)!important;
}

.update-gallery-entry:hover .gallery-green-overlay{
display:table-cell!important;
background-color: rgba(0,0,0,0.65)!important;
}

#submitted-contributions,#contributions-in-progress,#file-upload-container{
box-sizing:border-box;
padding:12px;
}
.gallery-box-overlay-header{
background-color: rgba(0,0,0,0.65)!important;
color:white;
padding:10px;
font-family:'Open Sans';
font-weight:normal;
}
.gallery-box-green-header{
background-color: rgba(0,0,0,0.65)!important;
color:white;
padding:10px;
font-family:'Open Sans';
font-weight:normal;
}
.paragraph-inline-message{font-size:160%;font-family:'Open Sans';letter-spacing:-1px;}


#fileupload{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
#fileupload button{padding:15px;}
#preview-description{font-family:'Oswald';font-size:166%;margin-bottom:6px;}
#selectAFileWrapper{box-sizing:border-box;padding:0px;border:2px dashed #555;display:inline-block;}
#selectAFileWrapper:hover,#selectAFileWrapper:hover img{cursor:pointer;opacity:0.9;}
.upload-this-file-button{background-color:#627180;color:white;padding:14px;margin:10px;border:0;font-family:'Oswald';font-size:150%;}
.upload-this-file-button:hover{cursor:pointer;background-color:#688db1;}

#selectAFileWrapper #functional-label-button{display:block!important;height:100%!important;pointer-events: none;}

#galleryButtons{display:block;margin:0 auto;text-align:center;width:75%;}
#galleryButtons #shareYourStory, #galleryButtons #searchForSomeone{width:100%;display:inline-block;}
#galleryButtons #filterYourResults{width:45%;display:inline-block;}
#galleryButtons #filterYourResults:hover{cursor:pointer;}

#galleryButtons #filterYourResults a,
#galleryButtons #shareYourStory a,
#galleryButtons #searchForSomeone a,
#showMore a{
	display:block;
	background-color:#324854;
	color:white;
	text-decoration:none;
	padding:15px;
	font-size:140%;
	font-family:'Oswald';
}

#galleryButtons #filterYourResults a:hover,
#galleryButtons #shareYourStory a:hover,
#galleryButtons #searchForSomeone a:hover{background-color:#4b6979;}
#galleryButtons #searchForSomeone a:hover{cursor:pointer;}

.click-here-to-preview-image,.click-here-to-preview-pdf{
color:#a2a0ff;
font-size:85%;
text-decoration:underline;
}
.click-here-to-preview-image:hover,.click-here-to-preview-pdf:hover{
color:#c0beff;cursor:pointer;
}

.innerPDF:hover{cursor:pointer;background-image:linear-gradient(to bottom, #f9f9f9, #f1f1f1);}
.innerPDF{
border:1px solid #b5b5b5;
display:block;
width:100%;
height:100%;
background-color:white;  background: #ffffff;
background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -ms-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
}

hr.style4 { 
border: 0; 
height: 1px; 
background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

#shareYourStuff
{
	background-color:#fbfbfb;
}

#supply-a-description{margin-left:25px;font-size:233%;}
#historical-file-form-details{padding:0px 25px 25px 25px;box-sizing:border-box;}
#historical-file-form-details select,#historical-file-form-details input{padding:10px;font-size:133%;font-family:'Open Sans';}
#historical-file-form-details textarea{max-width:100%;font-size:166%;font-family:'Open Sans';}

.field-label{margin-top:8px;font-family:'Oswald';font-size:166%;display:block:width:100%;padding:8px 8px 8px 0px;box-sizing:border-box;}
#historical-file-form-details .field-label-footnote{font-family:'Open Sans';font-size:110%;display:block;padding:8px;background-color:##fdffb4;}
#historical-file-form-details  #submit-historical-post{
margin-top:15px;
display: block;
background-color: #324854;
color: white;
text-decoration: none;
padding: 15px;
font-size: 166%;
font-family: 'Oswald';
border:0;
}
#historical-file-form-details  #submit-historical-post:hover{
cursor:pointer;
background-color:#4b6979;
}
#preview-image{margin:0 auto;margin:25px 25px 0px 25px;border:1px solid #333;}
#pdf-preview{font-size:166%;font-family:'Oswald';}

#back-button,#forward-button{
font-family: 'Cormorant',serif;
font-size:140%;
font-weight:bold;font-style:italic;
line-height:90px;
text-align:center;
height: 90px;
width: 90px;
top: 33%;
z-index: 9999999999;
position: fixed;
background-color: black;
color: white;
}

#back-button{
	margin-left:2%;
    left: 0;
}
#forward-button{
	margin-right:2%;
    right: 0;
}

#back-button:hover,#forward-button:hover{
cursor:pointer;
background-color:#555555;
}

.galleryFilterBox{font-size:133%;font-family:'Arial Narrow';display:inline-block;
}
.filterTitle a:hover{cursor:pointer;}
#pageIndicator,#totalResults{width:25%;text-align:center;font-size:166%;font-family:'Oswald';color:#909090;display:inline-block;box-sizing:border-box;}
#resultLabel{padding-bottom:25px;}
#numberButtons{box-sizing:border-box;margin-left:15px;margin-right:15px;}
#containerDiv{width:100%;float:left;}
#navigation-controls{width:100%;display:block;padding-top:17px;}
#next-and-prev,#bottom-next-and-prev{margin:0 auto;width:50%;display:inline-block;text-align:center;padding-bottom:18px;box-sizing:border-box}
.prev,.next,#bottom-prev,#bottom-next{color:#324854;padding-left:10px;padding-right:10px;box-sizing:border-box;font-family:'Oswald'!important;font-size:177%;}
.prev:hover,.next:hover,#bottom-prev:hover,#bottom-next:hover{color:#648ea4;text-decoration:underline;cursor:pointer;}
.page,.moreToShow,.showFirst{width:25px;text-align:center;
border: 1px solid #b1b1b1;
border-radius:5px;
box-sizing:border-box;
margin:1px;
font-size:95%;
display:inline-block;
padding:5px;background-color:#f1f1f1;color:#555;
}
#bottomControls{text-align:center;}
.moreToShow,.showFirst{padding:4px;}
a.page.active{background:#324854;color:white;}
.page:hover,.moreToShow,.showFirst{background-color:#d7d7d7;color:#555;cursor:pointer;}
.moreToShow:hover,.showFirst:hover{background-color:#b3b3b3;}

.noscroll { overflow: hidden; }

#galleryNavigation{
color:white;
box-sizing:border-box;
padding:10px;
/*background-color:rgba(0, 0, 0, 0.5);*/
text-align:center;
width:100%;
position:fixed;
top:0;
left:0;
z-index:9999999999999999999;
}
#galleryNavigation button{
box-shadow:-1px 2px 20px -5px rgba(0,0,0,0.40);
border:1px solid #858585;
-webkit-border-radius: 50%;
width:65px;height:65px;
	border-radius: 50%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(.29, #f2f2f2), color-stop(.49,#f4f4f4), to(#ffffff));
font-size:222%;
color:#555;
padding:10px;
}
#galleryNavigation button:hover{
cursor:pointer;
background:#eee!important;
}
#galleryNavigation button:focus{outline:0;}


.textContainer{
width:33%;
display:block;
float:left;
box-sizing:border-box;
padding:0px 12px 12px 12px;

}
.imageContainer{
box-shadow:-1px 2px 20px -5px rgba(0,0,0,0.40);
margin-bottom:8px;
float:right;
width:66%;
display:block;
position: relative;
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}

.imageContainer:before{
	content: ' ';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent;
	transition: background .25s ease-out;
}
.imageContainer:before{
	background: rgba(0, 0, 0, .0);
}
.imageContainer .caption_overlay{
	font-size:122%;
	text-shadow:none;
	font-family: 'Domine', serif;
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    color: white;
    -webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: -webkit-transform .25s ease-out;
    transition:         transform .25s ease-out;
}

.imageContainer .caption_overlay {
	transition-delay:0.40s;
    -webkit-transform: translateY(0);
	transform: translateY(0);
}
.imageContainer .caption_overlay .caption_overlay_content{
position: absolute;
margin: 0;
bottom: 0;
display: block;
padding: 10px;
width:100%;
text-align:left;
background-color: rgba(0,0,0,0.45);
}
.caption_overlay_content a{color:white;font-size:80%;padding:6px;text-shadow: 1px 1px #000000;}
.caption_overlay_content a:hover{color:#eeeeee;}

.popBoxContent{
overflow-y:scroll;
z-index:99999;
top:0;
left:0;
right:0;
bottom:0;
position: fixed;
background-color:rgba(0,0,0,0.5);
}

.popBoxInner{
border-radius:5px;
-webkit-box-shadow: -1px 2px 60px -5px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 2px 60px -5px rgba(0,0,0,0.75);
box-shadow: -1px 2px 60px -5px rgba(0,0,0,0.75);
}
.creditedTo{margin-top:15px;}

.popImageCounter,.creditedTo{
box-sizing:border-box;
width:100%;
font-family:'Oswald';
font-size:133%;
color:#9f9f9f;
}

.popImageCounter{
margin-top:20px;
}
.popImageCounter .tally{
border-radius:95%;
color:black;
border:1px solid #555;
line-height:24px;
display:inline-block;
height:24px;
width:24px;
text-align:center;
font-size:65%;
}
.popBoxInner{
overflow: auto;
margin: 5vh auto;
background-color:rgba(255,255,255,.95);
width:70%;
background-color:white;
padding:40px;
border:2px solid black;
position:relative;
}

@media screen and (max-width:1026px){
	.popBoxInner{
		margin:2vh auto;
		width:95%;
		padding:2px 1px 100px 2px;
	}
	.popBoxInner .imageContainer{
		background-color:#353535;
		text-align:center;
		width:100%;
	}
	.popBoxInner .textContainer{
		width:100%;
		padding:10px 20px 40px 20px;
	}
	.popImageCounter{position:relative;}
}


@media screen and (max-width: 767px) {
	#galleryNavigation{top:auto;bottom:0!important;}
	.galleryBox{width: 100%!important;}
	#navigation-controls{display:none!important;}
	#pageIndicator{width:100%!important;}
	#totalResults{width:100%!important;}
	#next-and-prev{width:100%!important;}
	#bottom-next-and-prev{width:100%!important;}
	
	#darkroom-image-box iframe{height:100%!important;width:100%!important;}
	#pop-sheet{width:100%!important;height:90%!important;}
	#pop-sheet img{max-width:95%!important;}
	.PDFBox{width:100%!important;}
	 #gallery-filters{width:100%;height:100%;}
	 #galleryButtons #shareYourStory {
    width: 100%!important;
	margin-bottom:15px;
	}
	#galleryButtons #filterYourResults{
	width:100%!important;
	}

}

/*---NeverForgotten.css---*/


#shareToFacebookLink:hover,#printThisTribute:hover{cursor:pointer;color:#f4f4f4;}

#tributeGallery ,#thumbnailTrack 
{
	box-sizing:border-box;
}

#tributeGallery
{
margin-top:18px;
padding:12px 12px 24px 12px;
height:545px;
overflow:hidden;
border-top:1px solid black;
background:url('/history/images/wood.jpg');
background-size:cover;
}


#tributesFooter{
background-color:#1d1811;
float:left;
width:100%;
}
.area-label{color:white;padding:24px 39px 4px 39px;font-family:'Georgia';}
#tributeSearchBar{
text-align:right;
border-top:1px solid black;
font-family:'Georgia';
font-size:13px;
background:#2f2213;
border-bottom:1px solid black;
padding:12px 36px 12px 36px;
background-size:cover;
color:white;
background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, 
rgba(0, 0, 0, 0.09) 50%, 
rgba(255, 255, 255, 0.0) 11%, 
rgba(40, 40, 30, 0.2) 100%);
}
#searchInput{outline:none;border-radius:6px;background-color:black;padding:7px;border:1px solid #636363;color:white;}
#submitTheSearch{height: 30px;
    border-radius: 4px;
    background-color: #2d2214;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.09) 50%, rgba(255, 255, 255, 0.0) 11%, rgba(40, 40, 30, 0.2) 100%);
    outline: none;
    color: white;
    border: 1px solid #61584e;
}
#submitTheSearch:hover{cursor:pointer;background-color:#543f24;}
#thumbnailTrack{display:block;height:110px;background-color:#191919;border-top:2px solid black;float:left;width:100%;}
#thumbnailTrack .tributeBox{display:inline-block;width:12.5%;height:100%;float:left;border:3px solid #272018;}
#thumbnailTrack .tributeBox .tributeBoxInner{display:block;width:100%;height:100%;border:2px solid white;}
#thumbnailTrack #tributeReel{text-align:center;width:90%;height:100%;margin:0 auto;display:inline-block;overflow:hidden;background:black;}
#thumbnailTrack #track_GoLeft,#thumbnailTrack #track_GoRight{background:#324854;color:white;height:100%;width:5%;display:table;}
#thumbnailTrack #track_GoLeft{float:left;}
#thumbnailTrack #track_GoRight{float:right;}
#track_GoRight #directionRight,#track_GoLeft #directionLeft{text-align:center;color:white;font-size:233%;display:table-cell;vertical-align:middle;height:100%;width:100%;background:#000;}



#tributeGallery #portrait{
padding:10%;
height:100%;width:100%;display:inline-block;
margin-top:16px;
}
#tributeGallery #portrait #picture{
	outline:5px solid white;
	height:100%;background-color:white;    -ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Safari */
    transform: rotate(-2deg);
}

#tributeGallery #tributeDisplayArea
{
	height:500px;width:45%;display:inline-block;
}

#tributeGallery #tributeBiographyArea
{
	width:100%;
	display:inline-block;
	float:right;
	padding:4%;
}

#tributeBiographyArea #tributeBio,
#tributeSearchBox
{
	outline:2px solid #4c4438;
	border:4px solid #31291f;
    -moz-box-shadow:    inset 10px 0 10px #00000069;
    -webkit-box-shadow: inset 10px 0 10px #00000069;
    box-shadow:         inset 10px 0 10px #00000069;
	border-radius:3px;
	margin-top:5px;
	background-color:#1d1d1d9c;
	padding:0px 14px;
	width:100%;
	height:310px;
	overflow-y:auto;
	font-family:'Georgia';
	font-size:16px;
	color:white;
	line-height:1.33;
}

#tributeGallery #tributeWelcomeMessage
{
	width:100%;
	height:500px;
	padding:8%;
}

#tributeWelcomeMessage #tributeInnerMessage
{
	text-align:center;
	color:black;
	font-family:'Oswald',serif;
	border-radius:3px;
	background-color:white;
	width:100%;
	height:100%;
	padding:6%;
}

#beginPresentationButton{
	width:50%;
	margin:0 auto;
	display: block;
	background-color: #324854;
	color: white;
	text-decoration: none;
	padding: 15px;
	font-size: 140%;
	font-family: 'Oswald';
}

#beginPresentationButton:hover
{
	background-color:#4b6979;
	cursor:pointer;
}

.cfdebug{display:none!important;}

.tributeBox:hover{filter:brightness(1.25);cursor:pointer;}
#tributeFullName{/*font-family:'Great Vibes',cursive;*/font-family:'Georgia';text-align:center;font-size:32px;letter-spacing:-1px;color:white;text-shadow:1px 1px solid black;padding-top:14px;margin-top:22px;}

.result_tributeBox{width:50%;}

@media only screen and (max-device-width: 728px){
	#thumbnailTrack .tributeBox{width:33%;}
	#thumbnailTrack #track_GoLeft,#thumbnailTrack #track_GoRight{width:12.5%;}
	#thumbnailTrack #tributeReel{width:75%;}
	#tributeGallery #tributeDisplayArea{width:100%;height:300px;}
	#tributeGallery{height:auto;}
	#containerBio{width:100%!important;}
	#tributeBio{height:220px;}
	#tributeFullName{margin-top:0;padding-top:0;}
	#tributeBiographyArea #tributeBio{border-radius:0;}
	.result_tributeBox{width:100%;}
}

/* width */
#tributeBio::-webkit-scrollbar {
    width: 16px;
}

/* Track */
#tributeBio::-webkit-scrollbar-track {
    border-left:1px solid #483f35;
	background:linear-gradient(to right,#3f3425,#524631); 
}
 
/* Handle */
#tributeBio::-webkit-scrollbar-thumb {
    background: linear-gradient(to top,#5f5f5fc9,#d2d0cd);
	border-top:1px solid black;
	border-bottom:1px solid black;
}

#thumbnailTrack #track_GoRight #directionRight:hover,
#thumbnailTrack #track_GoLeft #directionLeft:hover{
cursor:pointer;
background:#232323;
}




/**---Celebrate150.css---*/

.beginning-content h1{color:#212121!important;}

.section-content{
text-align:center;
padding:10px;
/*font-family: 'Oswald', sans-serif;*/
text-shadow: 0px 1px 2px #eee;
font-size: 130%!important;
}
.questionArea:hover{cursor:pointer;}
.question-content
{
border:1px solid #b5b5b5;
margin-bottom:10px;
padding:20px;
font-family:'Open Sans';
letter-spacing:-1.3px;
/*font-family: 'Oswald', sans-serif;*/
text-shadow: 0px 1px 2px #eee;
font-size: 200%!important;
background: #fafafa;
background-image: -webkit-linear-gradient(top, #fafafa, #e8e8e8);
background-image: -moz-linear-gradient(top, #fafafa, #e8e8e8);
background-image: -ms-linear-gradient(top, #fafafa, #e8e8e8);
background-image: -o-linear-gradient(top, #fafafa, #e8e8e8);
background-image: linear-gradient(to bottom, #fafafa, #e8e8e8);
-webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
}
.questionTextShort:hover{text-decoration:underline!important;cursor:pointer;}
.fillableAnswer{
margin: 0px; 
width: 530px; 
height: 160px;
}
.expandedQuestion{padding:30px;}
.questionTextLong{font-size:120%;}
.submitQuestionContent:hover,.uploadPhotographs:hover{cursor:pointer;background-color:#b50000;}
.submitQuestionContent,.uploadPhotographs{
background-color:#324854;
border:none;
color:white;
padding:10px;
font-family: 'Oswald', sans-serif;
font-size: 105%!important;
}
.uploadPhotographs{}
.first h1{font-size: 240%!important;}
.section-content h2{font-size:180%!important;margin:0!important;letter-spacing:-0.5px;}

.section-content h2:hover{
text-decoration:underline;
cursor:pointer;
-moz-text-decoration-color:#324854;
text-decoration-color: #324854;
}

.section{
padding:5px 25px 25px 25px;
margin-top:-20px;
min-height:100px;
}
.red-section{border-top:2px solid #6c6c6c;background-color:#324854;color:white;}
.red-section h1{color:white!important;line-height:1;}
.first .section-content {}
.red-section .section-content h1{text-shadow: 0px 1px 2px #000!important;}
.red-section .section-content {text-shadow: 0px 1px 2px rgba(0,0,0,0.66);}

.section h2{color:#3e3e3e;text-decoration:underline;}

.white-section{
	background:#fff;color:#555;
}


#fullQuestionList{margin-top:10px;}

.triangle{
position:relative;
width: 0; 
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 0px solid transparent;
left:47.5%;
margin-left:-5px;
}
.red-triangle:after{
    content:'';
    width: 0; 
    height: 0;
	border-bottom: 0px solid transparent;
    border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top:20px solid #324854;
    position:absolute;
	left:-25px;
	top:-22px;
}
.white-triangle:after{
    content:'';
    width: 0; 
    height: 0;
	border-bottom: 0px solid transparent;
    border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top:20px solid white;
    position:absolute;
	left:-25px;
	top:-22px;
}
.red-triangle{
	border-top: 20px solid #6c6c6c;
	
}
.white-triangle{
	border-top: 20px solid #6c6c6c;
}

.anniversary-header .text{
display: table-cell;
vertical-align: middle;
}

.anniversary-home-body{
position:relative;
padding-top:22px;
background-color:rgba(255, 255, 255, 0);
min-height:300px;
}

.anniversary-header .smaller {font-size:320%;}
.anniversary-header .bigger {font-size:450%;}
.anniversary-header .smallest{font-size:300%;}

.anniversary-home-body .anniversary-paragraph{
	color: #373737;
	font-size:150%;
	font-weight:normal;
    font-family: 'Oswald', sans-serif;
    text-shadow: 0px 1px 2px #eee;
}

.answeredYet{height:100%;width:50px;float:left;display:inline-block;background-color:#f1f1f1;}



.getStartedButton a[href]{
color: white;
display: block;
padding: 30px;
background-color:#087282;
width: 60%;
margin: 0 auto;
font-size:133%;
text-decoration:none;
margin-bottom:15px;
}
.getStartedButton a[href]:hover{
background-color:#0d91a5;}

.exploring-history-buttons-wrapper{margin-bottom:33px;width:100%;box-sizing:border-box;padding:5x;text-align:center;float:left;}
.explore-history-button-area{float:left;width:33%;display:table;padding:10px;box-sizing:border-box;height:290px;}
.explore-history-image{height:100px;display:block;vertical-align:top;border-bottom:2px solid #324854;}

.explore-this-wrapper{box-shadow:3px 7px 7px 1px rgba(0,0,0,0.33);border:1px solid #666;}
						
.explore-history-button{display:block;height:200px;background-color:green;background-color:white;box-sizing:border-box;padding:8px;}
.explore-history-button h3{font-size:113%;}
.explore-history-button p{font-size:70%;}
/******************************************file handler css for uploadHistory *********************************************/

.clear {
   height: 0;
   font-size: 1px;
   margin: 0;
   margin-bottom: -1px;
   padding: 0;
   line-height: 0;
   clear: both;
}




/**---Elkdom Articles CSS---*/


.elkdomPageImageS
{
	Padding: 10px 10px 10px 10px;
	width: 180px;
	height: 300px;
}

.elkdomImgCL
{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
	margin-top: auto;
  	margin-bottom: auto;
}

.elkdomImgSml
{
	margin-top: 8px;
	marginp-bottom: 8px;
}

.elkdomGallery
{
	margin-top: auto;
  	margin-bottom: auto;
}

.btnElkdom
{
  	margin-left: auto;
  	margin-right: auto;
	background-color:#E8E8E8;
}



