#outerWrapper #contentWrapper {
  background-image: url(images/postcard.jpg);
  background-repeat: no-repeat;
  height: 670px;
  margin:0;
}
#outerWrapper #contentWrapper #leftColumn1 {
  float: left;
  padding: 5px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: 560px;
  overflow:hidden;
}
#outerWrapper #contentWrapper #leftColumn1 #header {
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */	
}
#outerWrapper #contentWrapper #leftColumn1 #header #address {
	padding: 25px 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */	
}
#outerWrapper #contentWrapper #leftColumn1 #header img {
 	margin: 0;
	padding: 0px 5px 0px 0;
  float: left;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
  margin: 0px 10px 0 600px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 130px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
#outerWrapper #contentWrapper #content h1 {
	margin: 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 25px 15px 0px 15px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000;
  font-size: 16px;
  font-weight: bold;
}
#outerWrapper #contentWrapper #content #Text {
	margin: 0px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0px 10px 10px 15px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	height: 320px;
	overflow:auto;
	font-size: 11px;
	line-height: 15px;
}
#outerWrapper #contentWrapper #content #Text p{
	margin: 10px 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#outerWrapper #contentWrapper .clearFloat {
  clear: left;
  display: block;
}
#outerWrapper #footer {
	padding: 5px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	font-size: .8em;
	width: 98%;
}
#outerWrapper #footer #sound {
	margin: -5px 0px 0px 0px;
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	float:right;
}
#outerWrapper #footer a,  a:link {
  color: #000;
  text-decoration: underline;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #000;
  font-weight:bold;
  text-decoration: underline;
}
