#container
			{
				min-width: 640px;
				max-width: 760px;
				margin: 0 auto;
				width:expression(document.body.clientWidth < 600? "640px" : 
								 document.body.clientWidth > 800? "760px" : "auto");
				text-align: left; /* to conteract text-align: center hack so other browsers work */

			} 
			
  #maincontent
			{
				min-width: 640px;
				max-width: 680px;
				height: auto !important;
				height: 490px;
				min-height: 490px;
				max-height: 490px;
				margin: 0 auto;
				width:expression(document.body.clientWidth < 600? "640px" : 
								 document.body.clientWidth > 800? "680px" : "auto");
				overflow: auto;
				padding-left: 10px;
			} 

body
			{
				text-align: center; /*For IE6 and below*/
				font: 14px Arial;
				color: #000000;
				padding: 0;
                        border-collapse: collapse;
			}

img			{
				display: block;
    				margin-left: auto;
    				margin-right: auto;
			}			
h1
			{
				text-align: left;
				font: bold 20px Arial;
				margin: 0px 0;
			}

h2     	
			{
				text-align: left;
				font: bold 16px Arial;
			}
			
table p 	      {
				margin: 0px 0;
				margin-top: 0px 0;
			}

			
th			{
				text-align: left;
				font: bold 16px Arial;
			}
tr
			{
				text-align: left;
				font: 14px Arial;
			}
td
			{
				text-align: left;
				font: 14px Arial;
			}
			
font
			{
				font: Arial;
			}
			
p
			{
				text-align: left;
				font: 14px Arial;
			}

a
			{
				text-align: left;
				font: 14px Arial;
				color: #000000;
				text-decoration: underline;
				text-decoration: italic;
			}