body {
      font-size: 62.5%;
      /* "body" default font size is 62.5% that of browser default (presumably 16px); thus=10px */
      margin: 0 auto 20px;
      width: 100%;
      /*max-width: 1200px;*/
      background-color: rgb(240, 240, 240);
      /* 9bcaff */
    }

    h3 {
      font-family: 'Times New Roman',Merriweather,georgia, serif;
      font-size: 2.4em;
      line-height: 1.4;
      text-align: left;
      color: #990000;
    }

    h2 {
      font-family: 'Times New Roman',Merriweather,georgia, serif;
      font-size: 3.0em;
      line-height: 1.4;
      text-align: center;
      color: #990000;
    }

    h1 {
      font-family: Lato,arial, verdana, sans-serif;
      font-size: 2.0em;
      line-height: 1.4;
      text-align: left;
    }

    hr {
      border-top: solid 4px #000000;
      margin-top: 75px;
      margin-bottom: 20px;
    }

    p {
      font-family: 'Times New Roman',Arial,Georgia, times, serif;
      color:#000000;
      font-size: 1.8em;
      line-height: 1.5;
    }

    a {
      color: #0000cc;
      text-decoration: underline;
      font-weight: inherit;
      font-size: inherit;
    }


    .image_box {
      margin: 20px auto 30px;
      max-width: 95%;
      background-color: transparent;
      padding-bottom: 1px;
      border-bottom: solid black 0.5px;
      /*border:none; */
    }

    .image_box p {
      font-family: arial, verdana, sans-serif;
      font-size: 1.4em;
      line-height: 1.3;
      font-weight: bold;
      color: #000000;
      text-align: center;
     
    }

    .image_box img {
      max-width: 550px;
      display: block;
      margin: 0 auto;
    
    }


    /* For setting up English-Latin litany table */

    .litany {
      margin: 0 auto;
      width: 90%;
      border: 0px solid red;
      border-spacing: 8px;
      padding: 0%;
      background-color: transparent;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
    }

    .litany td {
      font-family: 'Times New Roman',georgia, serif;
      font-size: 1.4em;
      border: 0px solid green;
      padding: 2%;
      line-height: 1.5;
      vertical-align: super;
    }

    .litany th {
      font-family: 'Times New Roman',georgia, serif;
      border: 0px solid green;
      padding: 2%;
      font-size: 1.4em;
      line-height: 1.5;
      vertical-align: super;
    }

    .litany tr:nth-of-type(odd) {
      background-color: #eeeeee;
    }

    
    ul {
      list-style-type: disc;
    }

    ul li {
      margin-bottom: 15px;
      font-family: 'Times New Roman',georgia, times, serif, verdana, arial, sans-serif;
      font-size: 1.8em;
      line-height: 1.3;
    }

    ol li {
      margin-bottom: 15px;
      font-family: 'Times New Roman',georgia, times, serif, verdana, arial, sans-serif;
      font-size: 1.8em;
      line-height: 1.3;
    }
  
 /* Revised style sheet  */   
	
	
.con	{margin:0 auto;   /* Contains Left & Right floats */
		padding:0%; 
		max-width:884px
 
        }
		


  .nav    {position: sticky;
              top:0; 
              background-color: #880022;
              padding:1.0%;
              word-spacing: 44px;
              opacity:100%;
              text-align:center;
              z-index: 1000;
      
            }	 

  .nav p	{font-family:'Lato','Tangerine',serif,'Lato',arial, verdana, sans-serif;
           
  			color:#ffffff;
  			font-size:1.4em;
			line-height:1.2;      
         
			 }  
  .nav a {
      color: #ffffff;
      text-decoration: underline;
      font-family:'Lato','Tangerine',serif,'Lato',arial, verdana, sans-serif;
      font-weight: 400;
      font-size: 1.4em;
      line-height:1.2;
      letter-spacing:0.2em;
    
    }  
    
    
  .left    {float:left;
            /* position: sticky;
              top:20px;  */
            
  		   margin:10px 1%;
		   width:23%;
		   background-color:#e2ede6;
		   padding:1%;
		   border-width:0;
		   box-sizing:border-box;}
  
 .left img {display:block;
			margin:0 0 20px;
			width:100%;
			 }      
 
  
  .left p	{font-family:'Times New Roman',serif,'Lato',arial, verdana, sans-serif;
           
  			color:#000000;
  			font-size:1.3em;
			line-height:1.5;
			 }
			
			
	.left h1 { font-family:Georgia,"Times New Roman",serif;
  			font-size:1.7em;
			color:#880000;
			line-height:1.2;
			margin:0;
			padding:0;}
	
	.left h2 { font-family:Georgia,"Times New Roman",serif;
  			font-size:1.3em;
			color:#000000;
			line-height:1.1;
			margin:16px 0 0;
			padding:0;
			text-align:left;}
	
	.left h3 { font-family:arial, verdana, sans-serif;
  			font-size:1.2em;
			color:#000000;
			line-height:1.1;
			margin:1em 0 0;
			padding:0;}
  
.right {float:right;
	   max-width:74%;
	   margin:10px auto;
	   padding:2%;
	   background-color:#ffffff;
	   border-width:0;
	   box-sizing:border-box;}  

.right p  {font-family: 'Times New Roman',Arial,Georgia, times, serif;
          color:#000000;
          font-size: 1.8em;
          line-height: 1.5;
        }

.right h3 {
      font-family: 'Times New Roman',Merriweather,georgia, serif;
      font-size: 2.4em;
      line-height: 1.4;
      text-align: left;
      color: #990000;
    }

.right h2 {
      font-family: 'Times New Roman',Merriweather,georgia, serif;
      font-size: 3.0em;
      line-height: 1.4;
      text-align: center;
      color: #990000;
    }

.right h1 {
      font-family: Lato,arial, verdana, sans-serif;
      font-size: 2.0em;
      line-height: 1.4;
      text-align: left;
    }

.right hr {
      border-top: solid 4px #000000;
      margin-top: 75px;
      margin-bottom: 20px;
    }

.right2 {float:right; width:46%;margin:0;background-color:#009900; }  

    
    /*
ul	   {list-style-type:disc;
	   margin:0;padding:0; }
	   
ul li	   {margin-bottom:15px;}	

ol li	   {margin-bottom:15px;}
*/
    
    
    
/*
.navi		{margin:0;
			padding:0;
			position:relative;
		background-color:#cc0000;
		text-align:center;
		display:block;
		 }
		 
.navi a	{color:#ffffff;
text-decoration:none;
font-family:arial;
font-size:18px;
font-weight:normal;

		 }

.navi ul {text-align:center;
	  	 list-style-type:none;
	  	 padding:0
		 margin:0}
		 	 
.navi li {
	  display:inline-block;
	  padding:3%;
	  margin:0;
	  background-color:0011cc;
	  
	  }		
	  
	  li a {background-color:#000088;}	 
		 
.navi li:hover a{
	  background-color:#0000ee;
	  text-decoration:none; 
	  font-weight:bold;
				 }	 

			 
				
.subnav {	display:none; 
			position:absolute;			
			text-align:right; 
			background-color:yellow;
			z-index:2;}
	
.navi li:hover  .subnav {display:block;
	  			text-align:left;}


.banner			{ background-color:green;
				position:fixed;
				top:0;
				left:0;
				width:100%;
				margin:0;
				text-align:center;
				padding:0;
				box-sizing:border-box;}
*/