@charset "utf-8";
/* CSS Document */

			body {
				font-family: Georgia, 'Times New Roman', serif;
				font-size: 1.5rem;
				background-image: url(../images/tanpaper160.gif);
				background-repeat: repeat;
			}
			#banner_cell{
				background-color: #FFCCFF;
				background-image: url(../images/blankspine1170x135.jpg);
				background-size: 1170px 135px;
				background-repeat: no-repeat;
				height: 135px;
			}
			#bnrtxt_left{
				position: relative;
				float: left;
				 
				color:yellow;
				text-shadow:#352901 2px 2px 2px;
				text-align: center;
				height: 100%;
			}
			#bnrtxt_right{
				position: relative;
				float: right;
				text-shadow:#352901 2px 2px 2px;
				color:yellow;
				text-align: center;
			}
			.btn-brown {
				color: #ff0;
			    background-color: #663300;
			    border-color: #d98b0b;
			    /*border-top: #b35900;
			    border-bottom: #1a0d00;
			    border-right:#b35900;
			    border-left:#1a0d00;*/
			}
			a.btn-brown:hover {
				color: white;
			}   
			 
			p.subtitle {
				font-size: 1.8em;
			}
			#chapter_col{
				float: right;
			}
			#ToC {
			/*	background-color: #CCFFFF;*/
			}
			#chapter_content {
				/*background-color: #FFFFCC;*/
			}
			.p_num {
				position: relative; float: left; width: 3em; text-align:right; 
			}
			.p_txt {
				position: relative; float: right; width: calc(100% - 9em); margin-right:5em; 
			}
			/* Table of Contents */
			#contents_table {
				width: 80%;
			}
			td.roman {
				width: 4em; text-align: right; vertical-align: top;
			}
			td.dash {
				width: 1em; text-align: center; vertical-align: top;				
			}
			td.desc {
				width: calc(100% - 5em);
			}
			.sml-caps {
				 font-variant: small-caps; font-weight: bold;
			}
			.footer_text {
				font-family: Verdana, san-serif;
				font-size: .8rem;
				color: #777;
				margin-top: 2em;
			}
			
@media (max-width: 543px) 
{
  p.title {
	font-size: 14px;
	font-weight: bold;
 
	}
  p.subtitle {
	font-size: 12px;
	font-weight: bold;
 
	}
	#bnrtxt_right{
		margin-top: 2em;
	}
	#bnrtxt_left{
		margin-top: 3em;
	}
}

@media (min-width: 544px) 
{
  p.title {
	font-size: 18px;
	 
	}
  p.subtitle {
	font-size: 16px;
	 
	}
	#bnrtxt_right{
		margin-top: 2em;
	}
	#bnrtxt_left{
		margin-top: 2em;
	}
}

@media (min-width: 768px) {
  p.title  {
    font-size: 24px;
	 
  }
  p.subtitle {
	font-size: 20px;
	 
	}
	#bnrtxt_right{
		margin-top: 1em;
	}
	#bnrtxt_left{
		margin-top: 2em;
	}
}

@media (min-width: 992px) {
  
  p.title  {
    font-size: 30px;
	/*margin-top:1em;*/
  }
  p.subtitle {
	font-size: 24px;
	}
}