body {
	background-color: #eeeeee;
	color: black;
	margin: 0;
	padding: 0;
	}

	.floatright {
	float: right;
	}
	
	.floatleft {
	float: left;
	}
	
	.clear {
	clear: both;
	}
	
	.center { 
	text-align:  center;
	}
	
	p.right {
	text-align: center;
	color: red;
	}
	
	div.left {
	text-align: left;
	}
	
	div.center {
	margin:auto;
	}
	
	table.center {
	margin:auto;
	}
	
	.centered { /* e.g. to centre a table without affecting its contents */
	margin-left: auto;
	margin-right: auto;
	}

	#container {
	width: 774px; /* changed to show right border, was 770 px */
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	}

/* top banner */

	#wrapper { 
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;	
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
/*	max-width: 772px; */
	}
	
	.topimage {
	background:   url(../graphics/top-banner.gif) no-repeat;
	}	
/* center column = main content */
	td.left {
	width: 152px;
	background-color: #9FACB4;
	color: black;
	padding: 3px;
	}
	
	td.main {
	width: 468px;
	background-color: white;
	color: black;	
	background-image:   url(../graphics/page-bg.gif);	
	border-right: 1px solid black;
	border-left: 1px solid black;
	padding: 6px;
	}
	
	td.right {
	width: 152px;
	background-color: #C8D2D7;
	color: black;
	padding: 3px;
	}

	td.footleft {
	width: 152px;
	padding: 3px;
	background-color: #0057AD;
	border-bottom: 0px;
	border-top: 1px solid black;
	color: #42b3b5;
	font-size: x-small;
	text-align: center;
	}

	td.footleft a {
	background-color: transparent;
	color: #42b3b5;
	text-decoration: none;
	}

	td.footleft a:hover {
	background-color: transparent;	
	color: white;
	}

	td.footmain {
	width: 468px;
	background-color: #9FACB4;
	color: #666666;	
	border: 1px solid black;
	border-bottom: 0px; 
	padding: 3px;
	font-size: x-small;
	font-weight: bold;
	text-align: center;
	}

	td.footright {
	width: 152px;
	padding: 3px;
	background-color: #0057AD;	
	border-bottom: 0px;
	border-top: 1px solid black;
	color: #42b3b5;
	font-size: x-small;
	text-align: center;
	}

/* left column menu structure */
	
	#leftcol #nav ul {
	background-color: transparent;
	color:black;
	list-style-type: none;
	margin: 10px; 
	padding: 0;
	font-size: 90%;
	border: 1px solid #000000; /*this adds a second line to the bottom of the nav */
	}

	#leftcol #nav ul li {
	padding: 0;
	margin: 0; 
	}

	#leftcol #nav ul li a{
	background-color: #C8D2D7;
	border-bottom: 1px solid #000000;
	color: #000000;
	display: block;
	padding: 4px 0 6px 4px;
	text-decoration: none; 
	height: 1%;
	}

	#leftcol #nav a:hover, #leftcol #nav a:focus { 
	background-color: #0057AD;
	border-right: 2px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
	}

/* footer menu structure */
	
	td.footmain ul {
	list-style-type: none;
	margin: 0px;
	}

	td.footmain ul li {
	display: inline;
	}

	td.footmain ul li a{
	background-color: transparent;	
	color: #666666;
	text-decoration: none;
	padding: 0 25px 0 25px;
	text-align: center;
	} 
	
	td.links a {
	background-color: transparent;	
	color: #666666;
	text-decoration: none;
	}	
	

	td.footmain a:hover, #leftcol #nav a:focus { 
	background-color: transparent;	
	color: #fff;
	}