/*%%%%%%%%Created 1 column, liquid layout with some restraints %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%% main nav bar is horizontal, under header %%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%% only governs main layout, no colors, backgrounds, etc%%%%%%%%%%%%%%%%%*/
/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	max-width:1000px; /* sets max layout width*/
	min-width:950px; /* 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 */
	/*note: background color in main_wrapper, content, and nav is controlled by repeating 
	graphic, content-faux*/
	}
#footer p {
	margin:0;
	}
#header {
	}
#nav {
	width:100%;
	padding-left:0px;
	/* position:relative;
	background-color:#A8A800;*/
	}
#nav_inner {
	padding:1em .5em; /* creates space between the box and the content */
	}
#content {
	width:100%;
	}
#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 { 
	position:relative;
	height: 100 px;
	/*padding:1em 2em;  creates space between the box and the content*/
	}
#content_inner { 
	 /* creates space between the box and the content */
	padding:0 1em 1em 1.5em; 
	}
#footer_inner {
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:center;
	}
#main_image {
	float:right;
	}
.clearthefloats {clear:both;}
.left_425_div {
	float:left;
	width:450px; /* sets max layout width*/
	margin: 15px;
}
.left_div {
	float:left;
}
.right_div {
	float:right;
}

/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */

/* THE ALSETT CLEARING METHOD */
	.clearfix:after {
 content: “.”;
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */