/*%%%%%%MODIFIED FROM LAYOUT FROM CHARLES WYCKE-SMITH STYLIN' WITH CSS 2nd ED %%%%%%%%%%%%%%%%%*/
/*%%%%%%%%Created 2 column, liquid layout with some restraints %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%  nav bar is vertical, on left %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%% 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*/
	}
#nav {
	width:100%;
	padding-left:0px;
	background-color:#526037;

	}
#nav_inner {
	padding:1em .5em; /* creates space between the box and the content */
	}
#footer p {
	margin:0;
	clear:both; /* makes the footer sit below whichever column is longest */

	}
#footer_inner {
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:center;
	}
#header {
	}
#header_inner { 
	/*padding:1em 2em;  creates space between the box and the content */
	}
#highlights {
	width: 20%; /* the content margin must match this value */
	float:left; /* floats on nav and content divs make them sit side by side */
	/*note: background color (#CCCC8F)is controlled by repeating graphic, content-faux specified in main_wrapper*/
	}
#highlights p {
		font-size: 65%;
		padding-left:35px;
}
#highlights_inner {
	padding:1em .5em; /* creates space between the box and the content */
	}
#content_inner { 
	 /* creates space between the box and the content */
	padding:0 1em 1em 1.5em; 
	}
#content {
	width: 80%;
	float:left; /* margin = width of nav column */
		/*note: background color (#E6E6CF) is controlled by repeating graphic, content-faux specified in main_wrapper*/

	}
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	}

#header_inner, #nav_inner, #content_inner,
    {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
.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 */