html, body
	{
		height: 100%;
	}
	body
	{
		text-align:center;
		width:100%;
		margin: 0px;
		padding:0px;
		background: url('/images/content/background.gif') repeat-x;
		background-position: top left;
		background-color: #6C9ACC;
		font-family: arial, helvetica, sans-serif;
		word-wrap: break-word;
	}

	#frame
	{
		width:798px;
		margin-right:auto;
		margin-left:auto;
		text-align:center;
		padding-top:0px;
		background-color: #ffffff;
		height: 100%;
	}

	/* HACK FOR IE */
	* html #frame
	{
		height: 100%;
	}


	#navigation
	{
		width:200px;
		padding:0px;
		float:left;
		margin:0px;
		text-align:center;
		background: url('/images/content/navigation_bkground.gif') no-repeat;
		background-color: #ffffff;
		background-position: top left;
		padding-top: 100px;
		min-height: 100%;
	}

	/* HACK FOR IE */
	* html #navigation
	{
		height: 100%;
	}

	#menu
	{
		background: url('/images/content/menu_top.gif') no-repeat;
		background-color: #ffffff;		
		text-align: left;
		padding:0px;
		margin: 0px;
		margin-left: 12px;
		padding-top: 44px;
		min-height: 100%;
	}

	/* HACK FOR IE */
	* html #menu
	{
		height: 100%;
	}

	#menu p
	{
		background: url('/images/content/menu_item.gif') no-repeat;
		background-position: top left;
		background-color: #C7D6EE;
		width: 170px;
		height: 28px;
		color: #00447D;
		margin: 0px;
		padding: 0px;		
		padding-left: 10px;
		margin-left: 0px;
		padding-top: 4px;		
		
	}
	
	#menu p.cells
	{
		background: url('/images/content/menu_bottom.gif') no-repeat;
		width: 170px;
		height: 208px;
	}



	
	#section
	{
		background: url('/images/content/menu_section.gif') no-repeat;
		background-color: none;
		width:170px;
		text-align: left;
		padding:0px;
		margin: 0px;
		padding-left: 10px;
		padding-top: 10px;	
		margin-top: -6px;	
		padding-bottom: 10px;		
	}

/*
	* html #section
	{
		margin-left: 8px;
	}
	
	#menu p #section li
	{
		background: none;
		background-color: none;
		list-style: none inside;
		list-style-type: none;
		width: 150px;
		height: 28px;
		margin-left: 0px;
		color: #00447D;
		padding-right: -30px;
		padding-top: 4px;
	}
	 HACK FOR IE 
	* html #menu p #section li
	{
		margin-left: -16px;
	}
	
*/	

	#section a
	{
		display: block;
		font-size:12px;
		color: #ffffff;
		text-decoration: none;
		font-family: arial, helvetica, sans-serif;		
		padding-bottom: 8px;
	}

	#section a:hover
	{
		color: #99cc33;
		text-decoration: none;
		font-weight: bold;
	}

	#section a.current
	{
		font-weight: bold;		
		color: #99cc33;		
		text-decoration: none;		
	}


	#menu p a
	{
		color: #00447D;
		text-decoration: none;
	}

	#menu p a:hover
	{
		color: #003366;
		text-decoration: none;
		font-weight: bold;
	}

	span.printlink a
	{
		color: #00447D;
		margin: 0px;
		padding: 0px;		
		padding-left: 10px;
		margin-left: 0px;
		padding-top: 4px;		
		font-family: arial, helvetica, sans-serif;
		font-size: 10px;
		text-decoration: none;
	}
	
	span.printlink a:hover
	{
		color: #003366;
		font-weight: bold;
		text-decoration: none;
	}
	
	span.printlink img
	{
		vertical-align: middle;
		margin-right: 5px;
		border: none;
	}

	#contentcenter
	{
		width:598px;
		padding:0px;
		float:left;
		margin-bottom:0px;
		text-align:left;
		background: url('/images/content/centre_background.gif') no-repeat;
		background-color: #ffffff;
		background-position: top left;
		padding-top: 100px;
		min-height: 100%;
	}

	/* HACK FOR IE */
	* html #contentcenter
	{
		height: 100%;
	}
	
	#dots
	{
		width:598px;
		padding:0px;
		float:left;
		margin-bottom:0px;
		text-align:left;
		background: url('/images/content/dots_background.gif') no-repeat;
		background-color: #ffffff;
		background-position: top right;
		padding-top: 100px;
	}

	p,h1,h2,h3,pre {
		font-size:12px;
		margin:0px 60px 10px 15px;
	}



	#contentcenter h1 {
		color:#99CC33;
		font-size:18px;
		padding-top:10px;
	}

	#contentcenter h2 {
		color:#99CC33;
		font-size:14px;
		padding-top:10px;
	}	
	
	a
	{
		color:#0066CC;
		text-decoration: underline;
	}

		a:link
	{

		text-decoration: underline;
	}

		a:hover
	{
		color:#6699CC;
		text-decoration: underline;
	}
	
	
/* --- TABLE STYLES --- */

	table
	{
			font-size:12px;
			font-family: arial, helvetica, sans-serif;
			margin:0px 0px 10px 15px;
	}
	
	
	th 
	{
		padding-left: 10px;
	}
	
	
/* --- LIST STYLES --- */


	ul 
	{
		font-size:12px;
		margin:0px 60px 10px 15px;
	}
	
	li
	{
		margin:0px 0px 8px 27px;
	}	
	
/* --- FORM STYLES --- */
	
			div.formwrapper
			{
				margin: auto;
				clear: both;
				width: 430px;
				font: smaller Arial, Helvetica, sans-serif;
			}
			textarea
			{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				width: 350px;

			}

		
			div.separator
			{
				background-color: #E3EAF6;
				border: 1px solid #C7D6EE;
				padding: 20px;
				margin: 10px;
			}

		
			/* Hides from IE5-mac \*/
			* html .separator{height: 1%;}
			/* End hide from IE5-mac */
		
			input.textbox
			{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				display: inline;
				width: 10em;
				float: left;
				margin-bottom: 10px;
			}
		
			input.short
			{
				width: 1.2em;
			}
		
			input.submit
			{
				float: right;
				background-color: #C7D6EE;
			}
		
			input.long
			{
				width: 20em;
			}
		
			label
			{
				display: inline;
				float: left;
				margin-bottom: 10px;
				text-align: right;
				width: 75px;
				padding-right: 20px;
			}
		
			label.leftlabel
			{
				text-align: left;	
				padding-right: 20px;
			}
		
			label.biglabel
			{
				text-align:left;
				width: 350px;
				padding-right: 20px;
			}
		
			div.formwrapper br
			{
				clear: left;
			}