#banner {
  background-color: transparent;
}
#bodyimage {
  background-image: url(../images2012/ba-background-full-web.jpg);
  background-repeat: no-repeat;
  background-size: 100% 2057px; 
}
#banner-ba {
  width:960px;
  height:180px;
}
#ba-main-container {
  width: 100%;
  max-width: 1600px;
  min-width: 1240px;
  background-image:none;
}
#ba-nav-container {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}


#ba-subpage-main-container {
	width: 1240px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

#ba-subpage-main-container #main-column {
	width: 675px;
	float: left;
}

#ba-subpage-main-container #main-column p {
  font-size:16px;
  font-family:Arial, Helvetica, sans-serif;
  margin-bottom:0px;
  margin-top:0px;
  padding-bottom:6px;
  padding-top:6px;
  line-height: 1.4;
  margin-left:0px;
  padding-left:0px;
  margin-right:0;
}


/* below is to force mobile devices to have 1240px and not cut off background image or masthead. 
Without this, width would be 100% and background image would stop at the screen width, though the text would still have the 1240 width. */

@media (max-width: 1240px) {
  #bodyimage {
    background-size: 1240px 2057px;
  }
}