/* $Id: layout.css,v 1.1.4.2 2008/11/22 00:57:20 stevek Exp $
*/


/** MAIN LAYOUT - FIXED or FLUID WIDTH
---------------------------------*/
/* 
	The layout is made using the 'Holy Grail' system by Matthew Levine
	http://www.alistapart.com/articles/holygrail
*/


#wrapper{
	/*min-height:100%;
	height:auto !important;
	height:100%;*/
}


#outer-wrapper{
	/* position and z-index are for compatibility with our background method 
	   width is added because otherwise child elements won't float in standards-compliant browsers */
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	width:100%;
	min-width:750px;
	
	min-height: 100%;
	/*height: auto !important;
	height: 100%;*/
	/*margin: 0 auto -241px;*/
}

#page{
	/*
	width:950px;
	*/
	/* Remove the previous line to have a Fluid Layout 
	or modify it to change the width of the page*/
	/*
	margin:0 auto;
	padding:0 0 0 0;
	*/
	
    /* moved float declarations here from #content for simplicity and IE6 */
	width:635px;
	float:right;
	clear:both;
	margin-right:60px;
	display:inline; /* crazy IE6 margin exaggeration on floats ! */
	margin-left:30px;
}

/* 
	To change the width of a sidebar, just modify the corresponding values of this sidebar.
	For example, If you want to change the width of the right sidebar to 250px, change the
	value of each line commented "Right Sidebar width" to 250px
*/


#main{

	/*margin:0 auto;*/
	padding:0px;

	/*width:950px;*/
	/*width:100%;*/
	/*z-index:100;*/
}

/*
We can float #main to the right, but then we still need to float the menu left
Or we can float the #content, which means changing width of the main to 100% and #content to 635px
*/

#content {
	/*float:left;*/
	float:right;
	width: 635px; /* havent decided whether to keep width on this element yet */
	padding:0px;

	clear:both;
}

.sidebar {
	float:left;
}
.two-sidebars #content-inner {
  /*margin-left: 220px;*/   /* Left Sidebar width */
  /*margin-right: 235px;*/  /* Right Sidebar width */
}
.sidebar-right #content-inner {
  /*margin-right: 235px;*/  /* Right Sidebar width */
}
.sidebar-left #content-inner {
  /*margin-left: 220px;*/   /* Left Sidebar width */
}

#sidebar-left {
	width: 220px;
	margin-right:-220px;
	margin-top:8px;
}

#sidebar-right{
	float:right;
	width: 195px;
	position:relative;
	padding:0 0 0 40px;
}


#page{
/* this contains both sidebars and #content */
}

/* header 
--------------------------- */






/* footer 
--------------------------- */

#footer {
	float: none;
	clear:both;
}


/*---------------------------------*/

/* Layout Helpers */

#header,
#footer,
#main #content .mission,
#main #content .breadcrumb,
#main #content .node {
	clear: both;
}