/* css_site.css style sheet for archive book main page. 4/9/2012 */
/* includes styles generated by Word with filtered html output.  */

/* to get columns to work properly, key thing is get percent correct in */
/* headcol2, maincol1, and maincol2.  maincol1 and mailcon2 should add  */
/* to 100%. headcol2 and maincol2 should be the same -- including       */
/* margins and pads. also must set min and max width in maincol1.       */


  * {font-family: arial, helvetica, sans-serif ; }
  
  body  { font-family: arial, helvetica, sans-serif ; 
          text-align: center ;
          background-image: url("bkgrnd.jpg") ;
          margin-top: 0 ; 
        }


   hr  { text-indent: 0 }

   li  {text-indent: 0em ;
        margin-bottom: 1ex} 

    h1  { text-align: center ;
          font-weight: bold ; 
          font-size: 150% ;
          text-indent: 0 ;
          margin-top: .5ex ; } 

    h2  { text-align: center ;
          font-weight: bold ; 
          font-size: 130% ;
          text-indent: 0 ;
          margin-bottom: .8em ;
          margin-top: 1.5em ; } 

    h3  { text-align: left ;
          font-weight: bold ; 
          font-size:  110% ;
          text-indent: 0 ;
          margin-bottom: .6em ;
          margin-top: 1.2em ; } 
  
    h4  { text-align: left ;
          font-style: italic ; 
          font-size:  100% ;
          text-indent: 0 ;
          margin-bottom: .4em ;
          margin-top: 1em  ; } 


  /* set for optional gray background with body */ 
  #graybkgnd  { background-image: url("bkgrndgray.jpg") }


   /* main column for entire paper without 2 columns */
  .divcenter { margin: 0  auto ; 
               text-align: justify ;
               background-color: rgb(100%,100%,100%) ;  /* white */
               max-width: 520px ;
               padding-left:  2ex ;
               padding-right: 2ex ; 
               text-indent: 3ex ;
             }


  .divtable { width: 750px ;
  	          margin: 0 auto ;
              background-color: rgb(100%,100%,100%) ;  /* white */
              text-align: left ; }



   /* many of the items below here are for 2 columns */
   
   /* heading across top overall container for 2 columns */
  #headall   { margin: 0  auto ; 
               width: 100% ; 
               background-color: rgb(90,0,0) ; /* maroon */
               min-width: 40em ;    
               max-width: 60em ;   
               overflow: hidden ;  /* needed for ie */
             }




/* heading right column (left col not used) */
  #headcol2  { margin: 0 auto ; 
               text-align: center ;
               float: right ;
               width: 66% ;  
               color:  silver ;
               text-indent: 0em ;
               overflow: hidden ;
             }


   /* main overall container */
  #mainall   { margin: 0 auto ; 
               width: 100% ; 
               background-color: rgb(85%,85%,85%) ;  /* light gray */
               min-width: 40em ;    
               max-width: 60em ; 
               overflow: hidden ; 
             }


   /* main column on left. */
  #maincol1   {top:0 ;
  	           position: fixed ;
  	           margin: 0 auto ; 
               text-align: left ;
               float: left ;
               width: 34% ;  
               min-width: 13.6em ;  /* .34 of 40 and 60 */
               max-width: 20.4em ;
               text-indent: 0em ;
               background-color: rgb(85%,85%,85%) ;  /* light gray */
             }

   /* main column on right */
  #maincol2   { margin: 0  auto ; 
                text-align: left ;
                background-color: white ; 
                float: right ;
                width: 63% ;  
                padding-top: 1em ;
                padding-left:  1.5% ;  
                padding-right: 1.5% ;  
                text-indent: 2ex ;    /* most paragraphs controlled by msonormal */
             }


  /*** if browser width less than 700 pixels, align vertically rather than horizontally ***/
 @media (max-width: 800px) {

   /* heading across top overall container */
  #headall   { margin: 0  auto ; 
               width: 100% ; 
               background-color: rgb(90,0,0) ; /* maroon */
               min-width: 15em ;    
               max-width: 80em ;   
               overflow: hidden ;  /* needed for ie */
             }


/* heading right column (left col not used) */
  #headcol2  { margin: 0 auto ; 
               text-align: center ;
               float: none ;
               width: 100% ;  
               color:  silver ;
               text-indent: 0em ;
               position: static ;
               overflow: visible ;
             }



  #mainall   { margin: 0 auto ; 
               width: 100% ; 
               background-color: rgb(85%,85%,85%) ;  /* light gray */
               min-width: 15em ;    
               max-width: 80em ; 
               overflow: visible ; 
             }


   /* main column for navigation links */
  #maincol1   {top:0 ;
  	           position: static ;
  	           margin: 0 auto ; 
               text-align: left ;
               float: none ;
               width: 100% ;  
               min-width: 10em ; 
               max-width: 78em ;
               text-indent: 0em ;
               background-color: rgb(85%,85%,85%) ;  /* light gray */
             }

   /* main column for text */
  #maincol2   { margin: 0  auto ; 
                margin-left: 1em ;
                text-align: left ;
                background-color: white ; 
                position: static
                float: none ;
                width: 100% ;  
                padding-top: 1em ;
                padding-left:  1.5% ;  
                padding-right: 1.5% ;  
                text-indent: 2ex ;    /* most paragraphs controlled by msonormal */
             }

 }  /*** end max-width 800px ***/



   /* use h1 for more detailed (but smaller) line for search engines.  */
  #headcol2 h2  { text-align: center ;
                  font-weight: bold ; 
                  font-size: 170% ;
                  text-indent: 0 ;
                  margin-bottom: 0 ;
                  margin-top: .4ex ; ;
                 } 
  
  #headcol2 h1  { text-align: center ;
                  font-weight: bold ; 
                  font-size: 120% ;
                  text-indent: 0 ;
                  margin-bottom: .6ex ;
                  margin-top: .5ex ; } 



  #headcol2 h1.widemarg { font-size: 160% ;
                          margin-bottom: 1ex ;
                          margin-top: 1ex ; } 




   /* div to make scroll bars on left collumn. hidden for no scrollbar  */
  #scrollcol1 {overflow: auto ;
  	           margin: 0 auto ;
  	           width: 100% ;
  	           height: 35em ;   /* has to be fixed length not %.  add spaces at end to display all */
  	           position: relative ;
  	           } 

   /* scroll bars appear when mouse hovers with overflow: hidden above */  
   /* #scrollcol1:hover {overflow: auto ; } */
  
  
   /* for image at top of column */
  #maincol1 img { width: 100% ;}   

  
  #maincol1 p, address, p.MsoToc1
             { font-size: 85% ;
  	           margin-top: 1ex ;
               margin-bottom: 1.5ex ;
  	           padding-left: 2ex ;
  	           padding-right: 1.5ex ;
               color: navy ;
  	          }

  #maincol1 p.MsoToc1
             { font-size: 92% ;
  	           margin-top: 2ex ;
               margin-bottom: 1.5ex ;
  	           padding-left: 2ex ;
  	           padding-right: 1.5ex ;
  	          }


  #maincol1 p.MsoToc2  
             { font-size: 85% ;
  	           margin-top: 1ex ;
               margin-bottom: 1.5ex ;
  	           padding-left: 3.5ex ;
  	           padding-right: 1.5ex ;
  	          }

  
  #maincol1 p.currentch {color: purple }  /* set current chapter to default visited color */

  #maincol1 h2 { font-size: 100% ;
                 font-weight: bold ;
                 color: navy ;
                 margin-top: 1.3em ;
                 margin-bottom: 1ex ;
                 padding-left:1.0ex ;
                 padding-right: 1.0ex ;
               }

  

  p.menulink  {text-align: center ;              /* links at top */
  	           margin-bottom: 0 ;
  	          }
  
  #maincol1 p.menulink2 {text-align: center ; }   /* links at bottom */
  
  #maincol1 p.menulinkw  {text-align: center ;              /* wide links at top */
                          margin-top: 2.8ex ;
                          margin-bottom: 2.8ex ;
             	           }

  #maincol2 p.menulink2 {text-align: center ; 
  	                    font-size: 90% } 
               
               

  hr.menuline  {margin-top: 1.5em ;
  	            margin-bottom: 1em }

                

  #maincol2  td {font-size: 95% }     /* usually used with figurecaption style */


  
  #maincol2 img {max-width: 100% ;
                 width: auto ;
                 height: auto ;
  	             margin-left: auto ;
  	             margin-right: auto ;
  	          }


  #maincol2 h1  { text-align: center ;
                  font-weight: bold ; 
                  font-size: 150% ;
                  text-indent: 0 ;
                  margin-top: .5ex ; } 

  #maincol2 h2  { text-align: center ;
                  font-weight: bold ; 
                  font-size: 130% ;
                  text-indent: 0 ;
                  margin-bottom: .8em ;
                  margin-top: 1.5em ; } 

  #maincol2 h3  { text-align: left ;
                  font-weight: bold ; 
                  font-size:  110% ;
                  text-indent: 0 ;
                  margin-bottom: .6em ;
                  margin-top: 1.2em ; } 
  
  #maincol2 h4  { text-align: left ;
                  font-style: italic ; 
                  font-size:  100% ;
                  text-indent: 0 ;
                  margin-bottom: .4em ;
                  margin-top: 1em  ; } 



  #downloadcol { text-indent: 0; }
  
  #downloadcol p {margin-bottom: .4em ;
  	              margin-top: 1em ;
  	              font-size: 90% ;
  	             }  



  /* **** used by Word filtered html for main text *** */

 p.MsoNormal, li.MsoNormal, div.MsoNormal
  {margin:0in;
   margin-bottom: .5ex ;
   text-indent: 2ex ;
   line-height: 1.2em ;
 }

p.NoIndentPara, li.NoIndentPara, div.NoIndentPara
  {margin:0in;
   margin-bottom: .5ex ;
   text-indent: 0 ;
   line-height: 1.2em ;
   }

p.IndentedParagraph
 {margin-top:1ex ;
  margin-right:2ex;
  margin-left: 2ex ;
  margin-bottom: 1.5ex ;
  text-align: justify ;
  text-indent: 0ex ; }


p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
  {margin-top:0in;
   margin-right:0in;
   margin-bottom:0in;
   margin-left: 3em ;
   margin-bottom: .5ex ;
   line-height: 1.2em ;
   text-align: left ;
   text-indent: -2em ; }

p.FigureCaption, li.FigureCaption, div.FigureCaption
 {margin-top: .2em ;
  margin-right: 0 ;
  margin-bottom: .3em ;
  margin-left: 0 ;
  text-indent: 0 ;
  font-size: 85% ;  }

p.Hanging, li.Hanging, div.Hanging
 {margin-top:0in;
  margin-right:0in;
  margin-left: 2ex ;
  margin-bottom: 1ex ;
  text-align: left ;
  text-indent: -2ex ; }
  

p.Center { text-indent: 0 ;    
           margin:0in;
           margin-bottom: .5ex ;
           line-height: 1.2em ;
           text-align: center }


  /*** if browser width less than 700 pixels, align vertically rather than horizontally ***/
@media (max-width: 800px) {


 #maincol2 p {margin-left: 1em}


  #maincol2 h1  { text-align: center ;
                  font-weight: bold ; 
                  font-size: 150% ;
                  text-indent: 0 ;
                  margin-left: .8em ;  
                  margin-top: .5ex ; } 

  #maincol2 h2  { text-align: left ;
                  font-weight: bold ; 
                  font-size: 130% ;
                  text-indent: 0 ;
                  margin-left: .8em ;
                  margin-bottom: .8em ;  
                  margin-top: 1.5em ; } 

  #maincol2 h3  { text-align: left ;
                  font-weight: bold ; 
                  font-size:  110% ;
                  text-indent: 0 ;
                  margin-left: .8em ;
                  margin-bottom: .6em ;
                  margin-top: 1.2em ; } 
  
  #maincol2 h4  { text-align: left ;
                  font-style: italic ; 
                  font-size:  100% ;
                  text-indent: 0 ;
                  margin-left: .8em ;
                  margin-bottom: .4em ;
                  margin-top: 1em  ; } 

#maincol1 p.MsoToc1
             { font-size: 92% ;
  	           margin-top: 0ex ;
               margin-bottom: 1.5ex ;
  	           padding-left: 2ex ;
  	           padding-right: 1.5ex ;
  	           padding-top: 0 ;
  	          }

#maincol2 table.MsoNormalTable 
             {margin-left: auto;
             	margin-right: auto } 

p.MsoNormal, li.MsoNormal, div.MsoNormal
  {margin:0in;
   margin-left: 1em ;
   margin-bottom: .5ex ;
   text-indent: 2ex ;
   line-height: 1.2em ;
 }

p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
  {margin-top:0in;
   margin-right:0in;
   margin-bottom:0in;
   margin-bottom: .5ex ;
   padding-left: 2.5em ;
   line-height: 1.2em ;
   text-indent: -2em ; }

p.NoIndentPara, li.NoIndentPara, div.NoIndentPara
  {margin-bottom:.0001pt;
   margin-left: 1em ;
   text-align: left ; 
   text-indent: 0;  }

p.FigureCaption, li.FigureCaption, div.FigureCaption
 {margin-top: .2em ;
  margin-right: 0 ;
  margin-bottom: .3em ;
  margin-left: 1em ;
  text-indent: 0 ;
  font-size: 85% ;  }

p.Hanging, li.Hanging, div.Hanging
 {margin-top:0in;
  margin-right:0in;
  margin-bottom: 1ex ;
  padding-left: 2ex ; 
  text-align: left ;
  text-indent: -2ex ; }
  
p.IndentedParagraph
 {margin-top:0in;
  margin-right:0in;
  margin-left: 3ex ;
  margin-bottom: 1ex ;
  text-align: left ;
  text-indent: 0ex ; }

}  /*** end max-width 800px ***/



span.ContentBold
 { font-weight: bold ; }

span.Content
 {font-family: arial, helvetica, sans-serif ;}

span.MsoHyperlink
 {font-family: arial, helvetica, sans-serif ;}