/*///////////////////////////////////////////////////////////////////////////
///
///   The Future Is Bright - boxes.css
///
///////////////////////////////////////////////////////////////////////////*/

/*** SIDEBAR ***/
.sidebar_contents {
  position: relative;
  top: -6px;
  margin: 0 0 10px 0;
  padding: 0 0 8px 8px;
  border: 0px solid blue;
}

.sidebar_top_pic {
  position: relative;
  margin: -6px 0 0 -6px;
  padding: 0;
  border: 0;
  height: 15px;
  width: 150px;
  background: url(/images/Left_Grey_Top.gif) no-repeat top left;
  border: 0px solid green;
}

.sidebar_the_bar {
  position: relative;
  margin: 0px;
  padding: 6px 0 0 6px;
  color: #039;
  width: 146px;
  background: url(/images/Left_Grey_Middle_And_Bottom.gif) no-repeat bottom left;
  border: 0px solid red;
}

.sss {
  position: relative;
  margin: 0px;
  padding: 6px 0 0 6px;
  color: #039;
  width: 146px;
  border: 0px solid red;
}

.sidebar_contents h2 {
  margin-bottom: 10px;
  text-decoration:none;
}

.sidebar_contents ul {
  margin: 3px 13px 0 0;
  padding: 0;
}

.sidebar_contents li {
  margin-bottom:6px;
  list-style:none;
  line-height: 1.3em;
}

/*** CONTENTS_BOX ***/
.contents_text {
  position:relative;
  padding: 0 13px;
  border: 0px solid blue;
}

.contents_top {
  position:relative;
  height: 15px;
  width: 620px;
  background: url(/images/Right_White_Top.gif) no-repeat top left;
  border: 0px solid red;
}

.contents_bottom {
  position:relative;
  height: 15px;
  width: 620;
  background: url(/images/Right_White_Bottom.gif) no-repeat top left;
  border: 0px solid purple;
}

.contents_column {
  position:relative;
  font-size: 1em;
  line-height: 1.6em;
  background-color: #fff;
  /*margin: 0 0 10px 7px;
  padding: 12px 0;*/
  color: #333;
  width: 620px;
  background: url(/images/Right_White_Middle.gif) repeat-y bottom left;
  border: 0px solid black;
}

/*** Left and Right column styles i.e. that the sidebar and contents go into ***/
.left_column {
  position:relative;
  display:block;
  float:left;
  margin: 0;
  padding: 0;
  border: 0;
  width: 150px;
}

.right_column {
  float:right;
  width: 620;
  margin: 0 0 10px 0;
}

.centre_the_page {
  margin: 10px auto;
  padding: 0;
  text-align:left;
  width:780;
  border: 3px solid purple;
}