/**
 * Layout
 */
 
body {
  min-width: 980px;
}

 
body #wrapper #container {
  width: 900px;
}



#wrapper {
}

#wrapper #container {
  margin: 0 auto;
  background: #fff;
  padding: 0;
  background: url(../images/bg-container.png) repeat-y top left; 
  padding: 0 12px;
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #center {
  float: left;
  width: 100%;
}

/* So we move the #center container over the sidebars to compensate */
body.sidebar-left #center {
  margin-left: -270px;
}
body.sidebar-right #center {
  margin-right: -270px;
}
body.sidebars #center {
  margin: 0 -270px 0 -270px;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
  margin-left: 270px;
}
body.sidebar-right #squeeze {
  margin-right: 270px;
}
body.sidebars #squeeze {
  margin: 0 270px 0 270px;
}

/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar {
  margin: 0px;
  float: left;
  z-index: 2;
  position: relative;
}

#wrapper #container #sidebar-left {
  width: 270px;
  margin: 0 0 10px 0;
}

#wrapper #container #sidebar-left a {
  font-weight: bold;
}

#wrapper #container #sidebar-left ul li{
  margin: 0.4em 8px 0.4em 0;
}


#wrapper #container #sidebar-right{
  width: 270px;
}

#wrapper #container #preface {
  background: transparent url(../images/bg-preface.png) no-repeat;	
  height: 202px;
}

#wrapper #container #center #content-left #promo-top {
  background: transparent url(../images/bg-promo-top.png) no-repeat scroll center top;
  height: 22px;
}

#wrapper #container #center #content-left #promo-center {
  background: transparent url(../images/bg-promo-center.png) repeat-y scroll;
  margin-left: 4px;
  padding: 5px 25px 10px 15px;
}

#wrapper #container #center #content-left #promo-bottom {
  background: transparent url(../images/bg-promo-bottom.png) no-repeat scroll center bottom;
  height: 26px;
}

#wrapper #container #center #content-right {
	padding-left: 5px;
}

#wrapper #container #center #content-main {
  padding: 10px 12px 10px 15px;
  color: #333333;
}

#wrapper #container #center #content-main a {
	color: #D0D1D6;
}

#wrapper #container #center #content-main #page-title,
#wrapper #container #center #content-main h1,
#wrapper #container #center #content-main h1 a,
#wrapper #container #center #content-main h2,
#wrapper #container #center #content-main h2 a,
#wrapper #container #center #content-main h3,
#wrapper #container #center #content-main h3 a{
	color: #2D6166;
	padding-top: 0;
}

#wrapper #container #center #content-main .node .submitted, 
#wrapper #container #center #content-main .view-content-row .submitted {
  color: #666;
}


/* Now we add the backgrounds for the main content shading */
#wrapper #container #center #squeeze {
  position: relative;
}

#wrapper #container #center .right-inner {
}

#wrapper #container #center .right-inner .left-inner {
  min-height: 400px;
}


#wrapper #container #sidebar-left ul li, 

#wrapper #container #sidebar-left ul.menu li, 

#wrapper #container #sidebar-left .item-list ul li,

#wrapper #container #sidebar-left li.leaf {

  margin-left: 12px;

  background: transparent url(../images/menu-leaf.png) no-repeat 1px .35em;

}