/* 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:  2.4em  Verdana, Arial, Helvetica, sans-serif; } 
     h2   { font:  1.8em  Verdana, Arial, Helvetica, sans-serif; } 
     h3   { font:  1.4em  Verdana, Arial, Helvetica, sans-serif; } 
     h4   { font:  1.2em  Verdana, Arial, Helvetica, sans-serif; } 
     h4 em  { font:  bold  1.3em  Verdana, Arial, Helvetica, sans-serif; } 
     p, li  { font:  1em   Verdana, Arial, Helvetica, sans-serif; } 
     p em, li em { font: bold 1.1em   Verdana, Arial, Helvetica, sans-serif; } 

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

  /* Centre */
    #centre { width: 880px; margin: 0; margin-left: auto; margin-right: auto; border: 0; padding: 0;  background-color: #ffffff;  } 

  /* Heading */

    #head { height: 80px; background: #ffd968 url(images/cn2.jpg) no-repeat top right; color: black; margin: 0; border: 0; padding: 0; }
    #head img.corner { margin: 0; border: none; float: left; }

    #head h2 { width: 65%; float: left; text-align: center; margin: 15px; font-size: 1.6em;  }
    #head img.logo { float: right; margin: 15px 50px 5px 50px; }

 /* Menu */

    #menu  { margin: 0; border-top: solid 1px; border-bottom: solid 1px; padding: 6px; 
             background: #99ffcc; color: #ff0000; line-height: 180%; 
             font-size: 0.8em; font-weight: bold; text-align: center; }

    #menu a  { margin: 2px 3px 2px 3px; border: solid 1px; padding: 1px 2px 1px 2px; 
              background-color: #ffff99; text-decoration: none; }
    #menu a:Link { color: #0000ff; }
    #menu a:Visited { color: #660066; }
    #menu a:Hover { color: #000000; background-color: #ffffff; }

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

    #main { margin: 0; border: 0; padding: 0; background: url(images/cn4.jpg) no-repeat bottom right; }
    #main h1 { color:#ff0000; text-align: center; margin: .5em 0 0.3em 0; }
    #main h2 { margin: 1em 0 0.5em 2%;  }	
    #main h3 { margin: 1em 0 0.5em 4%;  }
    #main h4 { margin: 1em 0 0.5em 6%; } 

    #main p { margin: 0 10% 0.5em 10%; 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: 1.1em; font-weight: bold; }
    #main div.box { width: 50%; margin: 0 5em 0.3em 8em; border: 4px groove blue; padding: 5px; background: #ccffcc; } 
    #main div.box p.small  { margin: 0 5% 0.5em 5%; text-indent:0; text-align:left; 
          font: 0.9em  Verdana, Arial, Helvetica, sans-serif; }
    #main .central { text-align: center; font: 0.9em Verdana, Arial, Helvetica, sans-serif; }
    #main p.quote { margin: 0 15% 0.5em 25%; text-indent: 0; }
 
    #main ol li { margin: 0 5% 0.5em 15%;  } 
    #main ul li { margin: 0 5% 0.5em 15%; } 

    #main div.colb { float:right; width: 240px; margin: 0 0 2% 2%; padding: 2% 0 2% 0; 
           border-left: solid 1px blue; text-align: center; }

    #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;  }
    #main img.small { margin: 5px 2px; border: 0; vertical-align: middle; }

    #main img.corner { margin: 0; border: none; }

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

    #col2 { float:right; width: 240px; margin: 0 0 2% 2%; padding: 2% 0 2% 0; 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 2em 0.5em 2em; text-indent: 2em; }	
    #col2 p.central { margin: 0 2em 0.5em 2em; text-align:center; text-indent: 0; font-size: 0.9em; }
    #col2 p.hang { margin: 0 2em 0.5em 2em; text-align:left; text-indent: -1em; font-size: 0.9em; }
    #col2 div.central { margin: 15px 2px 2px 2px; text-align: center; }	
    #col2 img { margin: 0; border: 0; text-align: center; }

    #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 { margin: 0; border: 0; padding: 0; background: url(images/cn4.jpg) no-repeat bottom right; }
    #wide h1 { color:#ff0000; text-align: center; margin: .5em 0 0.3em 0.2em; }
    #wide h2 { margin: 1em 0 0.5em 2%;  }	
    #wide h3 { margin: 1em 0 0.5em 4%;  }
    #wide h4 { margin: 1em 0 0.5em 6%; } 

    #wide p { margin: 0 15% 0.5em 15%; 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: 1.1em; font-weight: bold; }
    #wide .central { text-align: center; font: 0.9em Verdana, Arial, Helvetica, sans-serif; }
    #wide p.quote { margin: 0 15% 0.5em 25%; text-indent: 0; }
 
    #wide ol li { margin: 0 15% 0.5em 20%;  } 
    #wide ul li { margin: 0 15% 0.5em 20%; } 

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

    #wide img { margin: 5px; border: 0; vertical-align: middle;  }

    #wide img.corner { margin: 0; border: none; }