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

#page{
}

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

#content {
	float:left;
	width:100%;
	margin-right:-100%;
	padding:0;
}
.sidebar {
	float:left;
}
.two-sidebars #content-inner {
  margin-left: 280px;   /* Left Sidebar width */
  margin-right: 280px;  /* Right Sidebar width */
}
.sidebar-right #content-inner {
  margin-right: 280px;  /* Right Sidebar width */
}
.sidebar-left #content-inner {
  margin-left: 280px;   /* Left Sidebar width */
}
#sidebar-left {
  width: 280px;
	margin-right:-280px;
	border-right: 1px solid #efefef;
}

#sidebar-right{
	float:right;
  width: 280px;
	border-left: 1px solid #efefef;
}
.inner{
	padding:0;
}

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

#header #logo-title {
	margin: 0;
	position: relative;
	width: 700px;
}

#header #logo-title #logo{
	vertical-align: baseline;
}

#header #logo-title #site-name {
	margin: 0;
}

#header #logo-title #site-slogan {
	margin-left: 20px;
}

#header #header-region {
}
#header-region {
	margin: 0;
	padding: 0;
}

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

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


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

/* Layout Helpers */

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

#header{
}
#footer{
}
#sidebar-left {
}
#sidebar-right {
}

#navigation{
}