.contact-info {  
  background-image:url('../images/contactBackgroundImage.png');
  background-repeat:no-repeat;  
  width: 430px;
  height: 150px;
  float: left;
  margin: 10px;
}

.contact-info-social {  
  background-image:url('../images/socialBackgroundImage.png');
  background-repeat:no-repeat;  
  width: 280px;
  height: 150px;
  float: left;
  margin: 10px;
}

.officer-flag {
  width: 80px;
  height: 51px;  
  padding: 10;  
  position: relative;
  top: -164px;
  left: 335px;
}

.officer-picture {
  width: 97px;
  height: 118px;  
  padding: 10px;  
  position: relative;
  top: -12px;
  left: 6px;
}

.social-picture {
  width: 61px;
  height: 40px;  
  padding: 10px;  
  position: relative;
  top: 12px;
  left: 102px;
}

.officer-tittle {
  width: 430px;
  margin-left: auto; 
  margin-right: auto;
  text-align: center;
  font-weight: bold;  
  position: relative;
  top: 10px;  
  left: 9px;
}

.social-tittle {
  width: 280px;
  margin-left: auto; 
  margin-right: auto;
  text-align: center;
  font-weight: bold;    
  position: relative;
  top: 10px;  
  left: 2px;
}

.officer-contact-info {
  width: 220px;
  margin-left: auto; 
  margin-right: auto;
  text-align: center;  
  position: relative;
  top: -110px;
  left: 9px;
}

.social-contact-info {
  width: 220px;
  margin-left: auto; 
  margin-right: auto;
  text-align: center;  
  position: relative;
  top: 10px;
  left: 9px;
}

#main-body {   
  margin-left: 60px;
}

#commander-info {    
}

#webmaster-info {
}

#clearer {
  clear: both; 
}