/* IE5win Box Model hack */
/* Explanation:
   IE5 takes width to be the full width of the box,
	 rather than just the width of the text inside
	 margin, border and padding.
	 Hence the width (and height) definitions have to be done like this:
	 1. Define the width for IE5, i.e. wrongly.
	 2. Trip IE5 using   font-family: "\"}\""; font-family:inherit;
	    This will prevent it from reading the rest of the definition until the closing '}'
	 3. While IE5 is "out of action" provide the correct measurement for other browsers
	    to overwrite the previous wrong one.
	 4. Unfortunately, Opera is also tripped by this hack so it needs to be provided the
	    correct measurement separately using 'html>body xyz {width: }
	 See http://sidesh0w.com/weblog/2004/02/05/box_model_hack_redux/
div.content { 
  width:400px;
  font-family: "\"}\""; 
  font-family: inherit;
  width:300px;
}
html>body .content {
  width:300px;
}
*/

/* Use overflow: hidden; to ensure that higher text is not increasing the box height. */

/* General page defaults; no padding at all. */
body {
	font: 12px arial, helvetica, verdana, sans-serif;
  text-align: left;
	color: black;
	margin: 0px;
	padding: 0px;
}

/*
 * Colour Scheme
 */
 
#title, #logo, #weelinks { 
	background-color: #339999; 
}
#breadcrumbs {	
	background-color: #b2d8d8;
} 
#content, #update { 
	background: transparent;
}
/* Dark green lines: #236D6C */
 
/*
 * Positioning Section
 */

/* Left column is positioned relatively to make it stretch between left and right column. */

#title { /* This is the first block of the left column for the title. */
  z-index: 40;
	margin-left:  0px;
	margin-right: 240px;
	border-top:    0px solid #236D6C;
	border-right:  0px solid #236D6C;
	border-bottom: 1px solid #236D6C;
	border-left:   0px solid #236D6C;
	padding: 4px 5px 4px 5px;
	overflow: hidden;
	position: relative;
	top: 0px; 
	left: 0px; 
	height: 64px;  /* for IE5win. */
  font-family: "\"}\"";   /* trip IE5win. */
  font-family: inherit;
	height: 55px;  /* correct value. */
}
html>body #title {  /* for Opera. */
	height: 55px;  /* correct value. */
}

#breadcrumbs { /* This is the second block in the left column for the "breadcrumbs". */
  z-index: 20;
  font-size: 10px;
	margin-left:  0px;
	border-top:    0px solid #236D6C;
	border-right:  0px solid #236D6C;
	border-bottom: 1px solid #236D6C;
	border-left:   0px solid #236D6C;
	padding: 2px 5px 4px 5px;
	overflow: hidden;
	position: relative;
	top: 0px;
	left: 0px; 
	height: 19px;  /* for IE5win. */
  font-family: "\"}\"";   /* trip IE5win. */
  font-family: inherit;
	height: 12px;  /* correct value. */
}
html>body #breadcrumbs {  /* for Opera. */
	height: 12px;  /* correct value. */
}

#content, #update, #footer { /* This is the 3rd to 5th box of the left column for: main content, modification date and footer. */
  z-index: 50;
	margin-left:  45px;
	border-top:    0px solid #236D6C;
	border-right:  0px solid #236D6C;
	border-bottom: 0px solid #236D6C;
	border-left:   0px solid #236D6C;
	padding: 5px;
  overflow: hidden;
	position: relative;
	top: 0px; 
	left: 0px;
}
#footer {
  z-index: 49;
}

/* Right-hand column is positioned absolutely. */

#logo { /* This is the right part of the header, above weelinks. */
  z-index: 30;
	margin: 0px;
	border-top:    0px solid #236D6C;
	border-right:  0px solid #236D6C;
	border-bottom: 0px solid #236D6C;
	border-left:   0px solid #236D6C;
	padding: 3px 5px;
	overflow: hidden;
	position: absolute;
	top: 0px; 
	right: 0px;
	width: 240px;  /* for IE5win. */
	height: 48px;
  font-family: "\"}\"";   /* trip IE5win. */
  font-family: inherit;
	width: 230px;  /* correct value. */
	height: 42px;
}
html>body #logo {  /* for Opera. */
	width: 230px;  /* correct value. */
	height: 42px;
}

#weelinks { /* This is just below the logo, containing the horizontal menu. */
  z-index: 31;
  font-size: 10px;
	margin: 0px;
	border-top:    0px solid #236D6C;
	border-right:  0px solid #236D6C;
	border-bottom: 1px solid #236D6C;
	border-left:   0px solid #236D6C;
	padding: 1px 5px 4px 5px;
	overflow: hidden;
	position: absolute;
	top: 48px; 
	right: 0px; 
	width: 240px;  /* for IE5win. */
	height: 16px;
  font-family: "\"}\"";   /* trip IE5win. */
  font-family: inherit;
	width: 230px;  /* correct value. */
	height: 10px;
}
html>body #weelinks {  /* for Opera. */
	width: 230px;  /* correct value. */
	height: 10px;
}