/* css_site.css style sheet for healthcare webpage */
/* includes styles generated by Word with filtered html output.  */

/* uses div col1 and col2 as containers for headers, text, and scroll   */
/* bars for the two columns. col1 needs to be fixed and specify min and */
/* width. col2 adapts to col1.                                          */



  * {font-family: arial, helvetica, sans-serif ; }
  
  body  { background-image: url("bkgrnd.jpg") ;
          margin: 0 auto ;
        }

   hr  { text-indent: 0 }

   li  {text-indent: 0em ;
        margin-bottom: 1ex} 


 

   /* main overall container  */
  #overall   { margin: 0 auto ;     /* auto makes in center in browser */
               width: 100% ; 
               background-color: rgb(85%,85%,85%) ;  /* light gray */
               min-width: 40em ;    
               max-width: 60em ; 
               overflow: hidden ;  /* hidden needed for ie */
               
             }


   /* left column */
  #col1       {margin: 0 auto ; 
               min-width: 13.6em ;  /* .34 of 40 and 60 */
               max-width: 20.4em ;
               float: left ;
               width: 34% ;  
               text-indent: 0 ;
               overflow: hidden ; 
               position: fixed ;   /* fixed makes it not scroll with right column */
             }

   /*  right column */
  #col2      { margin: 0 ; 
               float: right ;
               width: 66% ;  
               overflow: hidden ;
             }


  /*** if browser width less than 700 pixels, align vertically rather than horizontally ***/
 @media (max-width: 800px) {
   /* main column for navigation links */

   /* main overall container  */

  #overall   { margin: 0 auto ; 
               width: 100% ; 
               background-color: rgb(85%,85%,85%) ;  /* light gray */
               min-width: 15em ;    
               max-width: 80em ; 
               overflow: visible ; 
             }


  #col1       {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 */
  #col2       { 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 ***/



   /* heading both columns */
  #head      { text-align: center ;
               text-indent: 0 ;
               font-weight: bold ;
               margin: 0 auto ;
               color:  silver ;
               background-color: rgb(90,0,0) ; /* maroon */
             }


  #head  h1  { font-size: 170% ;
               margin: 0 ;
               padding-top: .5ex ;
             } 

  #head  h2  { font-size: 140% ;
               margin: 0 ;
               padding-top: .5ex ;
               padding-bottom: .5ex ;               
             } 

   /* div to make scroll bars. hidden if no scrollbar needed.        */
   /* Height controlls the max height of the left column display of  */
   /* content (right col will extend longer if needed). This matters */
   /* for browsers displaying many rows. want height to include all  */
   /* or display many rows on browsers with many rows. 76 is good    */
   /* max value, but less is ok if all rows are displayed. add blank */
   /* rows (10-40) at end of left column to have scrollbar display   */
   /* all rows when the browser does not have many rows.             */
  #scrollcol  {overflow: auto ;
  	           margin: 0 auto  ;
  	           width: 100% ;
  	           height: 60em ;   /* has to be fixed length not % */
  	           position: relative ;
  	           } 

   /* with below uncommented, scroll bars appear when mouse hovers if overflow: hidden above */  
   /* #scrollcol:hover {overflow: auto ; } */


  hr.menuline  {margin-top: 1.5em ;
  	            margin-bottom: 1em }


   /* main column on left. */
  #text1     { margin: 0 ; 
               text-align: left ;
               text-indent: 0 ;
               padding-left: 1.5% ;
               padding-right: 1.5% ;
               background-color: rgb(85%,85%,85%) ;  /* light gray */
             }


  #text1 h1  { font-size: 140% ;
               font-weight: bold ; 
               color: navy
               margin-bottom: 2ex ;
               margin-top: 2ex ; ;
              } 


  #text1 h2    { font-size: 110% ;
                 font-weight: bold ;
                 color: navy ;
                 margin-top: 1.3em ;
                 margin-bottom: 1ex ;
               }

  #text1  p, address, p.MsoToc1
             { font-size: 92% ;
  	           margin-top: 1ex ;
               margin-bottom: 1.5ex ;
  	           padding-left: 2ex ;
  	           padding-right: 1.5ex ;
               color: navy ;
  	          }


  #text1 p.menulink  {text-align: center ;       /* links top and bottom */
  	                  font-size: 85% ;
  	                 }


   /* text column on right */
  #text2      { margin: 0 ; 
                text-align: left ;
                background-color: white ; 
                padding-top: 1em ;
                padding-left:  1.5% ;  
                padding-right: 1.5% ;  
                font-size: 105% ;
                line-height: 1.35em ;
                text-indent: 2ex ;    /* most paragraphs controlled by msonormal */
             }

  #text2 h1   { text-align: center ;
                font-weight: bold ; 
                font-size: 150% ;
                text-indent: 0 ;
                margin-top: .5ex ; } 

  #text2 h2   { text-align: left ;
                font-weight: bold ; 
                font-size: 130% ;
                text-indent: 0 ;
                margin-bottom: .8em ;
                margin-top: 1.5em ; } 

  #text2 h3   { text-align: left ;
                font-weight: bold ; 
                font-size:  110% ;
                text-indent: 0 ;
                margin-bottom: .6em ;
                margin-top: 1.2em ; } 
  
  #text2 h4   { text-align: left ;
                font-style: italic ; 
                font-size:  100% ;
                text-indent: 0 ;
                margin-bottom: .4em ;
                margin-top: 1em  ; } 

  
  #text2  p.menulink {text-align: center ;     /* links at bottom */
  	                  font-size: 80% ;
  	                  padding-bottom: 2ex ;
  	                 } 
               


  /* **** used by Word filtered html for main text *** */

 p.Center {text-indent: 0 ;    
           margin:0in;
           margin-bottom: .5ex ;
           text-align: center }
 
 
 p.MsoNormal, li.MsoNormal, div.MsoNormal
  {margin:0in;
   margin-bottom: .5ex ;
   text-indent: 2ex ;
 }

 p.Normaladdspace
  {margin:0in;
   text-indent: 2ex ;
   margin-bottom: 1.6ex ;
 }

p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
  {margin-top:0in;
   margin-right:0in;
   margin-bottom:0in;
   margin-left: 3em ;
   margin-bottom: .5ex ;
   text-indent: -1.6em ; }

p.NoIndentPara, li.NoIndentPara, div.NoIndentPara
  {margin-bottom:.0001pt;
   text-align: left ; 
   text-indent: 0;  }

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.IndentedParagraph
 {margin-top:0in;
  margin-right:0in;
  margin-left: 2ex ;
  margin-bottom: 1ex ;
  text-align: left ;
  text-indent: 0ex ; }


  /*** if browser width less than 700 pixels, align vertically rather than horizontally ***/
@media (max-width: 800px) {
 #col1      p.MsoToc1
             { font-size: 92% ;
  	           margin-top: 0ex ;
               margin-bottom: 1.5ex ;
  	           padding-left: 2ex ;
  	           padding-right: 1.5ex ;
  	           padding-top: 0 ;
  	          }

 #col2     table.MsoNormalTable 
             {margin-left: auto;
             	margin-right: auto } 

  #text2 h1   { text-align: center ;
                font-weight: bold ; 
                font-size: 150% ;
                text-indent: 0 ;
                margin-left: 1ex ; 
                margin-top: .5ex ; } 

  #text2 h2   { text-align: left ;
                font-weight: bold ; 
                font-size: 130% ;
                text-indent: 0 ;
                margin-left: 1ex ; 
                margin-bottom: .8em ;
                margin-top: 1.5em ; } 

  #text2 h3   { text-align: left ;
                font-weight: bold ; 
                font-size:  110% ;
                text-indent: 0 ;
                margin-left: 1ex ; 
                margin-bottom: .6em ;
                margin-top: 1.2em ; } 
  
  #text2 h4   { text-align: left ;
                font-style: italic ; 
                font-size:  100% ;
                text-indent: 0 ;
                margin-left: 1ex ; 
                margin-bottom: .4em ;
                margin-top: 1em  ; } 

  
  #text2  p.menulink {text-align: center ;     /* links at bottom */
  	                  font-size: 80% ;
                      margin-left: 1ex ; 
  	                  padding-bottom: 2ex ;
  	                 } 


 p.MsoNormal, li.MsoNormal, div.MsoNormal
  {margin:0in;
   margin-left: 1ex ; 
   margin-bottom: .5ex ;
   text-indent: 2ex ;
 }

 p.Normaladdspace
  {margin:0in;
   margin-left: 1ex ;
   margin-bottom: .5ex ;
   text-indent: 2ex ;
   margin-bottom: 1.6ex ;
 }


 p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
  {margin-top:0in;
   margin-right:0in;
   margin-bottom:0in;
   margin-bottom: .5ex ;
   padding-left: 2.5em ;
   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 ;}
 
 

