/* Set the background for the page. */
  body {
	background-color:#cccccc;
	color:#000000;
	}
	
	/* Set parameters for the table that contains the page.  This sets the page
	width at a constant value, so it will look decent at multiple resolutions.
	It also centers the page within the browser window, and sets the background
	color/texture for the page.  In this case, the background is the gold texture
	seen in thin strips around the edges.  The reason for setting it as the
	background was so that the texture would continous, since it wouldn't be
	restarted in each separate cell. */ 
  table#page_frame {
    width:80%;
    margin-left:auto;
    margin-right:auto;
  }
  table#content_frame {
    background-color:#ffffff;
	  width:100%;
/*    width:740px;*/
    margin-left:auto;
    margin-right:auto;
		background-image:url(../images/stripes.jpg);
  }
  table#width_frame {
    width:740px;
    font-size:xx-small;
  }
  /* Set the width of the column that contains the menu, and the widths of the
	thin gold stripes. */
  td.center {width:150px;}
  td.stripe {width:2px;} 
	tr.stripe {height:3px;}

  /* Define classes for setting cell borders. */	
	td.top {border-top:1px solid #000000;}
	td.left {border-left:1px solid #000000;}
	td.right {border-right:1px solid #000000;}
	td.bottom {border-bottom:1px solid #000000;}
	td.top2 {border-top:2px solid #000000;}
	td.left2 {border-left:2px solid #000000;}
	td.right2 {border-right:2px solid #000000;}
	td.bottom2 {border-bottom:2px solid #000000;}
  
	/* Set up tables for Firefox, related browsers, Opera, and pretty much
	everything besides Internet Explorer.  IE does tables differently, so a
	special CSS is included to fix it. */
  table {border-collapse:separate; border-spacing: 0px;}
  /* Set background color, margins, alignment of page content by means of its 
	cell in the table. */
	td#content {
    background-color:#ffffff;
    vertical-align:top;
	  padding-top:15px;
  	padding-left:25px;
  	padding-right:25px;
	  padding-bottom:15px;
  }
  /* Set margins of menu through the cell in which it is placed. */
  td#menuframe {
		 padding-top:35px;
		 padding-left:10px;
		 padding-right:10px;
		 padding-bottom:35px;	
		 vertical-align:top;
	}
	/* Set background for top and left sidebars. */
	td.sidebar {
	  background-image:url(../images/sidebars.jpg);
	}
	/* Define properties of table that contains menu. */
	table.menu {
    width:100%;		
    text-align:center;
		font-weight:bold;
    font-size:small;
		font-style:italic;
    font-family:"times new roman", times, serif;
   	}
  
	/* Define properties of menu links. */
  td.menu a:link, td.menu a:visited, td.menu a:active {
	  display:block;
    width:100%;
    height:100%;  
    text-decoration:none;
		background:#ffffff;
		color:#000000; 
  } 
  /* Define properties of the spans that the links contain.  This is necessary
	so that the entire button, and not just the text, act as a link.  It also
	sets the button borders (except for the top border of the top button). */
  td.menu a span { 
    display:block; 
    padding:3px; 
    text-decoration:none;
		border-left:1px solid #000000;
		border-right:1px solid #000000;		
		border-bottom:1px solid #000000;		 
  } 
  /* Set the button background to become invisible when the mouse hovers,
	revealing the gold texture underneath. */
  td.menu a:hover {
    background:#006400;
		color:#ffffff;
	}

	/* Define general content styling.  Set the paragraphs so that there are no 
	empty lines between them. */
  td#content {font-size: small; font-family: helvetica, verdana, sans-serif;}
	td#content p {margin-top: 0; margin-bottom: 0;}
  /* Define a header and a subheader class to use throughout the site.  This
	is better than simply using H1, H2, etc., because it allows size, color,
	alignment, font properties, etc. to be adjusted instantly throughout the site
	through a simply change in one location. */
  td#content *.header {
	  color:#006400;
		font-size:large;
		font-style:italic;
    font-weight:bold;
    text-align:center;
		font-family: "times new roman", times, serif;
	}
	td#content *.subheader, td#content *.subheader2 {
		font-size:medium;
    font-weight:bold;
		font-family: "times new roman",times,serif;
	}	
	td#content *.subheader {
	  color:#006400;
	}	
  td#content *.scripture {
	  font-size:medium;
		font-style:italic;
  	font-family: "times new roman", times, serif;
	}
	/* Define useful styles for use throughout the site. */
	table.standardtable td {
	  vertical-align:top;
		padding-left:5px;
		padding-right:5px;
		border-color:#808080;
	}
	*.bold {
	  font-weight:bold;
	}
	*.italic {
	  font-style:italic;
	}
	*.small {
	  font-size:x-small;
	}
	*.center {
	  text-align:center;
	}
	*.tom, *.dick, *.harry {
	  display:none;
	}