body{ 
		margin: 0px; 
		padding:0px;
		text-align:center;
		width: 100%;
	}

	#frame {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		background-image: url(../images/back.jpg);
		backround-repeat: repeat-x;
		font-family: Verdana;
		font-size: 9pt;
	}

	#headerimg {
		width: 868px;
		height: 240px;
		background-image: url(../images/header.gif);
		background-repeat: no-repeat;
		background-position: left;
	}
 
	#maincontainer{
		width: 868px;
		min-height: 280px;
		height: 100%;
		}
		
	/* for Internet Explorer */
	/*\*/
	* html #maincontainer {
	height: 330px;
	}
	/**/
 
	#contentleft {
		width: 175px;
		float: left;
		}
	
	#contentcenter {
		width: 655px;
		padding-left: 30px;
		height: 100%;
		font-family: 'Verdana';
		font-size: 11px;
		line-height: 20px;
		float: left;
		}
 
 
	#footer{
		width: 868px;
		height: 45px;
		float: left;
		background-image: url(../images/footer1.gif);
		background-repeat: no-repeat;
		color: #999999;
		font-family: 'Verdana';
		font-size: 10px;
		text-align: left;
		clear: both;
	}
	
	#footer a{
		color: #999999;
		font-family: 'Verdana';
		font-size: 10px;
		text-decoration: none;
	}
	
	#footer a:hover{
		color: #990000;		
	}
	
	#canvas a{
		width: 110px;
		height: 28px;
		float: left;
		background-image: url(../images/canvas2.gif);
		background-repeat: no-repeat;
		background-position: center;
	}
 
 
	#login
	{
		width: 655px;;
		height: 20px;
		padding-bottom: 10px;
		text-align: right;
		
	}
	
	#submenu a{
		font: normal 9px Verdana;
		background: transparent;
		color: white;
		display: block;
		text-align: right;
		text-decoration: none;
	}
	
	#submenu a:hover{
		text-decoration: underline;
	}
 

	#hintbox{ /*CSS for pop up hint box */
		position:absolute;
		top: 0;
		background-color: lightyellow;
		width: 150px; /*Default width of hint.*/ 
		padding: 3px;
		border:1px solid black;
		font:normal 11px Verdana;
		line-height:18px;
		z-index:100;
		border-right: 3px solid black;
		border-bottom: 3px solid black;
		visibility: hidden;
	}

	.hintanchor{ /*CSS for link that shows hint onmouseover*/
		font-weight: bold;
		color: navy;
		margin: 3px 8px;
	}

	/* Sample CSS definition for the example list. Remove if desired */
	.navlist {
		vertical-align: left;
		width: 180px;
		padding-bottom: 5px;
		background-color: transparent;
	}

	.navlist a{
		width: 100%;
		display: block;
		text-indent: 3px;
		padding-bottom: 5px;
		text-decoration: none;
		font-weight: normal;
	}

	.navlist a:hover{
		text-decoration: underline;
	}

	.navlist a:visited {color: #333333}  /* visited link */
	.navlist a:link{color: #333333}  /* unvisited link */
	.navlist a:active {color: #333333} /* selected link */
	
	h3{
		font-size: 13px;
	}
	
	img.imageborder{
			border-color: #999999;
			border-style: solid;
			border-width: 1px;
	}
	
	 a:visited {color: black; font-weight: bold; text-decoration: none;}  /* visited link */
	 a:link{color: black; font-weight: bold; text-decoration: none;}  /* unvisited link */
	 /* a:active {color: black; font-weight: bold; text-decoration: underline;} /* selected link */
	 a:hover {color: black; font-weight: bold; text-decoration: underline;} /* selected link */