body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}



li{
	margin-left:30px;
}

#main_wrapper {
	
	min-width:720px; /* sets min layout width */
	max-width:1134px;
	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 {
	background:url(../images/header.jpg);
	height:113px;
	 
	}
#navigation {
	width:170px; /* this width + content width must total 100% */
	float:left; /* floats on nav and content divs make them sit side by side */
	border: none;
	behavior:url(csshover.htc);	
	background-image:url(images/faux_column.gif);
	background-repeat: repeat-y right;
	}
#navigation a {text-decoration:none; color: #426c96;}
#navigation a:hover {color:#000000;}
#navigation ul {border:0; margin:10px 30px 10px 1.25 em; padding:0; list-style-type:none; background-color:#e6e8eb;}

#navigation li {border-bottom:2px solid #069; margin:0; padding: .2em 0; text-indent:.5em}

#navigation li:first-child {
			border-top:2px solid #069;
			}

#navigation li ul{
	position:absolute;
	display:none;
	width:7em;
	left:-1px;
}


#howtolist{
	text-align:left;
}

#centercontent{
	text-align:center;
	
}




  .centeredImage
    {
  	text-align:center;
    	display:block;
    }


p {margin:30px 0 10px 0; }
img {float:left; margin: 0 30px 4px 4px;}
	


.clearthefloats {
	clear:both;
	height:0;
	font-size:1em;
	line-height:0px;
	overflow:hidden;	
}

.contactinfo{
	float: center;
}

#table {text-align: center;
	border: 0;
	

}

#content {
	padding:0em 0em 0em 0em;
	float: center;

	
	}
#content h1 {text-align:center;
		}
/* 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 */
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	background:#DDC; /* TEMP - REMOVE OR RESTYLE  */
	}
#header_inner, #nav_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 {
	float:left;
	padding:.2em 0em 0em 0em;/*creates space between the box and the content */
	background: #e5e8eb;
	}
#content_inner { 
	padding:0em 0em 0em 0em; /* creates space between the box and the content */
	}
#footer_inner {
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:center;
	}