/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	max-width:960px; /* sets max layout width */
	min-width:720px; /* sets min layout width */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	}


#header { filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
	 
	}
#nav {
	width:140px; /* this width + content width must total 100% */
	float:left; /* floats on nav and content divs make them sit side by side */	
	}
#content {
	/* default auto width */
	}
/* here comes a hack for IE6 */
/* floating this element gets rid of the gap between the nav and content - the hateful 3 pixel jog bug in IE */
/* if I float this element in other browsers, the layout breaks - don't remove this comment \*/
* html #content { 
	float:left; 
	}
/* end of hack - don't remove this comment */

#header_inner,  #content_inner, #promo_inner {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
#header_inner {

	padding:1em .2em; /* creates space between the box  and the content */
	}
#nav_inner {
	padding:1em .2em; /* creates space between the box and the content */
	
	}
#content_inner { 
	
	padding:1em 1em 1em 1.5em; /* creates space between the box and the content */
	}
#footer_inner a {
	
	text-decoration:none;
}

	
h1, h2, h3, h4 {
	color:#000;
	font-family: Arial, Helvetica, sans-serif; 
	}

 p {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	}
#content_inner a {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	}
	
#footer invisible{
	display:none;
	}
* html {