/* Stylesheet for files at http://wesleychurch.org.au */

  /* page-wide settings */

     body { margin: 0; border: 0; padding: 0; background: #ffffff; background-color: #999999; }

     h1   { font:  22pt  Verdana, Arial, Helvetica, sans-serif; } 
     h2   { font:  14pt  Verdana, Arial, Helvetica, sans-serif; } 
     h3   { font:  12pt  Verdana, Arial, Helvetica, sans-serif; } 
     h4   { font:  10pt  Verdana, Arial, Helvetica, sans-serif; } 
     h4 em   { font:  bold  11pt  Verdana, Arial, Helvetica, sans-serif; } 
     p, li  { font:  9pt   Verdana, Arial, Helvetica, sans-serif; } 
     p em, li em { font: bold 10pt   Verdana, Arial, Helvetica, sans-serif; } 

     hr   { width: 60%; text-align: center; }

  /* Centre,  which becomes the whole page */
    #centre { width: 100%; border: 0; margin: 0; padding: 0;  background-color: #ffffff;} 

  /* Heading */

    #head { height: 5em; background: #ffd968; color: black; margin: 0; padding: .5em 0 .5em 0; }
    #head img.corner { display: none; }

    #head h2 { width: 85%; float: left; text-align:center; margin: 5px; font-size: 16pt; }
    #head h4 { margin: 0.1em 0 0 1em; }

    #head img.logo { float: right; margin: 5px 10px 5px 10px; }

 /* Menu */

    #menu { display: none; }


  /* Main section, for main column of two-column pages */

    #main { padding: 10px 3px 10px 3px; }
    #main h1 { color:#ff0000; text-align: center; margin: 0 0 0.3em 0; }
    #main h2 { margin: 1em 0 0.5em 0.4em;  }	
    #main h3 { margin: 1em 0 0.5em 1em;  }
    #main h4 { margin: 1em 0 0.5em 1em; } 

    #main p { margin: 0 4em 0.5em 4em; text-indent:2em; text-align:justify; }	
    #main p.right { text-align: right;  }
    #main p.noindent { text-indent: 0;  }
    #main p.inset { margin-left: 10em; text-indent: -3em;  }
    #main p.nojust { text-align: left;  }
    #main p em { font-size:11pt; font-weight: bold; }
    #main div.box { width: 50%; margin: 0 5em 0.3em 8em; border: 4px groove blue; padding: 0.1em; background: #ccffcc; } 
    #main div.box p.small  { margin: 0 5% 0.5em 5%; text-indent:0; text-align:left; 
          font: 8pt  Verdana, Arial, Helvetica, sans-serif; }
    #main .central { text-align: center; }
    #main p.quote { margin: 0 15% 0.5em 25%; text-indent: 0; }
 
    #main ol li { margin: 0 4em 0.5em 6em;  } 
    #main ul li { margin: 0 4em 0.5em 6em; } 

    #main div.colb { float: right; width: 24%; margin: 0 0 20pt 20pt; padding: 10px 3px 10px 3px; 
                       border-left: solid 1px blue; text-align: center; }
    #main div.colb img { margin: 0; border: 0;  }

    #main a:Link { color: #0000ff; font-weight: bold; }
    #main a:Visited { color: #3333cc;  }
    #main a:Hover { color: #0000ff; background: #ffd968; }

    #main img { margin: 5px; border: 0; vertical-align: middle; max-width: 60%; }
    #main img.small { margin: 5px 2px; border: 0; vertical-align: middle; max-width: 30%; }

    #main img.corner { display: none; }

  /* Col2, for second column of two-column pages */

    #col2 { float: right; width: 24%; margin: 0 0 20pt 20pt; padding: 10px 3px 10px 3px; 
                   border-left: solid 1px blue; border-bottom: solid 1px blue; }

    #col2 h2 { margin: 1em 0 0.5em 0.2em;  }	
    #col2 h3 { margin: 1em 0 0.5em 1em;  }
    #col2 h3.central { margin: 1em 0 0.5em 1em; text-align: center; font-size: 1.4em; }
    #col2 h3.hang { margin: 0.5em 0 0.5em 0.5em; text-align: left; font-size: 1.4em; }
    #col2 h4.hang { margin: 0.5em 0 0.5em 0.5em; text-align: left; font-size: 1.2em; }
    #col2 p { margin: 0 1em 0.5em 2em; text-align:center; }	
    #col2 p.central { margin: 0 1em 0.5em 1em; text-align:center; text-indent: 0; font-size: 0.9em; }
    #col2 div.central { margin: 15px 2px 2px 2px; text-align: center; }	
    #col2 img { margin: 0; border: 0; text-align: center; max-width: 90%; }
    #col2 div.box { width: 80%; margin: 0 5em 0.3em 0.5em; border: 4px groove blue; padding: 5px; background: #ccffcc; } 
    #col2 div.box h4.central { margin: 1em 0 0.5em 1em; text-align: center; font-size: 1.1em; }
    #col2 div.box p.small  { margin: 0 5% 0.5em 5%; text-indent:0; text-align:left; 
          font: 0.9em  Verdana, Arial, Helvetica, sans-serif; }

    #col2 ol li { margin: 0 5% 0.5em 5%; } 
    #col2 ul li { margin: 0 5% 0.5em 5%; } 

    div.colb img { margin: 0; border: 0;  }
    div.colb p { margin: 0 2em 0.5em 2em; text-indent: 2em; }	
    div.colb p.noindent { margin: 0 2em 0.5em 2em; text-indent: 0; }	
    div.colb p.central { margin: 0 2em 0.5em 2em; text-align:center; text-indent: 0; font-size: 0.9em; }
    div.colb div.central { margin: 15px 2px 2px 2px; text-align: center; }	
    div.colb img { margin: 0; border: 0; text-align: center; }


  /* Wide section, for main body of single-column pages */

    #wide { width: 100%; padding: 10px 3px 10px 3px; }
    #wide h1 { color:#ff0000; text-align: center; margin: 0 0 0.3em 0; }
    #wide h2 { margin: 1em 0 0.5em 0.4em;  }	
    #wide h3 { margin: 1em 0 0.5em 1em;  }
    #wide h4 { margin: 1em 0 0.5em 1em; } 


    #wide p { margin: 0 4em 0.5em 5em; text-indent:2em; text-align:justify; }	
    #wide p.right { text-align: right;  }
    #wide p.noindent { text-indent: 0;  }
    #wide p.nojust { text-align: left;  }
    #wide p em { font-size: 12pt; font-weight: bold; }
    #wide div.central { text-align: center; }
    #wide p.quote { margin: 0 15% 0.5em 25%; text-indent: 0; }
 
    #wide ol li { margin: 1px 1px 4px 6px;  } 
    #wide ul li { margin: 1px 1px 4px 6px; } 

    #wide a:Link { color: #0000ff; font-weight: bold; }
    #wide a:Visited { color: #3333cc;  }
    #wide a:Hover { color: #0000ff; background: #ffd968; }

    #wide hr  { width: 80%; text-align: center; }
    #wide img { border: 0; }
    #wide img.corner { display: none; }