/* TWO COLUMN LAYOUT */

body {
	text-align:center;
	background-color: #0033CC;
	}
#main_wrapper {
	width:860px; /* widths of columns will change proportionately as this width is changed */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left;
}
#header {
	padding-bottom: 0px;
	margin-bottom: 0px;
	
	}
#nav {
	width:190px; /* this width + content width must total 100% */
	float:left; /* floats on nav and content divs make them sit side by side */
	background-color: #CCCC99;
	}
#content {
	float:left; /* floats on nav and content divs make them sit side by side */
	width:670px; /* this width + nav width must total 100% */
	top:0px;
	}
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	}
#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-top: 1em;
	padding-left: 2em;
	}
#nav_inner {
	font-size: 1.2em;

	}
#content_inner {
	padding-right: 3em;
	padding-bottom: 1em;
	padding-left: 1.5em;
	border-right-width: 30px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCC99;
	border-right-color: #CCCC99;
	border-bottom-color: #CCCC99;
	border-left-color: #CCCC99;
	background-color: #FFFFCC;
	}
#footer_inner {
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:center;
	}
#header_image {
	float: left;
}
.clearfloats {
	clear: both;
}
#header_inner  #headpicture    {
	float: left;
	margin-right: 0px;
	width: 498px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
}
#header_inner  #newsletters    {
	float: right;
	margin-top: 70px;
	font-size: 1.2em;
	width: 280px;
}