/* Basic style sheet for public site */
/* Kept simple to reduce likelihood of compatibility problems */
/* Use netscape comment hack for nn4 to be usable */
/*/*/
body
{
		margin: 1px;
}

p
{ 
		margin-left: 20px;
		margin-right: 20px;
		font-family: arial, sans-serif;
		padding: 2px;
}

h2 
{
		font-family: arial, sans-serif;
		margin-top: 0;
}

hr 
{	
		color: maroon;
}

img 
{
		border:none;
}	

ul
{
		list-style: none;
		margin: 0;
		padding: 1em;
}
/* */
/* ---
	We are looking for a three column with header & footer layout. 
	The right hand column is taking 15%, leaving 85% for the rest.
	However, using all 85% seems to cause problems with layout, so we stick to 84%
	The left hand size is constrained to 20%.
	The header section is aligned above the main section as this looks neater.
	The footer section is allowed the full width.
--- */
.fullwidth
{
	width: 100%;
}
/* Container for the header section */
.pageheader 
{
		text-align: left; 
		float: left;
		height: 15%;
		width: 85%;
		margin-left: 1px;
		margin-right: 1px;
		margin-top: 1px;
		margin-bottom: 2px;
		border:1px; /* solid #ccc;*/
}
/* Left hand section of page or header */
.headerleft
{
		float: left;
		margin-top: 1px;
		margin-left: 1px;
		margin-right: 1px;
		width: 14%;
		height: 100%;
		border:1px; /* solid #ccc;*/
}

/* Centre section of page or header */
.headercenter
{
		float: right;
		width: 80%;
		height: 100%;
		border:1px; /* solid #ccc;*/
		/*margin-left: 20px;*/
		margin-top: 10px;
}

/* Right hand section of header.  This causes problems with pda browser.*/
.headerright
{
/* The following are nn4 hacks to keep right hand column sane */
/*/*/
		width: 14%;	
		float: right;
		height: 15%;
/* */
		clear: right;
		margin-top: 1px;
		margin-bottom: 2px;
		margin-left: 1px;
		margin-right: 1px;
		border:1px; /* solid #ccc;*/
}

/* search field*/
.headersearch
{
		width: 80%;
		float: left;
		/*margin-left: 20px;*/
}
/* Container for the left and center sections */
.pagemain 
{
		min-height: 300px;
		float: left;
		width: 85%;
		border:1px; /* solid #ccc;*/
}

/* Left hand section of page or header */
.pageleft
{
		float: left;
		margin-top: 2px;
		margin-bottom: 2px;
		margin-left: 1px;
		margin-right: 1px;
		width: 14%;
		height: auto;
		border:1px; /* solid #ccc;*/
}

/* Centre section of page */
.pagecenter
{
		float: right;
		width: 80%;
		margin-top: 2px;
		margin-bottom: 2px;
		height: auto;
		border:1px solid #ccc;
}

/* Right hand section of page */
.pageright
{
/* The following are nn4 hacks to keep right hand column sane */
/*/*/
		width: 14%;	
		float: right;
		height: auto;
/* */
		clear: right;
		margin-top: 2px;
		margin-bottom: 2px;
		margin-left: 1px;
		margin-right: 1px;
		border:1px; /* solid #ccc;*/
}

/* Footer section */
.pagefooter 
{
		clear: both;
		height: 5%;
		margin-left: 1px;
		margin-right: 1px;
		border:1px; /* solid #ccc;*/
}

/* Class to right justify item counts */
.items
{
		float: right;
		width: 60%;
}
		
/* Class to left justify */
.left
{
		float: left;
}

/* Class to right justify */
.right
{
		float: right;
}