/* $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 clearfix solution, .fl-left and .fl-right standards added by Symmetri on 04-25-2013 */
 
.fl-left {
	position:relative;
	float:left;
}
.fl-right {
	position:relative;
	float:right;
}

 




/*

 * Body

 */

body {

}



#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: 920px;

}



#page {

}



/*

 * Header

 */

#header {

}



#header .section {



}



#search-box {

  float: right;

  margin-right: 30px;

  margin-top:10px;

}



.region-header {

  float: right;

  clear: right;

  margin-right: 30px;

  margin-top:5px;

}



/*

 * Main (container for everything else)

 */

#main-wrapper {

  position: relative;

  margin-top:33px;

}



#main {

	padding: 20px 30px;

}



/*

 * Content

 */

#content,

.no-sidebars #content {

  float: left; /* LTR */

  width: 860px;

  margin-left: 0; /* LTR */

  margin-right: -860px; /* 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: 630px;

  margin-left: 220px; /* LTR */ /* The width of .region-sidebar-first. */

  margin-right: -850px; /* LTR */ /* Negative value of #content's width + left margin. */

}



.sidebar-second #content {

  width: 600px;

  margin-left: 0; /* LTR */

  margin-right: -720px; /* LTR */ /* Negative value of #content's width + left margin. */

}



	.front.sidebar-second #content {width:100%; }





.two-sidebars #content, .node-type-event #content {

  width: 420px;

  margin-left: 220px; /* LTR */ /* The width of .region-sidebar-first */

  margin-right: -640px; /* LTR */ /* Negative value of #content's width + left margin. */

}



.node-type-event .field-type-nodereference {clear: both;}



#content .section {

  margin: 0;

  padding: 0;

}



/*

 * Navigation

 */

#navigation {

  float: left; /* LTR */

  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: 33px; /* 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. */

}



#navigation .section {

}



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

  margin: 0 10px 0 0; /* LTR */

  padding: 0;

}



/*

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

  padding: 0;

}



/*

 * Second sidebar

 */

.region-sidebar-second {

  float: left; /* LTR */

  width: 200px;

  margin-left: 660px; /* LTR */ /* Width of content + sidebar-first. */

  margin-right: -860px; /* 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; /* LTR */

  padding: 0;

}



	.front .region-sidebar-second {

	  float: right;

	  margin-left: 0;

	  margin-right: 0;

	}



/*

 * Homepage "middle" bar

 */

.region-homepage-middle {

  float: left; /* LTR */

  width: 200px;

  margin-left: 440px; /* LTR */ /* Width of content + sidebar-first. */

  margin-right: -660px; /* 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. */

}



/*

 * Homepage bottom, 2-column span

 */

.region-homepage-bottom {

	width: 420px;

	float: right; clear: right;



}

/*

 * Footer

 */

#footer {

	margin-bottom: 20px;

}



#footer .section {

	overflow: hidden;

}



/*

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

  overflow: hidden; /* 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;

}

*/