/*
	Variable Grid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/
/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/
html, form{ height:100%;}
body {
  min-width: 1020px;
  height: 100%;
}



/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.fluidcontainer_3 {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
}
.paddingtop {padding-top:18px;}
.fluidcontainer_3 .date
{ width:48%; margin-right:1%;}

/* do not use these as a double class on any structure elements *
 * These should be inset as an additional div inside of a grid div element*/
.border-right{ border-right:1px solid #ccc;}
.border-right{ border-left:1px solid #ccc;}


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.fluidgrid_1,
.fluidgrid_2,
.fluidgrid_3,
.fluidgrid_1_2col /*Two Col Structure*/
{
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.fluidalpha {
	margin-left: 0;
}

.fluidomega {
	margin-right: 0;
}

/* Grid >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.fluidcontainer_3 .fluidgrid_1 {
	width:31.333%;
}

.fluidcontainer_3 .fluidgrid_2 {
	width:64.667%;
}

.fluidcontainer_3 .fluidgrid_3 {
	width:98.0%;
}

.fluidcontainer_3 .fluidgrid_1_2col {
	width:48%;
}

/* Prefix Extra Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.fluidcontainer_3 .fluidprefix_1 {
	padding-left:33.333%;
}

.fluidcontainer_3 .fluidprefix_2 {
	padding-left:66.667%;
}



/* Suffix Extra Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.fluidcontainer_3 .fluidsuffix_1 {
	padding-right:33.333%;
}

.fluidcontainer_3 .fluidsuffix_2 {
	padding-right:66.667%;
}



/* Push Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.fluidcontainer_3 .fluidpush_1 {
	left:33.333%;
}

.fluidcontainer_3 .fluidpush_2 {
	left:66.667%;
}



/* Pull Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.fluidcontainer_3 .fluidpull_1 {
	left:-33.333%;
}

.fluidcontainer_3 .fluidpull_2 {
	left:-66.667%;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}