/* Consider gesso at top of stylesheet: * {margin: 0; padding: 0;} img {border: 0; } ... start with clean slate in all browsers and from then on, margins and padding are additive only */
/* Top Margin and Left Margin used for IE browsers; Margin Width and Margin Height used for Netscape browsers. Use of all four margin attributes as per <style> (<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">) is not valid HTML. For validation, use CSS method (for IE) and declare attributes (<body marginwidth="0" marginheight="0"> (for Netscape) */
/* Do NOT start ID or Class selector name with a number - does not work in Mozilla/Firefox */

	body {
		margin: 0;
		padding: 0;
		background-color: #FF9;
		font-family: Verdana, sans-serif;
		font-size: 9pt;
		text-align: center;						/* hack to centre #wrapper in IE5.x */
		}

	#wrapper {
		min-height: 1%;
		margin-left: 75px;						/* 100px until Jan. 2009 */
		margin-right: 75px;						/* 100px until Jan. 2009 */
		border: 2px solid blue;
		background-color: #FFF;					/* right column colour - white */
		text-align: left;						/* re-aligns text left after IE hack in body */
		}
/* #wrapper above needs height (or width) property in order to establish a positioning context for #footer. However, IE6 does not understand CSS min-height - only understands CSS height. Therefore, give height property to IE6 and hide from other browsers - easily accomplished using the star selector hack (* html) which only IE6 parses. Add IE5:mac filter to stop IE5:mac from reading height; although it does not understand min-height, it does implement height correctly and would fix height at 1% which is not what is wanted. */		
	/* mac hide \ */	
	* html #wrapper {height: 1%;}
	/* end hide */					

		#header {
			width: 100%;
			border-bottom: 2px solid blue;
			background-color: #FFF;
			}	
		#header ul {
			width: 100%;
			margin: 0;
			border-top: 2px solid blue;
			padding: 0;
			background-color: #FF9;
			}
		#header li {
			display: inline;
			margin: 0;
			padding: 0;
			white-space: nowrap;
			}
		#header a {
			float: left;
			width: auto;											
			margin: 0;
			border-right: 1px solid blue;
			padding: 0.5em;
			background-color: #FF9;			
			text-decoration: none;
			color: #000;
			font-weight: bold;
			whitespace: nowrap;
			}
		#header a:hover {
			background-color: #66F;
			color: #FFF;
			font-weight: normal;
			}
	
		#container-left {
			margin-right: 155px;
			background: #FFF;						/* left column colour - white */
			border-right: 2px solid blue;
			}

			#container-centre {
				margin-left: 130px;
				background: #FFF;					/* centre column colour - white */
				border-left: 2px solid blue;
				}

				#container-content {
					float: left;					/* contain clearing */
					position: relative;				/* IE needs this to show float */
					width: 100%;
					}

					#middle {
						float: left;				/* contain clearing */
						position: relative;			/* prevents IE from cutting off the portion of an object that overflows its parent container due to negative margins */
						width: 99%;				/* margin: 0 -1px; is Mozilla-required */
						}	

					#LHS {
						float: left;
						position: relative;			/* prevents IE from cutting off the portion of an object that overflows its parent container due to negative margins */
						width: 130px;				/* same as left margin on #container-centre */
						margin-left: -129px;		/* 1px less than width, otherwise won't push footer down in older Mozilla */
						left: -2px;					/* now line it up; pushes column into position; sets left edge of #LHS div 1px to left of left edge of window */					
						}
					#LHS ul {
						margin: 0;
						padding: 0;
						list-style-type: none;
						}
					#LHS a {
						display: block;
						width: 130px;
						border-bottom: 1px solid white;
						padding: 0.2em 0;
						background-color: #66F;						
						text-align: center;
						text-decoration: none;
						color: #FFF;
						}
					#LHS a:hover {
						background-color: #FF9;
						color: blue;
						font-weight: bold;
						}
					.title {
					border: 1px solid blue;
					padding: 0.3em;
					background-color: #FF9;
					font-weight: bold;
					}

					#RHS {
						float: right;
						position: relative;			/* prevents IE from cutting off the portion of an object that overflows its parent container due to negative margins */
						width: 155px;				/* same as right margin on #container-left */
						margin-right: -154px;		/* 1px less than width, otherwise won't push footer down in older Mozilla */
						left: 1px;					/* now line it up; pushes column into position; sets left edge of #RHS div 1px to right of right edge of window */
						text-align: center;
						}
					#RHS img {
					border: 0;
					margin: 0 0 1.5em 0.7em;
					}

			* html #LHS {margin-right: -3px;}		/* 3 pixel jog */
			* html #RHS {margin-left: -3px;}		/* 3 pixel jog */
			
		#footer {
			width: 100%;
			background-color: #FFF;
			border-top: 2px solid blue;
			clear: both;							/* clears any (left- or right-) floated */
 			}										/* elements that appear above the footer */
		#footer ul {
			margin-top: 1em;
			text-align: center;
			}
		#footer li {
			display: inline;
			padding: 0 20px;
			}

/* clear without structural mark-up */
	.clearfix:after {
    	content: "."; 
    	display: block; 
   	 	height: 0; 
    	clear: both; 
   	  	visibility: hidden;
		}
	.clearfix {
		display: inline-block;
		}

/* mac hide - force layout in IE \ */
	* html #container-left, * html #container-centre, * html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* end hide */

	.clear {clear: both;}

/* set padding on block elements <p>,<ul>,<li> in the float, and avoid IE5&5.5 broken box model */
	p, form {margin: 1em;}
	ul, ol {
		margin-top: 0;
		margin-bottom: 1em;
		margin-right: 1em;
		}
		
	ul.separate li {margin-bottom: 0.5em;}
/*  */
	
	a:link {color: #0000A0;}
	img {border: 0;}
	input, textarea {margin-bottom: 1em;}
	label {
		display: block;
		width: 12em;
		float: left;
		}		
	table, tr, th, td {
		margin: 0 1em;
		padding: 0 0.5em 0 1em;
		font-family: Verdana, sans-serif;
		font-size: 9pt;
		vertical-align: top;		
		}

	.boxed {overflow: auto;}
	/* mac hide \ */
	* html .boxed {height: 1%;}
	/* end hide */

/*  */

	.go, .goEO {
		width: auto;
		border: 2px solid blue;
		padding: 0.5em;
		background-color: #FF9;
		font-weight: bold;
		text-decoration: none;
		}
	.goEO {width: 10em;}
	.aEO {text-decoration: none;}
		
/* hr: IE treats as inline element; most CSS-compliant browsers (eg. Gecko-based) treat as block element */
	hr {
		background-color: blue;			/* Opera & Gecko-based */
		color: blue;					/* IE */
		height: 1px;
		margin: 0 7px;
		}
	h1 {
		font-size: 9pt;
		background-color: #FF9;
		margin: 0;
		border-bottom: 2px solid blue;
		padding: 0.5em 1em;
		}
	.i	{font-style: italic;}
	.u	{text-decoration: underline;}
	.mt0 {margin-top: 0;}
	.mb0 {margin-bottom: 0;}
	.mt05 {margin-top: 0.5em;}
	.mb05 {margin-bottom: 0.5em;}
	.mt15 {margin-top: 1.5em;}
	.mb15 {margin-bottom: 1.5em;}
	.mt3 {margin-top: 3em;}
	.floatleft {
		float: left;
		margin: 0 1em;
		}
	.floatright {
		float: right;
		margin: 0 3px;
		}
	.floatrightpad {
		float: right;
		margin: 0 3px 0 20px;
		}
	.floatrightpadlr {
		float: right;
		margin: 0 10px;
		}


/* div in footer links' pop-up windows */
	#smallwin {text-align: left;}
	#smallwin img {
		margin-top: 10px;
		margin-left: 10px;
		}
		
	#RHSCM {
		float: right;
		width: 150px;
		}
	#RHSRT {
		float: right;
		width: 325px;
		margin-left: 5px;
		margin-right: 2px;
		}
	#Polfloatright {
		float: right;
		width: auto;
		font-size: 1.6em;
		font-weight: bold;
		text-align: center;
		}
	.Pol {
		border: 2px solid maroon;
		padding: 0.2em;
		}
	.floatleftBFC {
		float: left;
		width: 33%;
		}
	.floatleftEO {
		float: left;
		margin: 0 0 0 2em;
		}
	#RHSpeppers {
		float: right;
		width: 130px;
		}
	.imgcenter {
	    text-align: center;
	    }