/** 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
*	
*/

#page {
	width:100%;
}

/** LAYOUT RULES
---------------------------------
*  do not change if you're not sure you know what you're doing
*/

#block-block-5, #block-block-7 {
	margin-top:24px;
}
#block-block-6 {
	background-image:url(../images/blackbar-bg.jpg);
	background-repeat:repeat-x;
	float:right;
	height:30px;
	margin:15px 0 0;
	padding:0;
	text-align:right;
	width:138px;
}
#block-locale-0 {
	float:right;
}
#block-locale-0 ul li {
	border-left:1px solid #FFFFFF;
	display:block;
	float:left;
	padding:0 5px 0 0;
}
#block-locale-0 ul li.first {
	border:none;
}
#block-locale-0 ul li.last {
	padding:0 0 0 5px;
}
#block-menu-primary-links {
	background-image:url(../images/blackbar-bg.jpg);
	background-repeat:repeat-x;
	float:left;
	margin:15px 0 0;
	width:611px;
}
body.i18n-en #block-menu-primary-links {
	height:16px;
	padding:7px 12px;
}
body.i18n-es #block-menu-primary-links {
	height:18px;
	padding:4px 12px 8px;
}
#block-menu-secondary-links {
	background-color:#DE1920;
	background-image:url(../images/secondary-bg.jpg);
	background-repeat:repeat-x;
	float:right;
	padding:3px 14px 5px;
}
#content {
	float:left;
	margin-right:-100%;
	padding:14px;
	width:872px;
}
#content.homepage {
	padding:5px;
	width:890px;
}
#facebook-box-logo {
	margin:0 0 12px;
}
#facebook-bug {
	border-right:1px solid #333333;
	float:left;
	margin:5px 0 0 3px;
	padding:0 10px 0 0;
	width:20px;
}
#facebook-like {
	float:right;
	padding:5px 0 0;
	width:95px;
}
#footer {
	float:none;
	clear:both;
	padding:85px 0 30px;
}
#footer #block-panels_mini-footer_content {
	margin:0 auto;
	width:900px;
}
#header {
	height:165px;
	margin:0 auto;
	padding:12px 0 0;
	width:900px;
}
#header-region {
	float:left;
	width:773px;
}
#header-url {
	float:left;
	width:507px;
}
#header-veridian {
	float:right;
	margin:21px 0 0;
	width:137px;
}
#home-adspace {
	float:right;
	width:255px;
}
#home-intro {
	clear:both;
	padding:0;
}
#home-mainIMG {
	float:left;
	margin:0 5px 0 0;
	width:630px;
}
#home-tagline {
	float:left;
	margin:0 24px 0 0;
}
#logo-title {
	float:left;
	margin:0 20px 0 0;
}
#main {
	background-color:#FFFFFF;
	margin:0 auto;
	width:900px;
}


.panel-2col .panel-col-first {
	padding:15px 15px 15px 0;
	width:597px;
}
.panel-2col .panel-col-last {
	width:257px;
}
.panel-2col .panel-col-first .inside, .panel-2col .panel-col-last .inside {
	margin:0;
}
.panel-2col .panel-col-last .panel-pane {
	padding:15px 0 15px 15px;
}
.sidebar {
	float:left;
}
#sidebar-second {
	float:right;
}

/* Layout Helpers */

#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'.
*/

.two-sidebars .center,
.sidebar-left .center {
  margin-left:200px;     /* LEFT value */
}
#sidebar-first {
  margin-right:-200px;    /* negative LEFT value */
  padding:14px;
  width:186px;           /* LEFT value */
}
.two-sidebars .center,
.sidebar-right .center {
  margin-right:200px;    /* RIGHT value */
}
#sidebar-second {
  width:200px;           /* RIGHT value */
}

/** 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
*/

.inner {
	/*float:left;*/
	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.
*/

#navigation {
	display:none;
	float:left;
	height:40px;
	margin-left:0;
	margin-right:-100%;
	padding:0;
	width:100%;
}
.with-navigation #content, .with-navigation .sidebar {
}