html {height: 100%; max-height: 100%; padding: 0; margin: 0;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden}

body {max-height:100%; width:100%; overflow: hidden}

#ScrollableContent {overflow: auto; overflow-y: scroll; position: absolute; z-index: 1;
	top: 1.3em; bottom: 1.3em; left: 0; right: 0}

/* NOTE: overflow-y is CSS3; it doesn't work in Opera 9.2x and below, but it will work
	in Opera 9.5 and it works in all other modern browsers) */

* html #ScrollableContent {top: 0; left: 0; width: 100%; bottom: 0; height: 100%;
	max-height: 100%; border-top: 1.3em solid #989898;
	border-bottom: 1.3em solid #989898}

/* NOTE: preceding an identifier with the string "* html" makes it visible
	to IE6 and below but to no other browser; equivalent to using an IE conditional
	comment, but more convenient because it can be used within a stylesheet.
	For an explanation, see http://tinyurl.com/3cojqb */


/* _______________
Div and img styles
__________________ */

div#Menu {position: absolute; top: 0; left: 0; z-index: 3}

div.MenuLeft {width: 100%; margin-left: -9px}
/* Because the Menu has no scrollbar whereas the "scrollable content" div does have
	a scrollbar, in order to centre the content of the menu it needs to have a left
	margin of -9px. However, if the Menu div itself had a right margin of -9px, it
	would not extend to the right edge of the webpage - hence the need to contain
	the content of the Menu within the MenuLeft div. */

* html div.MenuLeft {margin-left: -17px}

div.Footer {position: absolute; margin: 0; bottom: 0; left: 0;
	z-index: 2; overflow: hidden}

div.FooterLeft {width: 100%; margin-left: -9px}
/* Same purpose as the MenuLeft div */

* html div.FooterLeft {margin-left: -17px}

div.DocumentPage {margin-top: 97px}

img.TopOfPageIconsLeft {padding-top: 6px}
* html img.TopOfPageIconsLeft {margin-top: 6px}

img.TopOfPageIconsCentre {padding-top: 5px}
* html img.TopOfPageIconsCentre {margin-top: 5px}
	
img.TopOfPageIconsRight {padding-top: 10px}
* html img.TopOfPageIconsRight {margin-top: 10px}

div.BelowDocSpacer {padding-bottom: 0}


/* _________
List styles
____________ */

ul.TopOfPageIcons {margin-bottom: -91px}

* html ul.TopOfPageIcons {margin-top: 48px; margin-bottom: -92px}