html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  background: #3d9ebf url(images/body-bg.jpg) top center repeat-y scroll;
  color: #6e6f6f;
  display: table;
  font-family: Helvetica, Arial, sans-serif;
  width: 100%;
}
h1, h2, h3 {
  color: #3d9ebf;
  font-family: Times, serif;
  margin-top: 0;
}
h1 {
	font-size: 2em;
	text-align: center;
}
h2 {
  font-size: 1.2em;
}
h3 {
  font-size: 1.1em;
  margin: 0;
}
#header-wrap {
  margin: 0 auto;
  position: relative;
  width: 880px;
}
#header-wrap h2 {
  background: url(images/header.jpg) top center no-repeat;
  height: 300px;
  margin: 0;
  text-indent: -9999px;
}
#header-wrap h3 {
  background: url(images/cta-bg.jpg) center center no-repeat;
  height: 30px;
  margin: 0;
  position: absolute;
  right: 70px;
  text-indent: -9999px;
  top: 20px;
  width: 360px;
}
#content-wrap {
  margin: 0 auto;
  position: relative;
  width: 780px;
}
#navigation {
  background: #f7d4e5;
  overflow: hidden;
}
#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#navigation li {
  float: left;
  margin: 0;
  padding: 0;
}
#navigation a {
  color: #116a88;
  display: block;
  font-family: Times, serif;
  font-weight: bold;
  padding: 5px 20px;
  text-decoration: none;
}
#navigation a:hover {
  color: #666;
}
#container {
  padding: 0 40px;
}
#main {
  float: left;
  width: 400px;
}
#main1 {
  float: left;
  width: 780px;
  background: #3d9ebf url(images/body-bg.jpg) top center repeat-y scroll;
  background-color:#FFF;
  margin-left: -40px;
  text-align: center;
}
#main2 {
  float: left;
  width: 780px;
  background: #3d9ebf url(images/body-bg.jpg) top center repeat-y scroll;
  background-color:#FFF;
  margin-left: -0px;
  text-align: center;
}
#content {
	margin-top: 40px;
	padding-right: 30px;
	text-align: left;
}
#content10 {
	margin-top: 0px;
	padding-right: 0px;
	text-align: left;
	background-color: #FFF;
}
#photos {
  float: right;
  margin-top: 40px;
  width: 300px;
}
#photos h3 {
  text-align: center;
}
#footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #FCF;
	float:left;
	width: 740px;
	
	
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 14px;
	text-align: center;
}
#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer li {
  float: left;
  margin: 0;
  padding: 0;
}
#footer a {
  color: #116a88;
  display: block;
  font-family: Times, serif;
  font-weight: bold;
  text-decoration: none;
}
#footer a:hover {
  color: #666;
}
.bold {
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
.bold {
	color: #3D9ED5;
}