/* this particular version layout will not work in IE/Win Strict Mode 
   it can be made to work in IE strict with the use of CSS expressions
	 to calculate the required height of the 2 absolute positioned divs
*/

html, body {
margin: 0; padding: 0;
height: 100%;
font-size: 100%;
text-align: center; /* IE quirky center */
}

body	{
	background-color:#fff;
	}

html, body, p, li, blockquote, h1, h2, h3, h4, h5, h6, h7	{
	font-family: arial, sans-serif;
	}
p	{
	line-height: 1.5;
	font-size:	12pt;
	}
	
.hide	{display:inline;}
.noprint	{display:none;}
	
h1, h2, h3, h4 {margin: 0; padding: 10px; position: relative; z-index: 5;}
h1:	{font-size:	22pt;
	}
h2 {font-size:	18pt;
	}
h3 {font-size:	16pt;
	}
h4	{
	font-size: 14pt;
	}

#header {
position: relative;
width: 100%;
margin: 0 0;
border: 0px solid #000;
text-align: center;
height:70px;
}

#footer	{
background: #fff;
}

#footer li {
	display:none;
	}

#apbg1 {display:none;
	}
#apbg2 {display:none;}

#navlist {
	display: none;
	}
	
#curve	{
background-color:#fff;
margin:0 0;
padding: 0 0;
height:34px;
}

#contentwrap {
padding: 0 20px 0 20px;
}


#wrapper {
position: relative;
width: 100%;
min-width: 600px; /* to allow room for images and long words */
border: 0px solid black;
background: #fff; /* light grey */
min-height: 80%; /* IE has height hacked in in conditional below */
margin: 0 auto; /* compliant center */
text-align: left; /* reset text alignment */
}

#content {
position: relative;  /* to enable further positioned divs inside content area */
z-index: 600; /* to make sure if long words overflow they show above the right column */ 
border-left: 0px solid #000;
border-right: 0px solid #000;
background: #fff;
padding: 0;
margin: 0;


p {margin: 0; padding: 10px; line-height: 1.5;}
#header p {text-align: center;}

ul {margin: 0 20px 0 30px; padding: 0;}