/* 
    Document   : Contact
    Created on : Apr 26, 2016, 1:35:48 PM
    Author     : Hawkeye
    Description:
        Purpose of the stylesheet follows.
*/

#MainNav li a#ContactLink {
  color: #ed1c24;
  }


#ContactOfficers {
  float: left;
  width: 18.1818181818181818%; /* 200px / 1100px */
  }

#ContactInfo {
  float: right;
  width: 77.27272727272727%; /* 850px / 1100px */
  }

p.RClast {
  margin: 0 0 35px 0;
  }

.StaffMem {
  float: none;
  margin: 0 10px 15px 0;
  }
.StaffMem p {
  font-size: 18px;
	line-height: 28px;
  margin: 0;
  }
.StaffMem p.Phone {
  font-size: 14px;
  margin: 0 0 20px 0;
  }

.ContactAddress {
  margin: 0 0 20px 0;
  }


.LocalContacts {
  clear: both;
  margin: 20px 0 15px 0;
  }
.LocalContacts ul {
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
  }
.LocalContacts li {
  background: #e6e6e6;
  color: #000;
  float: left;
/*  width: 48.82352941176471%; /* 415px / 850px */
  width: 32.33333333333333%;
  border-radius: 10px;
/*  margin: 0 1.17647058823529% 20px 0; /* 10px / 850px */
  margin: 0 1% 20px 0;
  padding: 10px 0;
  min-height: 160px;
  }
.LocalContacts li h4 {
  color: #0060a4;
  text-align: left;
  font-weight: 700;
  margin: 0 10px;
  }
.LocalContacts li h5 {
  font-size: .85em;
  color: #000;
  font-weight: 600;
  margin: 0 10px;
  }
.LocalContacts li p {
  font-size: .85em;
	line-height: 1.5em;
  margin: 0 5px 5px 10px;
  }

@media screen and (max-width: 1000px) {
.LocalContacts li {
  min-height: 190px;
  }
}
@media screen and (max-width: 800px) {
#ContactOfficers {
  float: none;
  width: 100%;
  }
.StaffMem {
  margin: 0 auto 15px auto;
  width: 200px;
  }
#ContactInfo {
  float: none;
  width: 100%;
  }
}
@media screen and (max-width: 625px) {
.ContactAddress {
  float: none;
  width: 100%;
  }
.ContactMap {
  float: none;
  width: 100%;
  }
.LocalContacts li {
  float: none;
  width: 100%;
  margin: 0 0 10px 0;
  min-height: 50px;
  }
}