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

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

#wrapper {
}

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

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

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

/* 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-right {
  width: 200px;
  margin: 5px 25px 10px -25px;
  background: transparent url(../images/bg-sidebar-right-center.png) repeat-y scroll 50% 0pt;
}

#wrapper #container #sidebar-right .left-inner {
  padding: 10px 0;
}

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

#wrapper #container #sidebar-right #bottom-info {
  display: block;
  padding: 24px 0 1px 0;
  height: 24px;
}

#wrapper #container #sidebar-right #bottom-info a{
  padding: 12px 64px 0 20px;
  background: #FF9900;
  color: #fff;
  text-decoration: underline;
}

#wrapper #container #sidebar-right #bottom-info a:hover {
  color: #000;
}

#wrapper #container #sidebar-right .right-inner {
  background: transparent url(../images/bg-sidebar-right-top.png) no-repeat scroll left top;	
}

#wrapper #container #sidebar-right .left-inner {
  background: transparent url(../images/bg-sidebar-right-bottom.png) no-repeat scroll left bottom;	
}

#wrapper #container #preface {
  margin: 0 -1px;
  padding: 10px 0 0 20px;
}

#wrapper #container #center #content-main {
  padding: 10px;
  background: #fff url(../images/bg-content-main.png) no-repeat scroll center top;
  margin: 5px 25px 0 20px;
}

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

#wrapper #container #center #content-main #page-title {
  background: #FCBD43 url(../images/bg-title.gif) no-repeat scroll 14px 15px; 
	color: #000;
	padding: 11px 0 6px 40px;
	margin: 3px -10px 0 -10px;
	text-decoration: underline;
	font-family:"georgia",serif;
	font-size:180%;
  font-weight:normal;
  line-height:100%;
}

#wrapper #container #center #content-main h1 a,
#wrapper #container #center #content-main h2 a,
#wrapper #container #center #content-main h3 a {
  background: #FCBD43 url(../images/bg-title.gif) no-repeat scroll 14px 15px;
  color: #000;
	padding: 11px 0 6px 40px;
	margin: 3px -10px 0 -10px;
	text-decoration: underline;
	font-family:"georgia",serif;
	font-size:180%;
  font-weight:normal;
  line-height:100%;
  display: block;
}

#wrapper #container #center #content-main h1,
#wrapper #container #center #content-main h2,
#wrapper #container #center #content-main h3 {
  color: #000033;
	padding: 2px;	
}

#wrapper #container #center #content-main .node .content img {
  margin-right: 7px;
}

#wrapper #container #center #content-main .node .content table td {
  vertical-align: top;
}

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