/* FileMaker Web Viewer objects cannot handle an external stylesheet if the HTML file is local.
    So we must put the HTML, css, images, js, etc. on the web. 
*/
    
body {
	margin:0; 
	padding: 10px 20px;	/* For page viewing in browsers */
   background: url(../images/BkgGraphPaper.jpg) top center repeat;
   
	/* Default font attributes */
	font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; 
	font-size: 15px;	/* Larger than FileMaker 12pt */
   line-height: 1.4; 
	text-align: left;
}
/* ===== Layout ===== */
/* The separate wrapper and content leave the option of adding header and footer items later. */
#wrapper1 {
	max-width:850px; /* In FM results in about a 30px left and right margin */
	margin-left: auto;
	margin-right: auto; 
}
#content {
	width: 100%; 
}
/* ===== Formatting ===== */
h1 { /* Article title, search engines use h1 heavily. */ 
	font-size: 24px; /* Versus 24px for NYTImes */
	font-weight: 700;
   letter-spacing: .5px;
	margin: 0;
   padding: 0; 
}
h2 { /* Section */
	font-size: 21px; 
	font-weight: 600;
   letter-spacing: .5px;
	margin: 48px 0 12px 0;
   padding: 0;
}
p { /* Default margin is 18px 0. That's fine. */
   margin: 18px 0;
   padding: 0;
}
li {
  	margin: 10px 0px; 
   padding: 0;
}
.indent-box { 
	border:  1px solid #999999;
	padding: 0px 20px;
	margin: 20px 30px;
	background-color: GhostWhite; 
	
	-webkit-box-shadow: #acacac 1px 2px 4px; 
	-moz-box-shadow: 	  #acacac 1px 2px 4px;
	box-shadow: 		  #acacac 1px 2px 4px; 
   
  	border-radius: 		  8px;
}
.indent-box p {
   margin: 10px 0;
}
.image-center, .image-center-no-margin {
	display: block;
	margin: 0 auto;
}
.image-center {
	margin: 30px auto 30px auto; 
}
.fluid-image {
  max-width: 100%;
  width: 100%;
  min-width: 400px;
  height: auto;
}