/**
 * Layout
 */
body #wrapper #container {
  width: 932px;
}

#wrapper #container {
  margin: 0 auto;
  padding-bottom: -20px;
  background: #fff;
  padding: 0 10px;
  background: url(../images/bg-container.png) repeat-y scroll 50% 0pt; 
}



/* 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: -230px;
}
body.sidebar-right #center {
  margin-right: -230px;
}
body.sidebars #center {
  margin: 0 -230px 0 -230px;
}

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

/* 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: 230px;
  background: #fff url(../images/bg-sidebar-left.png) repeat-x scroll 50% 0pt;
  min-height: 717px;
  color: #000;
  font-weight: bold;
  margin: 0 -1px 0 1px;
}

#wrapper #container #sidebar-left .block {
  border-bottom: 2px dotted #7E98A6;
  margin: 5px 15px 0 15px;
}

#wrapper #container #sidebar-left h3 {
  font-weight: bold;
  color: #000;
  margin: 10px 0 10px 5px; 	
}

#wrapper #container #sidebar-left a,
#wrapper #container #sidebar-left a:link,
#wrapper #container #sidebar-left a:visited {
  font-weight: bold;
  color: #000;
}

#sidebar-left .block a.active,
#sidebar-left .block a:hover {
  text-decoration: underline;	
}

#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;
} 

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



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

/*
 * Regions layout
 */
 
#wrapper #container #center #content-left {
	background: transparent url(../images/bg-content-top.png) no-repeat scroll 50% 0pt;
	height: 230px;
}

#wrapper #container #center #content-main {
	margin: 15px 10px 0 20px;
}

#wrapper #container #center #content-main h1{
	margin: 15px 5px 0 20px;
	font-size: 14px;
	font-weight: bold;
}