html { height: 100%; }
	
	body { z-index: 1; behavior: url(styles/csshover.htc); height: 100%; font: 80% verdana, arial, helvetica, sans-serif; text-align: left; border: 0px solid blue; padding: 1px; background-color: #FFF2D6; }
	
	p {	margin: 0.3em 0.3em 0.5em 0.3em;}
	
	a:link { COLOR: #FFFFFF; }
	a:visited { COLOR: #FFFFFF; }
	a:hover { COLOR: #FFFFFF; }
	a:active { COLOR: #FFFFFF; }
		

	#container1 { position: absolute; z-index: 1; left: 5px; top: 5px; float: left; min-width: 1030px; width: 99%; height: 177px; margin: 0 auto; /* align for good browsers */ text-align: left; /* counter the body center */ border: 0px solid black; padding: 0px; }
	
		#headerL { z-index: 2; left: 5px; top: 5px; float: left; height: 177px; width: 250px; margin: 0 auto; background-color: white; background-image: url("../graphics/santfa.gif"); background-position: inherit; background-repeat: no-repeat; padding: 0px; margin: 0 auto;}
		#headerC { z-index: 2; left: 5px; top: 5px; float: left; margin-left: 250px;  height: 177px; width: 750px; background-color: #5B925C; color: white; background-image: url("../graphics/headerR2.gif"); background-position: inherit; background-repeat: no-repeat; padding: 0px; margin: 0 auto;}
		#headerR { margin-left: 1000px;  height: 177px;  background-color: #5B925C; color: white; background-image: url("../graphics/background3.gif"); background-position: inherit; background-repeat: repeat; padding: 0px; margin: 0 auto;}
		
	#contentHC { position: absolute; z-index: 2; left: 280px; top: 25pxc; float: left; height: 70px; min-width: 710px; color: white; }
		#titleHC { font-size: 1.4em; font-weight: bold; }
		
	#contentIMG1 { position: absolute; z-index: 5; left: 255px; top: 105px; float: left; height: 58px; width: 111px; background-image: url("../images/image1.jpg"); }
	#contentIMG2 { position: absolute; z-index: 5; left: 366px; top: 105px; float: left; height: 58px; width: 111px; background-image: url("../images/image2.jpg"); }
	#contentIMG3 { position: absolute; z-index: 5; left: 477px; top: 105px; float: left; height: 58px; width: 111px; background-image: url("../images/image3.jpg"); }
	#contentIMG4 { position: absolute; z-index: 5; left: 588px; top: 105px; float: left; height: 58px; width: 111px; background-image: url("../images/image4.jpg"); }
	
	#contentSC1 { position: absolute; z-index: 5; left: 723px; top: 110px; float: left; height: 20px; min-width: 225px; color: white; font-size: 0.8em; }
	#contentSC2 { position: absolute; z-index: 5; left: 765px; top: 100px; float: left; height: 20px; min-width: 225px; border: 1px solid white; color: white; }
	#contentSC3 { position: absolute; z-index: 5; left: 765px; top: 120px; float: left; height: 20px; min-width: 225px; border: 1px solid white; color: white; }
	#contentSC4 { position: absolute; z-index: 5; left: 765px; top: 140px; float: left; height: 20px; min-width: 225px; border: 1px solid white; color: white; }
	#contentSC5 { position: absolute; z-index: 5; left: 765px; top: 160px; float: left; height: 20px; min-width: 225px; border: 1px solid white; color: white; }
			
	#navigation { position: absolute; z-index: 6; left: 5px; top: 182px; float: left;  min-width: 1030px; width: 99%; height: 26px; margin: 0 auto; /* align for good browsers */ text-align: left; /* counter the body center */  padding-top: 4px;  background-color: white;}
	#navigationA { position: absolute; z-index: 4; left: 5px; top: 182px; float: left; min-width: 1030px; width: 99%; height: 50px; height: 100%; margin: 0 auto; /* align for good browsers */ text-align: left; /* counter the body center */ border: 0px solid black; padding: 0px; }
	
	#container2 { position: absolute; z-index: 5; left: 5px; top: 212px; float: left; min-width: 1030px; width: 99%; height: 1000px; height: 100%; margin: 0 auto; /* align for good browsers */ text-align: left; /* counter the body center */ border: 0px solid black; padding: 0px; }	
			
			
			

		#leftnav { float: left; height: 100%; width: 250px; margin: 0 auto; background-color: #FFF2D6; font-size: 0.8em; color: gray; }
			#leftC { color: gray; margin: 0.5em; margin-top: 1em }
			#lhTitle { font-size: 1.2em; font-weight: bold;}
			
			#lhINPtext { padding: 2px; height:18px; border: 1px solid gray; }
			#lhFORMbutton { height: 24px; padding-left: 2px; padding-right: 2px; font-size: 12px; font-weight: bold; background-color: brown; color: white; border: 1px solid white; cursor: hand;  }
			#lhADMINbutton { height: 24px; width: 220px; padding-left: 2px; padding-right: 2px; font-size: 12px; font-weight: bold; background-color: red; color: white; border: 1px solid white; cursor: hand; }
			
		
		#breadcrumbs { margin-left: 20px;  padding-top: 20px; z-index: 3; color: white; font-size: 0.8em; height: 12px; }
			
		#content { z-index: 20; z-index: 10; margin-left: 250px;  background-color: #5B925C; color: white; background-image: url("../graphics/background4.gif"); background-position: inherit; background-repeat: no-repeat; min-height: 100%; /*max-width: 36em;*/ }
		#contentC { z-index: 3; color: white; padding: 180px 150px 100px 150px; }
		#contentCB { z-index: 3; color: white; padding: 160px 150px 100px 150px; }
		#contentCA { z-index: 20; color: white; margin: 50px 50px 50px 50px; }
		
		#TRtitle { padding-left: 2px; background-color:#98593A; color: white; }
		#TDinfoTitle { }
		#TDinfoDisplay { padding-left: 2px; background-color:#FFF2D6; color: gray; font-size: 0.8em; }
		#TDspacerCELL { font-size: 0.3em; }
	
	#INP100 { float: left; width: 99%; margin: 0 auto; border: 0px; }
	
	
	<!-- --------------------------------  -->
	
	#admin { z-index: 2; width: min-width: 1000px; background-color: red; text-align: left; color: white; padding: 0.5em; margin: 0 auto;}
	#adminC { margin: 0.25em;  border: 1px solid white; }
	#adminT { color: blue; }
	#adminCINC { margin: 0.25em; margin-left: 100px;  border: 1px solid white; }
	
	<!-- --------------------------------  -->
	
	
	
	#contentC1 { top: 0px; height: 10px; z-index: 8; float: left; text-align: left; border: 1px solid black; }
	#contentR { top: 0px; min-height: 600px; width: 200px; z-index: 6; float: right; text-align: left; border: 1px solid black; padding: 3px; color: white; }
	/* this is to bottom position the footer */
	.clearfooter { height: 40px;  clear: both;}		
	
	#footer { z-index: 2; height: 40px; min-width: 1000px; clear: both; background-color: blue; padding: 5px; text-align: left; color: white; border: 1px solid white; padding: 0.5em; margin: 0 auto; /* align for good browsers */ text-align: left; /* counter the body center */}
	#contentF { position: relative; z-index: 4; float: left; border: 1px solid black; font-size: 0.8em; }
	
	#rightnav { float: right; width: 160px; margin: 0 auto; padding: 0.8em; background-color: purple; font-size: 0.8em; color: gray; }
	#rhTitle { font-size: 1.2em; }
	
	#contentR { margin-left: 250px; border-left: 1px solid gray; margin-right: 190px; border-right: 1px solid gray; padding: 1em; /*max-width: 36em;*/ }
	
	#header { display: block; z-index: 2; height: 177px; min-width: 1000px; margin: 0 auto;}