* {
  margin:0;
  padding:0
}

html, body {
  height:100%;
}

body {
  min-width: 800px;
  background-color: #ffffff;
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 95%;
}

a {
    color: #0000FF;
}

a:visited {
    color: #FF0000;
}

a:hover {
    color: #008000;
}

p {
  margin:0 0 1em 0;
  padding:2px
}

h1 {
    font-family: Arial, Verdana, sans-serif;
    font-size: 150%;
    color: #336B06;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align : center;
}

h2 {
    font-family: Arial, Verdana, sans-serif;
    font-size: 116%;
    color: #336B06;
    padding-top: 10px;
    padding-bottom: 10px;
}

h3 {
    font-family: Arial, Verdana, sans-serif;
    font-size: 108%;
    color: #336B06;
    padding-top: 10px;
    padding-bottom: 10px;
}

.clear_columns {
  height: 1px;
  overflow: hidden;
  margin-top: -1px;
  clear: both;
}

* html #outer_wrap {
  height: 100%;
}

.separator {
  border-top: 2px solid #000000;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 20px;
}

#adverts {
  border-width: 0px;
  border-style: solid;
  border-color: #000000;
  margin: 10px;
  padding: 10px;
  text-align : center;
  width: auto;
}

#google_search {
  border-width: 2px;
  border-style: solid;
  border-color: #000000;
  margin: 10px;
  padding: 10px;
  width: auto;
}

#outer_container {
  min-height: 100%;
  margin-bottom: 0;
  margin-left: 200px;
  margin-right: 250px;
  background-color: #ffffff;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  color: #000000;
}

#inner_container {
  float: left;	
  width: 100%;
  padding-top: 229px;/* to clear header*/
  margin-right: -3px;/*this is to stop columns from being pushed to the bottom DO NOT CHANGE THIS VALUE*/
}

#header_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 229px;
  background-color: #BECFA3;
  overflow: hidden;
  color: #ffffff;
}

.header_col1 {
  height: 206px;
  background-image: url('/image-files/bg_header.jpg');
  background-position: center left;
  background-repeat: no-repeat;
  width: 100%;
  float: left;
  text-align : center;
}

.header_col2 {
  margin-left: 20%;
  height: 206px;
  background-image: url('/image-files/');
  background-position: center left;
  background-repeat: repeat;
  width: 0%;
  text-align : center;
}

#footer_container {
  clear: both;
  position: relative;
  width: 100%;
  height:280px;
  margin: 0;
  padding: 0;
  border: 0;
  background-image: url("/image-files/footer_bg.jpg");
  background-repeat: repeat-y;
  background-position: center center;
}

.footer {
  padding: 10px;
  text-align: center;
  /*font-style: italic;*/
  color: #000000;
}

#left_column {
  position:relative;/*ie needs this to show float */
  width: 200px;
  float: left;
  margin-left: -199px;
  margin-top: 10px;
  color: #000000;
  left: -1px;
  padding-bottom: 10px;
}

#left_bg {
  background-image: url("/image-files/left_bg.jpg");
  background-repeat: repeat-y;
}

.left_col_center_image {
  text-align: center;
  margin: 0;
  padding: 10px;
}

.left_col_full_txt_box {
  background-color: #FFFFC0;
  padding: 10px;
  margin: 10px;
  border: 1px solid #000000;
}

#right_column {
  position: relative;/*ie needs this for float to work properly*/
  width: 250px;
  float: right;
  margin-right: -249px;/*must be 1px less than width otherwise won't push footer down in some browsers */
  margin-top: 10px;
  padding-top: 223px;/*needed to clear the header*/
  color: #000000;
  left: 1px;
  padding-bottom: 10px;
}

#right_bg {
  background-image: url("/image-files/right_bg.jpg");
  background-repeat: repeat-y;
  background-position: right;
}

.right_col_center_image {
  text-align: center;
  margin: 0;
  padding: 10px;
}

.right_col_box_center_image {
  text-align: center;
  margin: 0;
}

.right_col_full_txt_box {
  background-color: #FFFFC0;
  padding: 10px;
  margin: 5px;
  border: 1px solid #000000;
}

.right_col_img_box {
  padding: 2px;
  margin-bottom: 10px;
  border: 2px solid #000000;
}

/*we create the center_col_container so that we have a defined space that
  we are able to specify padding and margins in and not be affected
  by the overall formating of the outer_container or inner_container*/
#center_col_container {
  float:right;
  width:100%;
  position:relative;
  padding-bottom: 10px;
  margin-left: -1px; /*DO NOT CHANGE THIS VALUE*/
  margin-top: 10px;
  background-color: #ffffff;
}

#center_column {
  padding-left: 10px;
  padding-right: 10px;
}

#center_column li {
    list-style-image : url('/image-files/arrowbullet.gif');
    margin-left: 50px;
    margin-bottom: 5px;
    
}

.center_float_img_box_left {
  float: left;
  padding: 2px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 2px solid #000000;
}

.center_float_img_box_right {
    float: right;
    padding: 2px;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 2px solid #000000;
}

.center_full_txt_box {
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 2px solid #000000;
}

.center_float_txt_box_left {
  float: left;
  padding: 2px;
  margin: 10px;
  border: 2px solid #000000;
  width: 50%;
}

.center_float_txt_box_right {
  float: right;
  padding: 2px;
  margin: 10px;
  border: 2px solid #000000;
  width: 30%;
}

.center_float_img_left {
  float: left;
  padding: 2px;
  margin: 10px;
}

.center_float_img_right {
  float: right;
  padding: 2px;
  margin: 10px;
}