/* $Id: layout-fixed.css,v 1.17 2009/11/05 12:09:53 johnalbin Exp $ */

/**
* @file
* Layout Styling (DIV Positioning)
*
* Define CSS classes to create a table-free, 3-column, 2-column, or single
* column layout depending on whether blocks are enabled in the left or right
* columns.
*
* This layout is based on the Zen Columns layout method.
*   http://drupal.org/node/201428
*
* Only CSS that affects the layout (positioning) of major elements should be
* listed here.  Such as:
*   display, position, float, clear, width, height, min-width, min-height
*   margin, border, padding, overflow
*/

/* ------ GENERAL ---- */

	/*
	* Body
	*/
	body {
	background-color: #937a6e;
	}
	
	#page-wrapper,
	.region-page-closure {
	/*
	* If you want to make the page a fixed width and centered in the viewport,
	* this is the standards-compliant way to do that. See also the ie6.css file
	* for the necessary IE5/IE6quirks hack to center a div.
	*/
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	}
	
	#page {
	}
	
	
	
	
	
	/*
	* Header
	*/
	#header {
	}
	
	#header .section {
	}
	
	#search-box {
	}
	
	.region-header {
	clear: both; /* Clear the logo */
	}
	
	
	
	
	
	
	/*
	* Main (container for everything else)
	*/
	#main-wrapper {
	position: relative;
	}
	
	#main {
	background: #fff;
	}
	
	
	
	
	
	
	
	/*
	* Content
	*/
	#content,
	.no-sidebars #content {
	float: left; /* LTR */
	width: 960px;
	margin-left: 0; /* LTR */
	margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
	}
	
	.sidebar-first #content {
	width: 760px;
	margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first. */
	margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
	}
	
	.sidebar-second #content {
	width: 760px;
	margin-left: 0; /* LTR */
	margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
	}
	
	.two-sidebars #content {
	width: 560px;
	margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first */
	margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
	}
	
	#content .section {
	margin: 0;
	padding: 0px;
	clear:both;
	}
	
	
	
	
	
	
	/*
	* Navigation
	*/
	#navigation {
	text-align: right;
	position: relative;
	float: right; /* LTR */
	width: 600px;
	background: #fff;
	/* width: 100%; */
	margin-left: 0; /* LTR */
	/* margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
	height: 6.5em; /* The navigation can have any arbritrary height. We picked one
	    that is the line-height plus 1em: 1.3 + 1 = 2.3
	    Set this to the same value as the margin-top below. */
	    
	}
	
	.with-navigation #content,
	.with-navigation .region-sidebar-first,
	.with-navigation .region-sidebar-second {
	margin-top: 2.3em; /* Set this to the same value as the navigation height above. */
	}
	
	#navigation .section {
	padding: 45px 20px 0px 0px;
	bottom: 0px;
	}
	
	#navigation ul /* Primary and secondary links */ {
	margin: 0;
	padding: 0;
	text-align: left; /* LTR */
	}
	
	#navigation li /* A simple method to get navigation links to appear in one line. */ {
	float: left; /* LTR */
	padding: 0 10px 0 0; /* LTR */
	}
	
	
	
	
	
	
	
	
	/*
	* First sidebar
	*/
	.region-sidebar-first {
	float: left; /* LTR */
	width: 200px;
	margin-left: 0; /* LTR */
	margin-right: -200px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
	padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
	}
	
	.region-sidebar-first .section {
	margin: 0 20px 0 0; /* LTR */
	padding: 0;
	}
	
	
	
	
	
	
	
	/*
	* Second sidebar
	*/
	.region-sidebar-second {
	float: left; /* LTR */
	width: 200px;
	margin-left: 760px; /* LTR */ /* Width of content + sidebar-first. */
	margin-right: -960px; /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */
	padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
	}
	
	.region-sidebar-second .section {
	margin: 0 0 0 20px; /* LTR */
	padding: 0;
	}
	
	
	
	
	
	
	
	/*
	* Footer
	*/
	#footer {
	padding-top: 15px;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	clear: both;	
	}
	
	
	#footer .section {
	}
		
	#footer a {
	color: #003872;
	}
	table.footerpad {
	padding: 0px;
	margin: 0px;
	}	
	
	.footerlgbt {
	padding: 10px 10px 5px 30px;
	
	}
	
	.footerdonate {
	float: left;
	width: 200px;
	padding: 10px 10px 5px 12px;
	}
	
	.footerp4 {
	float: right;
	width: 200px;
	text-align: right;
	padding: 10px 22px 5px 10px;
	}
	
	
	
	
	
	
	
	/* Footer BOTTOMS */
	.bg_childhome { /* Bottom for Homepage */
	margin: 0px;
	padding: 0px;
	background: url("../../../../default/files/bg_childhome3.gif") 217px 0px no-repeat;
	}
	
	.bg_childsubpage { /* Bottom for Subpages */
	padding-top: 65px;
	padding-left: 55px;
	}
	
	.footerprograms { /* Bottom for Programs */
	margin: 0px;
	padding: 25px 0px 0px 0px;
	background: url("../../../../default/files/bg_childprograms2.jpg") 0px 0px no-repeat;
	}
	
	.footernews { /* Bottom for News Section */
	margin: 0px;
	padding: 25px 0px 0px 0px;
	background: url("../../../../default/files/bg_childnews2.jpg") 0px 0px no-repeat;
	}
	
	.footeradopt { /* Bottom for Adopt Section */
	margin: 0px;
	padding: 25px 0px 0px 0px;
	background: url("../../../../default/files/bg_childadopt2.jpg") 0px 0px no-repeat;
	}
		
	.footerassist { /* Bottom for Assist Section */
	margin: 0px;
	padding: 25px 0px 0px 0px;
	background: url("../../../../default/files/bg_childassist2.jpg") 0px 0px no-repeat;
	}
	
	
	.footerfoster { /* Bottom for Foster Section */
	margin: 0px;
	padding: 25px 0px 0px 0px;
	background: url("../../../../default/files/bg_childfoster2.jpg") 0px 0px no-repeat;
	}
	
	
	.footermission { /* Bottom for Mission Section  */
	margin: 0px;
	padding: 25px 0px 0px 0px;
	background: url("../../../../default/files/bg_childprograms2.jpg") 0px 0px no-repeat;
	}
		
	.footerresources{ /* Bottom for Resources */
	margin: 0px;
	padding: 25px 0px 0px 0px;
	background: url("../../../../default/files/bg_childfoster2.jpg") 0px 0px no-repeat;
	}
	
		
	.footeraboutus{ /* Bottom for About Us */
	margin: 0px;
	padding: 25px 0px 0px 0px;
	background: url("../../../../default/files/bg_childfoster2.jpg") 0px 0px no-repeat;
	}
	
	.footerp4_2 { /* Bottom for Mission Section  */
	margin: 0px;
	padding: 25px 0px 0px 0px;
	background: url("../../../../default/files/bg_childprograms2.jpg") 0px 0px no-repeat;
	}	
	
	
	
	/*
	* Closure
	*/
	.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
	}
	
	
	
	
	
	
	/*
	* Prevent overflowing content
	*/
	#header,
	#content,
	#navigation,
	.region-sidebar-first,
	.region-sidebar-second,
	#footer,
	.region-page-closure {
	overflow: visible;
	word-wrap: break-word; /* A very nice CSS3 property */
	}
	
	#navigation {
	/* May need to be removed if using a dynamic drop-down menu */
	}
	
	/*
	* If a div.clearfix doesn't have any content after it and its bottom edge
	* touches the bottom of the viewport, Firefox and Safari will mistakenly
	* place several pixels worth of space between the bottom of the div and the
	* bottom of the viewport. Uncomment this CSS property to fix this.
	* Note: with some over-large content, this property might cause scrollbars
	* to appear on the #page-wrapper div.
	*/
	/*
	#page-wrapper {
	overflow-y: hidden;
	}
	*/