/* Added to the other CSS file
body { 
	background-color: #F2F2F3;
	padding:0px;
	margin:24px 0px 0px 0px;
	}
p {padding:0px; margin:0px;}
*/

#wrapper-t {
	background-image: url(../img/BG-top.jpg);
	background-repeat: no-repeat;
	width: 1024px;
	height: 6px;	
	margin: 0 auto;
	} 
#wrapper-s {
	background-image: url(../img/BG-side.jpg);
	background-repeat: repeat-y;
	width: 1024px;
	margin: 0 auto;
	} 
	
#wrapper-s2 {
	background-image: url(../img/BG-side2.jpg);
	background-repeat: repeat-y;
	width: 1024px;
	margin: 0 auto;
	} 
	
#wrapper-b {
	background-image: url(../img/BG-bottom.jpg);
	background-repeat:  no-repeat;
	width: 1024px;
	height: 8px;	
	margin: 0 auto;
	} 
#container {
	text-align: left;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 12px;
	}

/* These two used together create a box with a drop-shadow */
#box-1a {
  width: 400px;
  background: #CCCCCC;
  }
#box-1b {
  position: relative;
  left: -2px;
  top: -2px;
  background: #E8EEF4;
  padding: 8px;
  border: 1px 0px 0px 1px solid #DDDDDD;
  }
/* End of drop-shadow box */

/* Sample HTML
<div id="wrapper-t">&nbsp;</div>
<div id="wrapper-s">
	<div id="container">
		<p>"Friends, Romans, Countrymen, lend me your ears..."</p>
		<p>&nbsp;</p>
		<div align="center">
			<div id="box-1a">
				<p id="box-1b">"Friends, Romans, Countrymen, lend me your ears..."</p>
			</div> 
		</div>
	</div>
</div>
<div id="wrapper-b">&nbsp;</div>
*/
#container2 {
	text-align: left;
	padding-top: 0px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 18px;
}