/* STARR ENVIRONMENTAL STYLE SHEET */

/* *** Entire Page - Start *** */

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

hr {
  border: 0;
  border-top: 1px solid hsla(0, 0%, 88%, 1);
  height: 0px;
}

body {
  background-color: hsla(0, 0%, 95%, 1) ;
  color: hsla(0, 0%, 0%, 0.87);
  font-family: arial,sans-serif;
  margin: 0;
}

.footer {
  background-color: hsla(0, 0%, 95%, 1) ;
  border-top:1px solid hsla(0, 0%, 88%, 1);
  font-size:14px;
  padding-bottom:25px;
  padding-top:25px;
  text-align:center;
  width:auto;
}

/* *** Entire Page - End *** */

/* ********************************************************************************************************** */

/* *** Desktop Pages - Start *** */

@media (min-width: 825px) {

.header_container {
  background-color: hsla(0, 0%, 95%, 1) ;
  border-bottom: 1px solid #e5e5e5;
  height: 54px;
  padding-bottom: 2px;
  padding-top: 4px;
}

.logo {
  float: left;
  padding-left: 10px;
}

.logo_large_image {
  width: 200px;
}

.logo_small {display: none;}

.form {
  margin: 0px;
  float: left;
  padding-left: 10px;
  padding-top: 5px;
}

.search_field {
  border: 1px solid #D9D9D9;
  float: left;
  font-size: 16px;
  font-family: arial,sans-serif;
  height: 40px;
  margin-right: 0px;
  padding-left: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  width: 542px;
}

.search_field:hover {
  border-left: 1px solid hsla(0, 0%, 0%, 0.5);
  border-top: 1px solid hsla(0, 0%, 0%, 0.5);
  border-bottom: 1px solid hsla(0, 0%, 0%, 0.5);
}

.search_field:focus {
  border-left: 1px solid hsl(217, 90%, 60%);
  border-top: 1px solid hsl(217, 90%, 60%);
  border-bottom: 1px solid hsl(217, 90%, 60%);
}

.button {
  background-color: hsl(217, 90%, 60%);
  border: none;
  border-radius: 0px 2px 2px 0px;
  cursor: pointer;
  height: 43px;
  width: 43px;
}

.button:hover {background-color: hsl(217, 85%, 55%);}

.button:active {background-color: hsl(217, 80%, 50%);}

.button_image {vertical-align: middle;}

.page_title {
  background-color: white;
  font-size: 24px;
  font-weight: bold;
  padding-top: 15px;
  padding-left: 25px;
}

.page_title_detail {
  background-color: white;
  color: hsla(0,0%,0%,0.54);
  padding-bottom: 15px;
  padding-left: 25px;
  font-style: italic;
}

.navigation_desktop_holder {
  background-color: white;
  border-bottom:1px solid hsla(0, 0%, 88%, 1);
  color: hsla(0, 0%, 0%, 0.54);
  font-size: 14px;
  padding-bottom: 40px;
  padding-left: 25px;
}

.navigation_desktop_detail {
  float: left;
  padding-right: 30px;
}

.mobile_image {display: none;}

.footer {
  text-align:left;
  padding-left:360px;

/* width:840px; */
}

}

/* *** Desktop Pages - End *** */

/* ********************************************************************************************************** */

/* *** Mobile Pages - Start *** */

@media (max-width: 825px) {


body {
  text-align: center;
}

.logo {display:none;}

.logo_small {
  padding-bottom:8px;
  padding-top:13px;
}

.logo_small_image {width:300px;}

.form {
  padding-bottom:5px;
  padding-top:5px;
}

.search_field {
  border:1px solid #D9D9D9;
  border-right:0px;
  font-family:arial,sans-serif;
  font-size:16px;
  height:40px;
  padding-bottom:0px;
  padding-left:10px;
  padding-right:0px;
  width:80%;
}
   
.button {
  background-color:hsl(217, 90%, 60%);
  border:none;
  border-radius: 0px 2px 2px 0px;
  cursor:pointer;
/*  font-size:14px; */
  height:43px;
  vertical-align:bottom;
  width:43px;
}

.button_image {vertical-align:middle;}

.page_title {
  font-size:24px;
  font-weight:bold;
  padding-top:10px;
  padding-left:20px;
  text-align:left;
}

.page_title_detail {
  font-style:italic;
  padding-bottom:15px;
  padding-left:20px;
  text-align:left;
}

.mobile_image {
  width:100%;
}

.desktop_image {display: none;}

.navigation_desktop_holder {display:none;}

}

/* *** Mobile Pages - End *** */