/* Layout
 * ------
 * Using a negative margin technique, adapted from ZEN. The page is loaded by this order:
 *
 * 1. Header
 * 2. Content
 * 3. Navigation menus
 * 4. Sidebar Left
 * 5. Sideabr Right */
/* remove 'auto' and the width to switch to a fluid width */
/* line 16, ../sass/layout.sass */
#page {
  width: 970px;
  margin: 0 auto;
}

/* Layout rules. (Disclaimer: do not change if you're not sure you know what you're doing.) */
/* line 21, ../sass/layout.sass */
#content {
  float: left;
  width: 100%;
  margin-right: -100%;
  padding: 0 0 10px 0;
  background:#fff;
}
#content-inner {
  /*padding: 0 25px;*/
}
#content-area {
  padding: 0 10px;
}
body.page-node #content-area {
  padding-right:10px;
}
/* line 27, ../sass/layout.sass */
.sidebar {
  float: left;
}

/* line 30, ../sass/layout.sass */
#sidebar-second {
  float: right;
}

/* line 33, ../sass/layout.sass */
#footer {
	border-top: 1px solid #24BCD2;
    clear: both;
    float: none;
    margin-top: 40px;
    padding: 12px 0;
}

/* Layout Helpers */
/* line 38, ../sass/layout.sass */
#header,
#footer,
.mission,
.breadcrumb,
.node {
  clear: both;
}

/* Sidebars width
 * --------------
 * Changing the width of the sidebars is dead easy, just change the
 * values below corresponding to the sidebar you want to modify.
 * Make sure you keep negative values as negative values.
 * For example, if I want to increase the width of the left sidebar
 * to 300px, I would have to change each '190' to '300'. */
/* line 56, ../sass/layout.sass */
.two-sidebars .center,
.sidebar-left .center {
  margin-left: 240px;
}

/* line 60, ../sass/layout.sass */
#sidebar-first {
    margin-left: 10px;
    margin-right: -230px;
    width: 230px;
}

/* line 66, ../sass/layout.sass */
.two-sidebars .center,
.sidebar-right .center {
  margin-right: 320px;
}

/* line 70, ../sass/layout.sass */
#sidebar-second {
  /*width: 290px;
  padding-right:25px;*/
}

/* Columns Inner
 * -------------
 * You can change the padding inside the columns without changing the
 * width of them by just usinbg the INNER div of each column */
/* line 77, ../sass/layout.sass */
.inner {
  padding: 0;
}

/* Navigation styles
 * -----------------
 * The navigation is loaded after the content, so we need to make space
 * for it, equal to its height, so if you change the height of the navigation,
 * remember to adapt the margin top of the content and sidebars. */
/* line 85, ../sass/layout.sass */
#navigation {
  /*float: left;
  margin-left: 0;
  margin-right: -100%;*/
  padding: 0;
  width: 100%;
  height: 22px;
  position:absolute;
  top:0;
}

/* line 95, ../sass/layout.sass */
.with-navigation #content,
.with-navigation .sidebar {
  /*margin-top: 50px;*/
}
#content-header {
  background:#FFF;
}

#main {
  position:relative;
  padding-top:40px;  
  background:#fff; 
  border-bottom:3px solid #24BCD2;
}

/*  homepage doesn't have a breadcrumb so adjust for new background color. */
.page-homepage #main {  
  padding-top:46px;  
  background-color:#0D232B;
}

#header {
  padding: 30px 0 20px 0;
  height: 69px;
}


/* 970px grid */

.container {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;	
}
.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col {
	clear: none;
	display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	position: relative;
}
.one-col {
	width: 70px;
}

.two-col {
	width: 150px;
}

.three-col {
	width: 230px;
}

.four-col {
	width: 310px;
}

.five-col {
	width: 390px;
}

.six-col {
	width: 470px;
}

.seven-col {
	width: 550px;
}

.eight-col {
	width: 630px;
}

.nine-col {
	width: 710px;
}

.ten-col {
	width: 790px;
}

.eleven-col {
	width: 870px;
}

.twelve-col {
	width: 950px;
	margin-right: 0;
}

.prefix-one {
	margin-left: 80px;
}

.prefix-two {
	margin-left: 160px;
}

.prefix-three {
	margin-left: 240px;
}

.prefix-four {
	margin-left: 320px;
}

.prefix-five {
	margin-left: 400px;
}

.prefix-six {
	margin-left: 480px;
}

.prefix-seven {
	margin-left: 560px;
}

.prefix-eight {
	margin-left: 640px;
}

.prefix-nine {
	margin-left: 720px;
}

.prefix-ten {
	margin-left: 800px;
}

.prefix-eleven {
	margin-left: 880px;
}

.suffix-one {
	margin-right: 90px;
}

.suffix-two {
	margin-right: 170px;
}

.suffix-three {
	margin-right: 250px;
}

.suffix-four {
	margin-right: 330px;
}

.suffix-five {
	margin-right: 410px;
}

.suffix-six {
	margin-right: 490px;
}

.suffix-seven {
	margin-right: 570px;
}

.suffix-eight {
	margin-right: 650px;
}

.suffix-nine {
	margin-right: 730px;
}

.suffix-ten {
	margin-right: 810px;
}

.suffix-eleven {
	margin-right: 890px;
}

.clear { /* Useful generic clearing class. */
	clear: both;
}
.last-col,
.last {
	margin-right: 0;
}