/* Homepage */

.section2 .layoutheader { height: 50px; }

/*.homepage .hometopbanner { min-height: 700px; background-color: #000000; background-image : url(/images/rPCUh0Nnnzl5NEKaTH8i0xp0jg.png); background-position: top center; } */
.homepage .hometopbanner {  background-color: #000000;}
.homepage .bannercarousel .content { position:relative; top: -100px; left: 50%; margin-left: 100px;  height: 100px; width: 470px;   }
.homepage .bannercarousel .content span { text-align:left; color: #ffffff; font-family: MontserratRegular; height: 2em; padding: 10px 0px 10px 0px;  display: block; clear: both; }
.homepage .bannercarousel .content span a { color: #ffffff; text-decoration: underline; }

.homepage .homefeatures { position: absolute; top: 60px; left: 50%; margin-left: 320px; text-align: center; }
.homepage .homefeatures li:first-child a { display: block; background-color: #ffffffaa; border-radius: 100%; width: 80px; height: 80px; padding-top: 10px; box-sizing: border-box; font-size: 80%; margin: 0px auto 0px auto; }
.homepage .homefeatures li { width: 100px; }

@media( min-width: 1260px )
{
   .homepage .homefeatures li { float: left; }
   .homepage .homefeatures li:first-child { padding-top: 30px; }
}

@media( max-width: 1259px )
{
   .homepage .homefeatures { left: auto; right: 0px; margin: 10px 0px 0px 0px; }
   .homepage .homefeatures img { width: 100px; height: auto; }
}

.homepage .intro { top: 260px; width: 470px; position: absolute;  left: 50%; margin: 0px 0px 0px 100px; color: #ffffff; min-height: 260px;}
.homepage .intro .titletxt { font-size: 200%; padding: 30px 0px 20px 0px !important; color: #ffffff !important; }
.homepage .intro p { display: none; padding: 10px 0px 0px 0px; font-size: 100%; font-family: MontserratRegular;}
.homepage .signup {  background-color: #272c90; top: 430px;  float: right; width: 420px; position: absolute; padding: 15px; margin: 0px 0px 0px 100px; left: 50%; color: #ffffff; background-image: url(/images/ZIFmxJNrKYahrcQTekZE01a01a.png); background-position: 20px 20px; }
.homepage .signup .titletxt { font-size: 220%; padding: 5px 0px 10px 60px !important; color: #ffffff !important;}
.homepage .signup p { padding: 5px 0px 20px 0px; }
.homepage .signup a { color: #ffffff; }
.homepage .signup .link a { cursor: pointer; font-size: 120%;  border: 1px solid white; padding: 5px 40px 5px 40px; text-transform: uppercase; font-family: MontserratRegular; }

.homepage .event_banner {  background-color: rgb(0, 170, 140); color: #ffffff; }
.homepage .event_banner .content { max-width: 1000px;  margin: 0px auto 0px auto; text-align: center; line-height: 80px; font-size: 160%;}
.homepage .event_banner .content img { vertical-align: middle; margin-right: 20px; }
.homepage .event_banner .content p { padding: 0px; margin: 0px; }
.homepage .event_banner .content a {color: #ffffff; text-decoration: underline; }

.homepage .featuredrecords { max-width: 1000px; margin: 0px auto 0px auto;  padding: 10px 0px 50px 0px;   }
.homepage .featuredrecords .top { width: 100%; display: inline-block; }
.homepage .featuredrecords .top .titletxt { float:left; background-image: url(/images/qBitnsh7NBpTgqWQYrky01a01a.png); float:left; }
.homepage .featuredrecords .top .toplinks li { float:right;  padding-right: 0px; }
.homepage .featuredrecords .record { clear:both; display: inline-block; max-width: 180px; margin: 0px 15px 0px 0px; vertical-align:top; }
.homepage .featuredrecords .column_Image  { max-width: 180px; max-height:180px; }
.homepage .featuredrecords .column_Image img { min-height: 180px; min-width: 180px;  }
.homepage .featuredrecords .column_Name  { display:block; max-width: 180px; font-family: MontserratRegular; font-size:140%; }
.homepage .featuredrecords .column_Dates {  color:rgb(90, 91, 94); }
.homepage .featuredrecords .column_Death {  display:inline-block; height: auto;  color:rgb(90, 91, 94); }
.homepage .signup_comp { padding-left: 200px;   }
.homepage .signup_comp h2 {font-size: 200%; height: auto;}
.homepage .signup_comp p {font-size: 147%; max-width: 700px;}
.homepage .signup_comp a { text-transform: uppercase; color: #ffffff; border: 1px solid #ffffff; padding: 5px 20px 5px 20px; font-family: MontserratRegular;}


.homepage .quicksearch { width: 100%;  margin: 0px auto 0px auto; background-color: #ffffff; padding: 50px 0px 0px 0px; }
.homepage .quicksearch .titletxt {  left: 50%; margin: 0px 0px 0px -500px; position: absolute;  background-image: url(/images/4HPcf97PeaGi4yBUfCh401c01h.png); }
.homepage .quicksearch .toplinks { max-width: 970px; margin: 0px auto 0px auto; }
.homepage .quicksearch .html { min-height: 500px;  background-image: url(/images/h1KvoaYGRiIp8JPpYEQa11d0br.jpg); padding-top: 0px; background-position: center 100px; }
.homepage .quicksearch .html .search { background-color: #ffffff; width: 225px; height: 75px;  left: 50%; position: absolute; margin: 150px 0px 0px -500px;  }
.homepage .quicksearch .html .search h2 {padding: 5px 0px 0px 5px; color: #706f6f;}
.homepage .quicksearch .html .search .button { float:left; padding: 30px 10px 0px 10px; height: 18px; width: 18px; background-image: url(/images/sAAUpPn4rKFWqqesNZGH00i00i.png);}
.homepage .quicksearch .html input { margin: 10px 10px 0px 0px; }
.homepage .mapkey { background-color: #ffffff; max-width: 100%; min-height: 100px;}
.homepage .mapkey .content { left: 50%; width: 500px;  margin: 0px 0px 0px 0px; position: absolute;  }
.homepage .mapkey .titletxt { left: 50%;  width: 400px; margin: 0px 0px 0px -500px; position: absolute;   font-size: 100%; padding: 0px;  }

.homepage .searchbar { width: 100%; background-color: #4ba78d; }
.homepage .searchbar .form { background-image: url(/images/8lOquxaIXwKOILJwGY1900s00s.png); max-width: 1000px; margin: 0px auto; padding: 10px 0px 10px 0px; text-align: center; background-position: left 170px center;}
.homepage .searchbar input[type=text] { background-color: #ffffff; width: 400px; border: 1px solid #ffffff; margin-right: 40px;}
.homepage .searchbar input[type=submit] { background-color: #4ba78d; border: 1px solid #ffffff; }

@media( max-width: 1140px )
{
   .homepage .searchbar .form { background-image: none; text-align: left; margin: 0px 0px 0px 20px;}
}

@media( max-width: 600px )
{
   .homepage .searchbar .form input[type=text] { width: 200px; }
}

.homepage .regional { max-width: 1000px; margin: 0px auto 0px auto; padding: 70px 0px 70px 0px;}
.homepage .regional>.titletxt { background-image: url(/images/IYtE8mIbpDSXwAybkNOs01e01e.png);  color: rgb(0,159, 227);  }
.homepage .regional .introduction {padding: 0px 0px 75px 0px; font-size: 160%;}
.homepage .regional .items {padding: 0px 0px 0px 60px; }
.homepage .regional .items .util_textbox { float: left; margin: 0px 30px 0px 0px;; }
.homepage .regional .items .util_textbox .titletxt {margin: 0px; padding: 0px;  }
.homepage .regional a { color: rgb(0,159, 227); font-family: MerriweatherLight; display: block; margin-bottom: 20px;}




.homepage .find_someone {clear: both; display: block; max-width: 1000px; margin: 0px auto 0px auto; padding: 50px 0px 50px 0px; }
.homepage .find_someone .titletxt { float:left; background-image: url(/images/glpOTFoh3jFOcbHMcPh601d01h.png);  }
.homepage .find_someone .introduction {clear: both; font-size: 150%; }
.homepage .find_someone  p { color: #706f6f; }
.homepage .find_someone .items .util_textbox { float: left; max-width: 280px; padding: 0px 20px 0px 20px;  }
.homepage .find_someone .items p { font-size: 100%; }
.homepage .find_someone .items .imagetop {  padding: 0px 10px 0px 10px;  text-align:center; vertical-align: middle; min-height: 340px;  }
.homepage .find_someone .items h2 { padding: 10px 0px 10px 0px; font-family: MontserratRegular; font-size: 140%; }

.homepage .find_someone .items .small_logo .imagetop { padding: 0px 0px 0px 0px; background-color: #ffffff; border: 1px solid #bbbcbd; max-width: 278px; margin: 0px auto 0px auto; }
.homepage .find_someone .items .small_logo .imagetop img {margin-top: 60px;}
.homepage .find_someone .items .link { color: #4ba78d; font-size: 100%; text-decoration: underline; font-style: italic; border-top: 1px solid #bbbcbd; padding: 10px 0px 0px 0px;}
.homepage .find_someone .items a { color: #4ba78d; }


.homepage .list_article { max-width: 1000px; margin: 0px auto 0px auto; padding: 50px 20px 0px 20px; }
.homepage .list_article .titletxt { float: left; background-image: url(/images/0YHVT4HhRgt5cHJHFKVx01c01c.png); }
.homepage .list_article .toplinks li { float:right;  }
.homepage .list_article .toplinks .link {border: none;}
.homepage .list_article .list { display: inline-block; }
.homepage .list_article .article { clear:both; vertical-align: top; display: inline-block;  max-width: 300px;  padding: 0px 20px 50px 10px; }
.homepage .list_article .article:nth-child(3n+0)  {  padding: 0px 10px 50px 20px; }
.homepage .list_article .article .image { min-height: 200px; }
.homepage .list_article .headline a {  font-family: MontserratRegular; font-size: 140%;  }
.homepage .list_article .abstract { color: #706f6f; font-size: 100%; padding: 10px 0px 10px 0px; } 
.homepage .list_article .link { color: #4ba78d;  font-size: 100%; border-top: 1px solid #e4e4e4; padding: 10px 0px 0px 0px; font-style: italic; text-decoration: underline;  } 
.homepage .list_article .link a { color: #4ba78d; }

.homepage .feat_timeline { background-color: #ffffff; padding: 0px 0px 0px 0px; }
.homepage .feat_timeline .top {  color: #ffffff !important; max-width: 100%; height:50px;  background-color: #313133; padding: 0px 0px 100px 0px; border: none;}
.homepage .feat_timeline .titletxt { color: #c4c5c6 !important;  left: 50%; margin: 0px 0px 0px -500px; position: absolute; background-image: url(/images/JQzsj9pietx23MwCJLMp01b01b.png);  }
.homepage .feat_timeline .toplinks {  max-width: 1000px;  margin: 0px auto 0px auto; }
.homepage .feat_timeline .toplinks a { color: #c4c5c6 !important; }
.homepage .feat_timeline .start {font-size: 80%;}
.homepage .feat_timeline .search {min-height: 130px; clear: both; position: relative; top: 0px; padding: 30px 0px 0px 0px; background-position: 49% 0px; }
.homepage .feat_timeline .search .dates  {display:none; }
.homepage .feat_timeline .search .spots li { top: 24px; }
.homepage .feat_timeline .search .spots li .details {top: 10px; }
.homepage .feat_timeline .event { max-width: 1000px; margin: 0px auto 0px auto; background-color: #ffffff;  }
.homepage .feat_timeline .event .articlecontent { max-width: 1000px; max-height: 250px; }
.homepage .feat_timeline .event .article { float:left; width: 320px; min-height: 250px; font-size: 80%; padding: 30px 10px 0px 0px; margin: 0px 0px 0px 40px;}
.homepage .feat_timeline .event .article .links {padding: 10px 0px 0px 0px;}
.homepage .feat_timeline .event .article .links a { text-decoration: underline; font-style: italic; color: #aa085b; }
.homepage .feat_timeline .event .article .date { font-size: 140%; padding: 0px 0px 10px 0px; }
.homepage .feat_timeline .event .quotedetails { float:left; clear: none; width: 350px; min-height: 250px; padding: 0px;}
.homepage .feat_timeline .event .quotedetails .quote { max-width: 250px; padding: 30px 10px 0px 10px; margin: 0px 0px 0px 20px; font-size: 130%; }
.homepage .feat_timeline .event .quotedetails .source { max-width: 250px; padding: 20px 0px 0px 10px; margin: 0px 0px 0px 20px;}
.homepage .feat_timeline .event .imagedetails { float: left;  width: 250px; margin: 0px;  }
.homepage .feat_timeline .event .line { min-height: 250px; margin-left: -494px;}
.homepage .feat_timeline .event .linespot {margin-left: -500px;}
.homepage .feat_timeline .event:nth-child(3n+1) .quotedetails{ background-color: #aa085b; }
.homepage .feat_timeline .event:nth-child(3n+2) .quotedetails{ background-color: #641858; }
.homepage .feat_timeline .event:nth-child(3n+3) .quotedetails{ background-color: #2d0f57; }

.homepage .collectiongallery h2.titletxt{ color:#c4c5c6 !important; }
.homepage .collectiongallery { background-color: #3c3c3b; padding: 30px 0px 0px 0px;}
.homepage .collectiongallery h2.titletxt { background-image: url(/images/YLBdZ1KtKoV3EZBNPIju01b019.png); max-width: 1000px; margin: 0px auto 0px auto; }
.homepage .feat_collection .main {background-color: #3c3c3b; }

.int_newsletter { background-color: rgb(197, 198, 199); clear: both;  margin: 0px auto 0px auto; padding: 0px 20px 50px 20px; }
.int_newsletter .titletxt { color: #706f6f; font-size: 210%; padding: 30px 0px 30px 60px;  background-position: left; }
.int_newsletter form { width: 575px; margin: 0px auto 0px auto; }
.int_newsletter .titletxt {background-image: url(/images/0YHVT4HhRgt5cHJHFKVx01c01c.png); color: rgb(112, 111, 111); font-family: MerriweatherRegular;}
.int_newsletter .text {color: #706f6f;}
.int_newsletter .label {display: none;}
.int_newsletter .input {float:left; padding: 5px 15px 0px 0px; }
.int_newsletter input[type=text] { width: 139px; background-color: #ffffff; border: 1px solid #bbbcbd; }
.int_newsletter .email input[type=text] {width: 252px;}
.int_newsletter input[type=submit] { clear: left; float:right; padding: 5px 5px 5px 5px; margin: 10px 15px 10px 0px; text-transform: uppercase; background-color: #ffffff; color: #4ba78d; border: 1px solid #4ba78d; font-family: MontserratRegular;  }

.homepage .titletxt { color: #706f6f; font-size: 210%; padding: 30px 0px 30px 60px;  background-position: left; }
.homepage .toplinks a { float: right; font-style: italic; text-decoration: underline; color: #706f6f; font-size: 100%;  padding: 30px 0px 0px 0px; }

@media( max-width: 1140px )
{
   .section2 .layoutheader { height: 0px; }
   .homepage .intro { position: absolute; top: 200px; left: 0px; margin: 0px; width: 100%; height: 750px; padding: 0px 20px 20px 20px; box-sizing: border-box; }
   .homepage .signup { position: relative; float: none; width: 100%; left: 0px; top: 0px; margin: 0px; padding: 20px 20px 20px 20px; box-sizing: border-box; background-position: 20px 20px; }
   .homepage .bannercarousel .content { margin: 0px; left: 20px; width: 350px; }
   .homepage .featuredrecords { padding: 0px 20px 0px 20px; }
   .homepage .featuredrecords .record { padding: 0px 0px 20px 0px; }
   .homepage .mapkey .content { position: relative; left: 0px; width: 100%; margin: 0px; }
   .homepage .mapkey .titletxt { position: relative; left: 0px; width: 100%; margin: 0px; padding: 0px 0px 20px 0px; }
   .homepage .signup_comp { padding: 40px 20px 40px 20px; }
   .homepage .quicksearch .titletxt { left: 0px; position: relative; margin: 0px; padding: 20px 20px 20px 80px; background-position: 20px center; }
   .homepage .quicksearch .html .search {margin: 150px 0px 0px 0px; left: 20px; }
   .homepage .quicksearch .toplinks {clear: both; padding-left: 20px;}
   .homepage .find_someone { padding: 20px; }
   .homepage .regional { padding: 20px; }
   
   .homepage .find_someone .items .util_textbox { padding: 0px 0px 20px 0px; float: none; max-width: none; }
   .homepage .feat_timeline .titletxt { left: 0px; position: relative; margin: 0px 0px 0px 20px ; }
   .homepage .feat_timeline .articlecontent { padding: 0px; }
   .homepage .feat_timeline .event .article { float: none; width: 100%; box-sizing: border-box; min-height: 0px; padding: 20px; margin: 0px; }
   .homepage .feat_timeline .event .quotedetails { float: none; width: 100%; min-height: 0px; padding: 20px; box-sizing: border-box; }
   .homepage .feat_timeline .event .quotedetails .quote { max-width: none; padding: 0px; margin: 0px; }
   .homepage .feat_timeline .event .quotedetails .source { max-width: none; padding: 20px 0px 0px 0px; margin: 0px; }
   .homepage .feat_timeline .event .imagedetails { display: none; }
   .homepage .feat_timeline .toplinks {padding-left: 20px; }
   .homepage .int_newsletter .input { float: none; }
   .homepage .int_newsletter input[type=submit] { float: none; }
   .homepage .int_newsletter form { width: auto; }
   .homepage .toplinks {clear: both; }
   .homepage .toplinks a { display: inline-block; margin: 0px 0px 20px 0px; padding: 0px !important; }
}



.homepage .feature_banner { max-width: 1000px; margin: 30px auto 30px auto; }
.homepage .feature_banner .imageleft { float: left; margin: 0px 30px 0px 0px; }
.homepage .feature_banner .content { background-color: #ffffff;  padding: 10px 0px 0px 0px; box-sizing: border-box; min-height: 346px; }
.homepage .feature_banner .content h2 { padding: 10px 10px 5px 0px; font-size: 210%; color: rgb(49, 49, 51); }
.homepage .feature_banner .content h3 { padding: 0px 10px 10px 0px; font-size: 185%; color: rgb(198, 199, 200); font-family: MontserratRegular;  line-height: 1.2;}
.homepage .feature_banner .content p { padding: 0px 20px 0px 0px;}

@media( max-width: 1140px )
{
   .homepage .feature_banner .imageleft { width: 100%; background-color: #ffffff; padding: 20px; box-sizing: border-box; }
   .homepage .feature_banner .content  {clear: left;  padding: 0px 20px 20px 20px;  min-height: auto;}
}

@media( max-width: 600px )
{
   .homepage .feature_banner .imageleft img {width: 400px; height: auto}
}
@media( max-width: 400px )
{
   .homepage .feature_banner .imageleft img {width: 300px; height: auto}
}