/**  A negative margin technique*  *  1. Header*  2. Content*  3. Navigation menus*  4. Sidebar Left*  5. Sideabr Right**/
.mystyles {
	width: 960px;
	margin: 0 auto !important;
/* switch from fixed to a fluid width */
}
/** LAYOUT RULES */
.content {
	float: left;
	width: 100%;
	margin-right: -100% !important;
	padding: 0;
}
.sidebar {
	float: left;
}
.sidebar-second {
	float: right;
}
.footer {
	float: none;
	clear: both;
}
/* Layout Helpers */
.header, .footer, .mission, .breadcrumb, .node {
	clear: both;
}
/** Sidebars width */
.two-sidebars .center {
	margin-left: 180px !important;
/* lefter width */
}
.two-sidebars .sidebar-first {
	width: 180px !important;
/* lefter width */
	margin-right: -180px !important;
/* negative lefter width */
}
.two-sidebars .center {
	margin-right: 160px !important;
/* righter width */
}
.two-sidebars .sidebar-second {
	width: 160px;
/* righter width */
}
.inner {
	padding: 0px;
/* padding inside the columns */
}
/** Navigation styles. The navigation is loaded after the content*/
.navigation {
	float: left !important;
	margin-left: 0;
	margin-right: -100% !important;
	padding: 0;
	width: 100% !important;
}
.with-navigation .main .content, .with-navigation .main .sidebar {
	/* margin-top: 17px !important;
Navigation Height */
}
.with-navigation .main .sidebar, .with-navigation .main .content-inner {
	margin-top: 27px !important;
/*   Navigation Height */
}
.navigation {
	height: 27px !important;
/* Navigation Height */
}

/* one-two-three columns schemes */
.no-sidebars .center {
	margin-left: 0;
	margin-right: 0;
}
.no-sidebars .sidebar-second,  .no-sidebars .sidebar-first {
	display: none;
}
.one-sidebar-on-right .center {
	margin-left: 19px;
	margin-right: 170px;
}
.no-sidebars .sidebar-second,  .no-sidebars .sidebar-first {
	display: none;
}
.one-sidebar-on-right .sidebar-first {
	display: none;
}
.one-sidebar-on-right .sidebar-second {
	width: 160px;
/* RIGHT value */
}




