@import url("reset.css");

body {
  font-family: Arial;
  background-color: #D8E6D0;
  /*background-image: url(../../images/background2.jpg);*/
}

stong {
  font-weight: bold;
}


ul.spacer, ol {
  line-height: 1.4em;
}


#container {
  width: 891px;
  margin: 0 auto;
  height: 100%;
  background-color: #FFF;
}

#main {
  width: 887px;
  margin-left: 2px;
}


#header {
   height: 108px;
   width: 887px;
   background-image: url(../../images/logo.jpg);
}

#content_container {
  background-color: #DCDDDE;
  padding-bottom: 24px;
}

#content {
  background-color: #FFFFFF;
  width: 853px;
  margin:0 17px 0 17px;
}

#navigation {
  padding-top: 6px;
  margin-left: 1px;
}

#links {
  width: 184px;
  margin-right: 10px;
  float: left;
}

#links a {
  height: 27px;
  line-height: 27px;
  text-decoration: none;
  text-align: center;
  color: #5A644C;
  font-weight: bold;
  font-size: 75%;
  display: block;
  background-image: url(../../images/linksimage.jpg);
}

#links a:hover, #links a:active {
  background-image: url(../../images/links_hover_active3.jpg);
  color: #FFFFFF;
}

#links a.active:active, #links a.active:hover, #links a.active:link, #links a.active:visited {
  background-image: url(../../images/links_hover_active3.jpg);
  color: #FFFFFF;
}

#image {
  padding-top: 2px;
}

#title {
  background-color: #5A644C;
  width: 851px;
  margin-left: 1px;
  line-height: 30px;
}

#title h1 {
  color: #FFFFFF;
  font-weight: bold;
  margin-left: 4px;
  letter-spacing: 0.21em;
  text-align: center;
}

#mainColumn {
  width: 833px;
  margin: 10px 0 10px 0px;
  padding-left: 10px;
  padding-right: 10px;

}
#mainColumn p {
  font-size: 105%;
  line-height: 1.4em;
}

#rightColumn {
  Width: 228px;
  margin: 0 -9px 0 10px;
  float: right;
}
#rightColumn p {
  font-size: 90%;
  line-height: 1.2em;

}


#mainColumn h1 {
  font-size: 150%;
  text-align: center;
  color: #AF282A;
}

#mainColumn h2 {
  font-size: 130%;
  color: #FFFFFF;
  padding: 4px 0 0 4px;
}

#mainColumn h3 {
  color:#AF282A;
  font-weight: bold;
}

#mainColumn ul {
  list-style: disc !important;
  margin-left: 20px;
  color: #AF282A;
  font-weight: bold;
  font-size: 90%;
}

#min_height {
  min-height: 30px;
}

#mainColumn li {
  margin-top: 4px;
}

#toplist {
  height: 104px;
  background-color: #AF282A;
  margin-bottom: 10px;
  width: 602px;
  line-height: 1.1em;
}

#middlelist {
  height: 117px;
  background-color: #5A644C;
  margin-bottom: 10px;
  width: 602px;
  line-height: 1.3em;
}

#bottomlist {
  height: 85px;
  background-color: #AF282A;
  width: 602px;
  line-height: 1.4em;
}

#topbox {
  height: 150px;
  margin-bottom: 10px;
  border: solid 1px #000000;
  position: relative;
}

#topbox img {
  float: left;
  margin: 6px 10px 6px 6px;;
}


.topbox_title {
  height: 37px;
  background-image: url(../../images/rightColumnTop.jpg);
  color: #FFFFFF;
  padding: 2px 3px 0 3px;
}

#news {
  height: 180px;
  margin-bottom: 10px;
  border: solid 1px #000000;
  position: relative;
}
.pright {
  text-align: right;
}


#blog {
  height: 157px;
  /*margin-bottom: 10px;*/
  border: solid 1px #000000;
  position: relative;
}

#left_col {
  margin-left: 10px;
  width: 400px;
}

#right_col {
  float: right;
  margin-right: 10px;
  width: 400px;
}

#textblock {
  margin-bottom: 10px;
  line-height: 1.5;
}

#textblock h1.colorgreen {
  color: #5A664C;
  margin-bottom: 4px;
  font-size: 120%;
  text-align: left;
}

#textblock h1.colorred {
  color: #AF282A;
  margin-bottom: 4px;
  font-size: 120%;
  text-align: left;
}

#footer {
  height: 118px;
  background-image: url(../../images/footer2.jpg);
  text-align: center;
  color: #FFF;
}
#footer h1 {
  font-size: 150%;
  letter-spacing: 0.5em;
  padding: 10px 0 5px 0;
}
#footerimage {
  height: 33px;
  width: 150px;
/*  border: 1px solid #FFF;*/
  margin: 5px auto 5px auto;
}
#footer a {
  color: #FFF;
  text-decoration: none;
}


#footer p {
  font-size:60%;
}


#borderleft {
  width: 28px;
  height: 100%;
  background-image: url(../../images/leftborder.gif);
  background-repeat: repeat-y;
  float: left;
}

#borderright {
  width: 35px;
  height: 100%;
  background-image: url(../../images/borderright.jpg);
  float: right;
}

#news_preview_text {
  height: 60px;
  font-size: 80%;
  padding: 2px 8px 2px 8px;
  text-align: justify;

}

#blog_preview {
  font-size: 80%;
  line-height: 1.2;
  padding: 2px 8px 2px 8px;
  text-align: justify;
}

#news_preview a {
  text-decoration: none;
  color: #5A664C;
  font-weight: bolder;
  font-style: italic;
}

#blog_preview h4 {
  text-align: center;
  color: #AF282A;
  font-weight: bold;
  margin: 4px 0 4px 0;
}

#blog a {
  text-decoration: none;
  color: #5A664C;
  font-weight: bolder;
  font-style: italic;
  font-size: 80%;
}

#getintouch {
  width: 590px;
}

#about_text {
  width: 200px;
  float: left;
}

#contact {
  width: 350px;
  margin-left: 250px
  /*float: right;*/
}


#contact p {
  overflow: auto;
}

#contact label{
  display: block;
  width:70px;
  float:left;
  font-variant: small-caps;
  color:#AF282A;
  font-size:16px;
}

#contact input, #contact textarea{
  display:block;
  width:280px;
  height: 20px;
  float:left;
  border:1px solid #aaa;
  font-family:Arial, Helvetica;
  font-size:16px;
  margin: 0px 0 10px 0;
}

#contact input[type=submit]{
  width:auto;
  margin-left:93px;
  margin-top:5px;
}

#contact textarea{
  height:180px;
}

#contact span.fields {
  clear: left;
  display: block;
  margin-left: 10px;
}

#contact input:focus, #contact textarea:focus{
  border:1px solid black;
}

.small_h1 {
  font-size: 120% !important;
  text-align: left !important;
}

/*.image_system1 {
  width: 150px;
  height: 100px;
  float: right;
  background-image: url(../../images/_20mmPipe.jpg);
} */

#list {
  width: 350px;
  margin-bottom:10px;
  position: relative;
  line-height: 1.5em;
}

.image1 {
  position: absolute;
  left: 400px;
}

.link1 {
  /*display: none;*/
  position: absolute;
  right: 10px;
  top: 70px;
  font-size: 82%;
}

.link2 {
  position: absolute;
  left: 186px;
  top: 130px;
}

.more a {
  position: absolute;
  top: 124px;
  right: 10px;
  font-style: italic;
  font-weight: bolder;
  font-size: 82%;
  color: #5A664C;
  text-decoration: none;
  margin-left: 6px;
}


.clearing {
  height: 1px;
  line-height: 0px;
  clear: both;
}

.mainColumn_p {
  text-align: center;
  padding: 13px 0 18px 0;
  line-height: 1.7em;

}

.aboutus {
  padding: 10px 0 9px 0;
  line-height: 1.7em;
}


.news_article h3 {
  color: #5A644C;
  font-weight: bolder;
  float: left;
  width: 200px;
}

.mceContentBody {
  font-size: 100%;
  background: #FFF;
}

.blog_post h3 {
  color: #5A644C;
  font-weight: bolder;
}

.blog_post .blogdate {
  color: #AF282A;
  font-size: 80%;
  margin: 3px 0 3px 0;
}


.right_img {
  float: right;
  margin: 0 10px 0 10px;
}

.right_img2 {
  float: right;
  margin: 10px 10px 0 10px;
}

.right {
  float: right;
  margin-right: 10px;
}

.left_margin {
  margin-left: 420px;
}

.news_title {
  height: 23px;
  background-image: url(../../images/rightColumnMid.jpg);
  color: #FFFFFF;
  padding: 2px 3px 0 3px;
}

.news_article {
  width: 588px;
  height: 100%;
  padding: 4px;
  margin-bottom: 10px;
}

.top_article {
  width: 588px;
  height: 100%;
  padding: 4px;
  margin-bottom: 10px;
}

.top_article img {
  float: left;
  margin: 0px 10px 10px 0px;
}


.news_article p, .blog_post p {
  line-height: 140%;
  font-size: 90%;
}

.extra_linespace {
  line-height: 1.7em;
}

.news_title p {
   font-size: 100%;
}

.center {
  text-align: center;
}

.topbox {
  margin-top: 4px;
  line-height: 120%;
}

.topbox_noimg {
  padding: 10px;
}


.mainCol_p {
  font-size: 90%;
  line-height: 1.3em;

}

.li_space {
  margin-bottom: 10px;
}

.bold {
  font-weight: bold;
}

#where {
  width: 350px;
  margin-bottom:30px;
  position: relative;
}

#where2 {
  width: 400px;
  margin-bottom: 20px;
  position: relative;
}

#where li{
  line-height: 1.8em;
}


.image2 {
  position: absolute;
  left: 400px;
}

#center_image {
  height: 130px;
  text-align: center;
}

.box {
  position :absolute;
  left: 420px;
  width: 160px;
  height: 120px;
  border: solid 2px #000;
  padding: 5px;
}

#bottomlist li a, #middlelist li a {
  color: #FFF;
}

#quote_button {
  margin-bottom: 8px;
}

#quote fieldset{
  border: 2px solid #AF282A;
  padding:0 10px;
}

.inputclass {
  background-color: #DEDEDE;
}

#quote p {
  font-size: 75%;
  height: 20px;
  clear: left;
}

#quote p.high{
  height: 115px;
}

#quote label, #quote textarea{
  display:block;
  float:left;
  width:130px;
  padding:5px;
  margin: 5px 0 5px 0;
}
#quote input {
  display:block;
  float:left;
  width:110px;
  padding:5px;
  margin: 5px 0 5px 0;
}

#quote span {
  display:block;
  float:left;
  width:100px;
  padding:5px;
  margin: 5px 0 5px 0;
}


#quote input.error, #quote textarea.error{
  border:1px solid #AF282A;
}

#quote label{
  text-align:right;
}

#quote span{
  width:80px;
}

#quote span.zones {
  width: 300px;
}

#quote input{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

#quote textarea{
  width:280px;
  height:100px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

#quote input[type=submit]{
  float:none;
  margin:0px auto;
  height:30px;
}

#quote p.required label, #quote p.required span{
  font-weight:bold;
}