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

body #wrapper #container {
  width: 940px;

}

#wrapper #container {
  margin: 0 auto;
  background: #fff;
  padding: 0 12px;
  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: -228px;
}
body.sidebar-right #center {
  margin-right: -228px;
}
body.sidebars #center {
  margin: 0 -228px 0 -228px;
}

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

/* 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: 228px;
  margin: 8px -33px 10px 33px;
  background: transparent url(../images/bg-sidebar-left-center.png) repeat-y scroll 50% 0pt;
  
}

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

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

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

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


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

#wrapper #container #preface .banner {
  padding: 70px 0 0 95px;
  height: 125px;
  width: 125px;
}

#wrapper #container #preface h1 {
	padding: 0;
}

#wrapper #container #center #content-left {

}

#wrapper #container #center #content-main {
  background: transparent url(../images/bg-center-center.png) repeat-y scroll;
  margin: 5px 30px 0 38px;
  color: #340D07;
}

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

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

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

#wrapper #container #center #content-main .submitted {
	color: #666;
}

#wrapper #container #center #content-main table th{
  color: #CC6600;
}

#wrapper #container #center #content-main table tr.even td{
  border: none;
  background: #87978B;
  text-align: justify;
}

#wrapper #container #center #content-main table tr.odd td{
  border: none;
  background: #A9B4AC;
  text-align: justify;
}

#wrapper #container #center #content-main table .bookie-logo-link a:hover {
  text-decoration: none;
}

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

#wrapper #container #center #content-main ul.menu a{
	color: #FFF;
}

#wrapper #container #center #content-main #page-title,
#wrapper #container #center #content-main h1 a,
#wrapper #container #center #content-main h2 a,
#wrapper #container #center #content-main h3 a {
	color: #FFF;
	text-decoration: none;
}

#wrapper #container #center #content-main h1,
#wrapper #container #center #content-main h2,
#wrapper #container #center #content-main h3 {
  	color: #FFF;
}

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