/* <!-- */
	/* General styles */
		html, body 		{ margin: 0; padding: 0; }
		body 			{ background: #cccc9a; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; }
		h1			{ font-family: Arial; font-size: 14pt; font-weight: bold; text-align: center; color: #000000; }
		h2			{ font-family: Arial; font-size: 12pt; font-weight: bold; text-align: justify; color: #000000; }
		h3			{ font-family: Arial; font-size: 12pt; font-weight: normal; text-align: justify; color: #000000; }
		a			{ color: #337810; }
		p			{ margin: 0 0 18px; }

		/* Table Formatting */
		table			{ border: 1px solid #cccc9a; }
		td			{ padding: 8px; vertical-align: middle; background-color: #cccc9a; border: 1px blank #cccc9a; color: #666666;}
		th			{ padding: 10px; vertical-align: middle; background-color: #999967; color: #cccccc; text-align: center; }
		
		#wrapper		{ float: right; width: 100%; margin-left: -225px; background:#ffffff; }
		#container		{ width: 97%; margin: 0 auto; }
		
		/* Top Margin */
		#topmargin		{ background: #cccc9a; }
		#topmargin h1  		{ color: #004b6f; margin: 0 0 3px; padding: 10px 18px 0; }

		/* Header */
		#header			{ background: #cccc9a; border-bottom: 2px solid #ddd; }
		
		/* Content Style */
		#navigation		{ text-align: justify; }
		#navigation ul		{ padding: 0 18px 9px; }
		#title			{ font-size: 11pt; font-weight: bold; text-align: left; }
		#text_flow		{ font-size: 11pt; font-weight: normal; text-align: justify; }
		#text_right		{ font-size: 11pt; font-weight: normal; text-align: right; color: #ffffff; padding-right: 10px; }
		#siggy			{ font-size: 10pt; font-weight: bold; text-align: left; font-style: italic; }
		#center_text		{ font-size: 12pt; font-weight: bold; text-align: center; }
		#center_text_normal	{ font-size: 11pt; font-weight: normal; text-align: center; }
		#extra small		{ font-size: 11px; line-height: 18px; }
		#content p, #extra p 	{ font-size: 11pt; padding-right: 18px; text-align: justify; }
		
		/* Content Positioning & Size */
		#navigation		{ float: left; width: 185px; background: #ffffff; padding-top: 20px; }
		#content		{ margin-left: 185px; padding-top: 20px; padding-bottom: 50px; padding-right: 10px; padding-left: 10px; background:#fff; }
		#content p		{ color: #000000; margin: 0; padding: 10px 0px 10px 0px; }
		#content br		{ color: #000000; margin: 0; padding: 10px 0px 10px 0px; }
		#extra			{ float: left; clear: left; width: 200px; }		
		
		/* Images */
		#content img 		{ padding-right: 1em; width: 150px; height: 140px; }					

		/* Footer */
		#footer			{ background: #cccc9a; border-top: 3px solid #ddd; clear: both; width: 100%; margin: 0 auto; text-align: center; }
		#footer a		{ color: #fff; }
		#footer	p		{ color: #666666; margin: 0; padding: 10px 0px 10px 0px; }
		#footer ul		{ border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
		#footer li		{ display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }

		/* Navigation Buttons */
		#list-menu {
		width: 132px;
		/* this width value is also effected by
		the padding we will later set on the links. */
		}

		/* set the parameters for the list items */
		#list-menu ul {
		margin: 0; 
		padding-top: 50px;
		list-style-type: none;
		text-align: center;
		font-family: verdana, arial, sanf-serif;
		font-size: 12px;
		padding-bottom: 50px;
		} 	 
	
		/* Add some space between the list items */
		#list-menu li {
		margin: 1px 0 0;	
		padding-bottom: 4px;
		padding-top: 4px;
		border-bottom: 1px solid #BDB76B;
		} 

		#list-menu a {
		display: block;
		width:120px;
		padding: 2px 2px 2px 10px;
		background: red; 
		text-decoration: none; /*lets remove the link underlines*/
		color:#bbb;
		} 

		#list-menu a:link, #list-menu a:active, #list-menu a:visited {
		color: #fff;
		}

		#list-menu a:hover {
		background: #BDB76B;
		color: #ffffff;
		} 

		#links { width: 12em; margin: 2px 0px 20px 20px; } 

		#button {
		background-color: #cccc9a; 
		margin-right: 1px; 
		border-top: 1px solid #BFBFAF;
		border-right: 1px solid #BFBFAF; 
  		border-left: 1px solid #BFBFAF;
		}

		#button ul { list-style: none; border: none; margin: 0px; padding: 0px 0px 0px 0px; }

		#button li { border-bottom: 1px solid #880; margin: 0px; }

		/* Fixed button borders and formatting */
		#button li.top { 
		border-top: 4px solid #aa9; 
		border-right: 4px solid #887; 
		border-bottom: 4px solid #887; 
		border-left: 4px solid #aa9; 
  		background-color: #999967; 
		font-family: Arial, Lucida, Helvetica, sans-serif; 
		color: #cccccc; font-size: 8pt; font-weight: bold; display: block; 
		padding: 3px 0.2em; width: 100%; text-align:center;
		}

		/* Clickable button borders and formatting */
		#button li a { 
		border-top: 4px solid #DFDFCF; 
		border-right: 4px solid #BFBFAF; 
  		border-bottom: 4px solid #BFBFAF; 
		border-left: 4px solid #DFDFCF; 
  		font-family: Arial, Lucida, Helvetica, sans-serif; 
		color: #666666; font-size: 8.5pt; font-weight: bold; display: block; 
		padding: 3px 0.2em; width: 100%; text-align: center; text-decoration: none;
		}

		html>body #button li a, html>body #button li.top {width:auto}  

		/* Colour of button when hovering over */
		#button li a:hover { background-color: #999967; }		
		
TH.thcellbackground {background:#FFFFCC}
TR.trcellbackground {background:#FFFFCC}
	
/* --> */