/* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ 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. NCEO addition: background */
body { min-width: 960px; background: #036 url(/assets/images/misc/body-bg.gif) repeat-x;}

/* `Container (NCEO addition: background) */
.container_12 {
 margin-left: auto;
 margin-right: auto;
 width: 960px;
 background: white; 
}

/* `Grid >> Global 
[MARGINS 10PX IN ORIGINAL]
*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
 display: inline;
 float: left;
 margin-left: 15px;
 margin-right: 15px;
}

.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11 {
 position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last) */
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* NCEO addition here and below extends this to build width into alpha and omega classes 
So substitute .grid_4_alpha for .grid_4 .alpha, etc. 
Avoiding multiple class selectors in CSS (.grid_5.alpha) helps with IE6 compatibility. .sidebar_4 in public site, .sidebar_3 in members area */
.grid_3_alpha, .grid_4_alpha, .grid_8_alpha, .grid_9_alpha, .grid_3_omega, .grid_4_omega, .grid_6_alpha, .grid_6_omega, .grid_8_omega, .grid_9_omega, .grid_3_alphaomega, .grid_4_alphaomega, 
	.grid_6_alphaomega, .grid_8_alphaomega, .grid_9_alphaomega, .sidebar_head, .sidebar_3, .sidebar_4, .grid_12_alphaomega { display: inline; float: left; }
.grid_3_alpha, .grid_4_alpha, .grid_6_alpha, .grid_8_alpha, .grid_9_alpha { margin-left: 0;  margin-right: 15px; }
.grid_3_omega, .grid_4_omega, .grid_6_omega, .grid_8_omega, .grid_9_omega { margin-left: 15px; margin-right: 0; }
.grid_3_alphaomega, .grid_4_alphaomega, .grid_6_alphaomega, .sidebar_head, .grid_8_alphaomega, .grid_9_alphaomega, .grid_12_alphaomega, .sidebar_3, .sidebar_4 { margin-left: 0; margin-right: 0; }
.sidebar_4 { border-left: 1px solid #ccc; }

/* `Grid >> 12 Columns [ADJUSTED FOR 15PX PADDING] */
.container_12 .grid_1 { width: 50px; }
.container_12 .grid_2 { width: 130px; }
.container_12 .grid_3 { width: 210px; }
.container_12 .grid_4 { width: 290px; }
.container_12 .grid_5 { width: 370px; }
.container_12 .grid_6 { width: 450px; }
.container_12 .grid_7 { width: 530px; }
.container_12 .grid_8 { width: 610px; }
.container_12 .grid_9 { width: 690px; }
.container_12 .grid_10 { width: 770px; }
.container_12 .grid_11 { width: 850px; }
.container_12 .grid_12 { width: 930px; }

/* NCEO addition */
.container_12 .grid_3_alpha, .container_12 .grid_3_omega { width: 225px; }
.container_12 .grid_4_alpha, .container_12 .grid_4_omega { width: 305px; }
.container_12 .grid_6_alpha, .container_12 .grid_6_omega { width: 465px; }
.container_12 .grid_8_alpha, .container_12 .grid_8_omega { width: 625px; }
.container_12 .grid_9_alpha, .container_12 .grid_9_omega { width: 705px; }
.container_12 .grid_3_alphaomega { width: 240px; }
.container_12 .grid_4_alphaomega { width: 320px; }
.container_12 .grid_6_alphaomega { width: 480px; }
.container_12 .grid_8_alphaomega { width: 640px; }
.container_12 .grid_9_alphaomega { width: 720px; }
.container_12 .grid_12_alphaomega { width: 960px; }
.sidebar_4 { width: 319px; }
.sidebar_4 .grid_4_alphaomega, .sidebar_4 .sidebar_head  { width: 319px; }

/* `Prefix Extra Space >> 12 Columns */
.container_12 .prefix_1 { padding-left: 80px; }
.container_12 .prefix_2 { padding-left: 160px; }
.container_12 .prefix_3 { padding-left: 240px; }
.container_12 .prefix_4 { padding-left: 320px; }
.container_12 .prefix_5 { padding-left: 400px; }
.container_12 .prefix_6 { padding-left: 480px; }
.container_12 .prefix_7 { padding-left: 560px; }
.container_12 .prefix_8 { padding-left: 640px; }
.container_12 .prefix_9 { padding-left: 720px; }
.container_12 .prefix_10 { padding-left: 800px; }
.container_12 .prefix_11 { padding-left: 880px; }

/* `Suffix Extra Space >> 12 Columns*/
.container_12 .suffix_1 { padding-right: 80px; }
.container_12 .suffix_2 { padding-right: 160px; }
.container_12 .suffix_3 { padding-right: 240px; }
.container_12 .suffix_4 { padding-right: 320px; }
.container_12 .suffix_5 { padding-right: 400px; }
.container_12 .suffix_6 { padding-right: 480px; }
.container_12 .suffix_7 { padding-right: 560px; }
.container_12 .suffix_8 { padding-right: 640px; } 
.container_12 .suffix_9 { padding-right: 720px; }
.container_12 .suffix_10 { padding-right: 800px; }
.container_12 .suffix_11 {  padding-right: 880px; }

/* `Push Space >> 12 Columns */
.container_12 .push_1 { left: 80px; }
.container_12 .push_2 { left: 160px; }
.container_12 .push_3 { left: 240px; }
.container_12 .push_4 { left: 320px; }
.container_12 .push_5 { left: 400px; }
.container_12 .push_6 { left: 480px; }
.container_12 .push_7 { left: 560px; }
.container_12 .push_8 { left: 640px; }
.container_12 .push_9 { left: 720px; }
.container_12 .push_10 { left: 800px; }
.container_12 .push_11 { left: 880px; }

/* `Pull Space >> 12 Columns */
.container_12 .pull_1 {  left: -80px; }
.container_12 .pull_2 {  left: -160px; }
.container_12 .pull_3 { left: -240px; }
.container_12 .pull_4 { left: -320px; }
.container_12 .pull_5 { left: -400px; }
.container_12 .pull_6 { left: -480px; }
.container_12 .pull_7 { left: -560px; }
.container_12 .pull_8 { left: -640px; }
.container_12 .pull_9 { left: -720px; }
.container_12 .pull_10 { left: -800px; }
.container_12 .pull_11 { left: -880px; }

/* `Clear Floated Elements:  http://sonspring.com/journal/clearing-floats */
.clear {
 clear: both;
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before, .clearfix:after, .container_12:before, .container_12:after {
 content: '.';
 display: block;
 overflow: hidden;
 visibility: hidden;
 font-size: 0;
 line-height: 0;
 width: 0;
 height: 0;
}

.clearfix:after, .container_12:after {
 clear: both;
}

/*  The following zoom:1 rule is specifically for IE6 + IE7.  Move to separate stylesheet if invalid CSS is a problem. */
.clearfix, .container_12 {
 zoom: 1;
}