@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
@charset "UTF-8";

/* == .container surrounds all other divs giving them their percentage-based width == */
.container {
	width: 100%;
	max-width: 1135px; 
	min-width: 1000px;
	background-color: #F3F3F1;
	margin: 0 auto; 	/* the auto value on the sides, coupled with the width, centers the layout. */
	overflow: hidden; 	/* makes the .container clear all floated columns within it. */
}

/* == The navigation container == */
.navigation {
	float: left;
	width: 250px;
	text-align: center;
	padding-bottom: 10px;
	background-color: #F3F3F1;
}

/* == The content container == */
.content {
	width: 70%;
	float: left;
}

/* == The footer container == */
.footer {
	position: relative;
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	background-color: #FFF;
}

.footer_img {
	float: left;
	width: 30%;
	min-width: 300px;
	/* a min-width may be desirable to keep the sidebar from getting too narrow. This keeps the logo from overlapping the content. IE6 does not respect this declaration. */
	text-align: center;
	background-color: #F3F3F1;
}

.footer_content {
	width: 70%;
	float: left;
	text-align: center;
}

/* == This grouped selector gives the lists in the .content area space == */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. */
}

/* == Miscellaneous float/clear classes == */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}