/* Main CSS declarations... */

/* 3 column layout... */

* { margin:0; padding:0; }
p { margin-bottom:1em; }

/* commented backslash hack v2 \*/ 
html, body { height:100%; } 

/* In general, colours are not displayed - definitions are included herein for debugging url declarations for the backgrounds */

#onion { position: absolute;
         top:      0;
		 left:     0;
		 width:    auto;
		 height:   auto;
	     background-image:  url(backgrounds/grad_v.png);
		 background-repeat: repeat-y;
		 background-position: left;
		} /* To force a left border on this overly complicated layout... */
		
div.corner { position:     absolute;
             top:          0px;
	         left:         0px;
		   } /* top left corner */

		 
#outer{ margin-left:      180px; /* If these are changed, then remember to */
	    margin-right:     20px;  /* repeat the changes in #left and #right below */
	    /* background-color: #FFD7D7; pale pink */
	    border:           none;
	    margin-bottom:    -302px;
        min-height:       100%;
      }
 
#header { position: absolute;
	      top:               0;
	      left:              0;
	      width:             100%;
	      height:            135px;
	      /* background-color: #B9FFCB; cyan */
		  background-image:  url(backgrounds/grad_h.png);
		  background-repeat: repeat-x;
	      border:            none;
	      /* overflow:         hidden; */
        }

#clearheader { height: 137px;
             } /* needed to make room for header */

#left {	position:         relative; /* ie needs this to show float */
	    width:            180px;
	    float:            left;
	    /* background-color: #FFD9B3;  pale orange */
	    margin-left:      -179px; /* must be 1px less than width otherwise won't push footer down */
	    z-index:          100;
	    left:             -1px;
     }
	 
div.adsense { position: absolute;
              top:      255px;
			  left:     6px;
            }
			 
#right { position:          relative; /* ie needs this to show float */
	     width:             20px;
	     float:             right;
	     /* background-color:  #E2C7C7; pale brown */
	     margin-right:      -19px; /* must be 1px less than width otherwise won't push footer down */
	     left:              1px;
       }

#footer { width:            100%;
	      clear:            both;
	      height:           300px;
	      border:           none;
	      /* background-color: #E2C6FF; lilac */
	      text-align:       center;
	      position:         relative;
        }

div.offset { padding-left: 100px; } /* calculated as (left_width + right_width)/2 */

#clearfooter { clear: both;
               height: 302px;
			 } /* needed to make room for footer */

#centre { width:     100%;
	      float:     left;
	      position:  relative;
	      z-index:   1;
	      margin:    0 -1px; 
        }  /* mozilla fix */

html>body #minHeight{ float:         right;
                      width:         0px;
					  height:        100%;
					  margin-bottom: -302px;
					} /* safari wrapper */