/* Style sheet for drop shadow container - outer edges of pages  */

/* -- graphic drop-shadow from original layout:
#wrapper-t {
	background-image: url(BG-top.jpg);
	background-repeat: no-repeat;
	width: 1024px;
	height: 6px;	
	margin: 0 auto;
	} 
#wrapper-s {
	background-image: url(BG-side.jpg);
	background-repeat: repeat-y;
	width: 1024px;
	margin: 0 auto;
	} 
#wrapper-b {
	background-image: url(BG-bottom.jpg);
	background-repeat:  no-repeat;
	width: 1024px;
	height: 8px;	
	margin: 0 auto;
	} 
*/

#wrapper-t {
	margin: 0 auto;
	} 
#wrapper-s {
	background-color:#FFF;
	width: 1006px;
	margin: 0 auto;
	border: 1px solid #54949E;
	border-radius:15px;
	-moz-border-radius:15px; /* Old Firefox */
	/* drop-shadow */
	-moz-box-shadow: 3px 3px 4px #666666;
	-webkit-box-shadow: 3px 3px 4px #666666;
	box-shadow: 3px 3px 4px #666666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
	} 
#wrapper-b {
	margin: 0 auto;
	}

#container {
	/* padding: 0px 6px 0px 12px;  <-- part of original layout */
	text-align: left;
	overflow: auto;  /* <--NOTE: this keeps the parent element from collapsing due to using "float" with the child element(s) */
	}

/* 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 using drop-shadow:
<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>
*/