/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* grid.css - contains rules pertaining to the basic layout of page and most importantly of columns. The Document structure is outline below. */
/* The document is clearly structured. If you are adding a new section the please ensure all spellings are consistent between the structure and the section comments */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* STRUCTURE (nb		: you can use a "find" search on any of the sections below prefixed with a flag ["="] (eg		: "=GENERAL LAYOUT")
++++++++++++
	LAYOUT CONSTRUCT
	COLUMN GRIDS	
*/





/* ####################################### */
/* ########## =LAYOUT CONSTRUCT ########## */
/* ####################################### */

body {

}


/* OUTER WRAPPER DIVS
------------------------------------------------*/
.a-wrapper {
	width: 100%;
	clear: both;
}


/* INNER CONTAINERS
------------------------------------------------*/
.e-head-pre,																	
.e-head,
.e-navigation-primary,
.e-branding,
.e-navigation-primary,
.e-body,
.e-body-2col-right,
.e-body-2col-left,
.e-body-3col,
.e-body-noFloat,
.e-inner-foot,
.e-foot,
.e-new-footer,
.e-old-footer {
	width: 910px;
	margin: 0 auto;
/*	background: url(/r/i/css_framework/grid/grid.png) 0 0;*/
}


/*LIQUID RULES*/

.e-body-liquid-3col {
	margin: 0 auto;
	width: 100%;
}




/* ####################################### */
/* ############# COLUMN GRIDS ############ */
/* ####################################### */


/* DEBUG
------------------------------------------------*/

.e-panel-b {

}

.e-panel-a {

}

.e-panel-c {

}


/* BODY 2COL RIGHT
------------------------------------------------*/

.e-body-2col-right .e-panel-b,
.e-body-2col-right .e-panel-c {
	float: left;
}

.e-body-2col-right .e-panel-b {
	width: 560px;
	padding: 20px 20px;
}

.e-body-2col-right .e-panel-c {
	width: 270px;
	padding: 20px 20px;
}

/* BODY 2COL LEFT
------------------------------------------------*/

.e-body-2col-left .e-panel-b,
.e-body-2col-left .e-panel-a {
	float: left;
}

.e-body-2col-left .e-panel-b {
	width: 560px;
	padding: 20px 20px;
}

.e-body-2col-left .e-panel-a {
	width: 270px;
	padding: 20px 20px;
}



/* BODY 3COL 
------------------------------------------------*/

.e-body-3col .e-panel-b,
.e-body-3col .e-panel-a,
.e-body-3col .e-panel-c {
	float: left;
}

.e-body-3col .e-panel-b {
	width: 400px; /* = 11 columns */
	padding: 20px 20px; /* 1 column padding */
}

.e-body-3col .e-panel-a {
	width: 195px;
	padding: 20px 20px;
	
}

.e-body-3col .e-panel-c {
	width: 195px;
	padding: 20px 20px;
}


/* BODY LIQUID 3COL
------------------------------------------------*/


.e-body-liquid-3col .e-panel-a {
	float			: 	left;
	width			:	215px;
	margin			:	0;
	padding			:	20px;
}

.e-body-liquid-3col .e-panel-b {
	float			: 	none;
	width			:	auto;
	max-width		: 	70em;
	margin			:	0 255px;
	padding			:	10px;
}

.e-body-liquid-3col .e-panel-c {
	float			: 	right;
	width			:	215px;
	margin			:	0;
	padding			:	20px;
}





/* BODY noFloat
------------------------------------------------*/

.e-body-noFloat .e-panel-b,
.e-body-noFloat .e-panel-c {
	float: none;
}

.e-body-noFloat .e-panel-b {
	width: 870px; 
	padding: 20px 20px; 
}

.e-body-noFloat .e-panel-c {
	width: 870px; 
	padding: 20px 20px; 
}








/* ####################################### */
/* ########## =PARAGRAPH STYLES ########### */
/* ####################################### */

/* 2 Column Paragraph 
------------------------------------------------*/
.para-block {
	margin-bottom: 3em;
}

.para-2-column-boxed {
	float: left;
	width: 261px;
	/* outline: solid red; */
}


.left-hand-column {
	clear: left;
	margin-right: 20px;
}


/* BLOCKQUOTE PARAGRAPH
------------------------------------------------*/

.para-blockquote blockquote {
	background: url(/r/i/css_framework/graphics/quote_left.png) no-repeat 0 0;
}

.para-blockquote blockquote div {
	padding: 15px 50px 5px;
	background: url(/r/i/css_framework/graphics/quote_right.png) no-repeat 100% 95%;
}

.para-blockquote cite {
	display: block;
	text-align: right;
	margin-right: 50px;
	font-style: italic;
}