body {
 font: 15px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
background-color: #ADADAD;
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 {
font: 21px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; font-weight: bold; line-height:1.1; margin-bottom: 5px;}

h2 {padding-top: 20px;}

p {
  overflow: hidden;
  padding: 10px 0;
}

.container_12,
.container_16,
.container_24 {
  background-color: #fff;
  background-repeat: repeat-y;
}

.container_12 {
  background-image: url(../img/12_col.gif);
}

.container_16 {
  background-image: url(../img/16_col.gif);
}

.container_24 {
  background-image: url(../img/24_col.gif);
}
#header{background: url(../images/navline.jpeg); height: 174px;}
#header-left {background-color: #357C3B; margin-left: 0px;
margin-right: 0px; padding-left: 10px; padding-right: 10px; height: 174px;}
#header-right {background: url(../images/headright.jpeg);background-color: #357C3B; 
margin-right: 0px;
padding-right: 10px; height: 174px; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: right; padding-left: 10px;
margin-left: 0px;}
.contactdetails {padding-top: 30px; }
.title {padding-top: 20px;}
.smallimg {padding-top: 20px; padding-bottom:10px;}
.smallimg2 {padding-bottom:10px;}
#footer {background-color: #357C3B; margin-left: 0px;
margin-right: 0px; padding-left: 10px; padding-right: 10px; height: 50px; color: #FFFFFF;}
#footer p {font-size: 12px; text-align: right; padding-top: 8px;}
#footer a:link {text-decoration: none; color: #FFFFFF;}
#footer a:hover {text-decoration: underline; color: #FFFFF;}

.text-right {font-size: 11px; height: 100px;}
.imgright {float: right; padding-top:20px;}

/*** Set Slider dimensions here! Version 1.7+ ***/
/* added #slider li to make panels the same size in case "resizeContents" is false */
ul#slider, ul#slider li {
    width: 300px;
    height: 230px;
    list-style: none;
}

.nav {
    width: 100px;
    margin: 0 auto;
    text-align: center;
}