/* Westside Church Layout
   Updated: Thu 08.21.08
   Author: Bear Ideas, www.bearideas.com
----------------------------------------------------------------------------------*/  

* {
  margin: 0;
  padding: 0;
  }   

.clear {clear: both;}

/* =Layout

(Uses an implementation of http://www.alistapart.com/articles/multicolumnlayouts
----------------------------------------------------------------------------------*/ 

#wrap {background: url(images/bg2.jpg) center top repeat-x;}

#page {
  margin: 0 auto;
  width: 960px;
  }

#header {
  width: 960px;
  height: 100px;
  }

/* =With No Sidebars
------------------------------------------------------------*/

#container {
  float: left;
  min-height: 625px;
  height: auto !important; /* Min-Height Fast Hack for IE*/
  height: 625px;
  width: 960px;
  border-left: none;
  border-right: none;
  background: #EEE;
  }
  
#main-content {width: 960px; margin-right: 0;}

/* =With Right Sidebar
------------------------------------------------------------*/

#container.withright {
  width: 640px;
  border-left: none;
  border-right: 320px solid #E2D6C9;
  }

#container.withright #main-content {
  background: #EEE;
  float:left;
  width: 640px;
  margin-right: -640px;
  }

#sidebar-right {
  float: right;
  width: 320px;
  margin-right: -320px;
  position: relative;
  background: #E2D6C9;
  }

#footer {
  clear: both;
  background: #222 url(images/footer.png) top left repeat-x;
  height: 60px;
  color: #b7b8ba;
  font-size: 11px;
  padding: 5px 0 5px 10px;
  }

/* =With Left Sidebar
------------------------------------------------------------*/

#container.withleft {
  width: 530px;
  border-left: 200px solid #FFF;
  }

#container.withleft #main-content {
  width: 530px;
  margin-right: -530px;
  }

#sidebar-left {
  float:left;
  width: 200px;
  margin-left: -200px;
  position: relative;
  background: #EEE;
  }
  
/* =Splash Pages
------------------------------------------------------------*/

.center {
  background: #e2d6c9 url(images/bar.gif) bottom left repeat-x; /* alt: #dfccbd */
  height: 485px;
  border-bottom: 4px solid #AAA;
  position: relative;
  }