/* Generated by KompoZer */

/* body - same for all pages 
-----------------------------------------------------------*/

body {
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  text-align: center;
  background-color: #F7F3E8;
/*  background-image: url(map.jpg); */
/*  background-repeat: repeat; */
}

/* container for whole page 
-----------------------------------------------------------*/

div#container{
  background-color: #FFFFFF;
/*  color: #3C3C3C; */
  width:820px;	
  margin-top:10px;
  margin-bottom:10px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000000;
  padding: 0px;
}

/* home page 
-----------------------------------------------------------*/

.home {
  background-image: url(images/flowers_small_bright.jpg);
  background-repeat: no-repeat;
/*  background-position: center top; */
  background-color: red;
} 

/* top contact details 
-----------------------------------------------------------*/

.topbanner {
  height: 30px;
  border-bottom: thin dotted #660000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: large;
  color: #663300;
  font-weight: normal; 
  text-align: left;
  valign: center;
  padding-left: 5px;
  padding-bottom: 5px;
}

/* breadcrumbs 
-----------------------------------------------------------*/

.centre {
  margin: 1em auto;
  width: 480px;
  text-align: left;
  margin-left: 150px;
  padding-left: 5px;
  padding-top: 3px; 
}

/* main panels 
-----------------------------------------------------------*/

.centre_panel {
/*  margin: 1em auto; */
  width: 480px;
/*  margin-left: auto; */
/*  margin-right: auto; */
  text-align: left;
/*  top:0;*/
  float: left;
		}
#nav_panel {
  padding-left: 5px;
  width: 150px;
  text-align: left;
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: medium;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  color: #660000;
}
.left_panel {
  padding-left: 5px;
  width: 150px;
  text-align: left;
  float: left;
}
.right_panel {
  width: 175px;
  padding-right: 5px; 
  text-align: right;
  float: right;
		}

/* Panels when nav bar not needed 
-----------------------------------------------------------*/


.half_left {
  margin-left: 0px;
  width: 250px;
  text-align: left;
  padding-left: 155px;
  padding-top: 10px; 
  float: left;
		}
.half_right {
  width: 395px;
  text-align: left;
  padding-top: 10px; 
  float: right;
		}

/* 'see also' section at foot of page 
-----------------------------------------------------------*/

.also {
  margin: 1em auto;
  width: 480px;
  text-align: left;
  margin-left: 150px;
  padding: 5px;
  border: dotted thin #660000;
  background-color: #F7F3E8;
}

/* footers 
-----------------------------------------------------------*/

.footer {
  font-family: Arial,Helvetica,sans-serif;
  font-size: x-small;
  font-weight: normal;
  text-decoration: none;
  color: #660000;
  padding-right: 5px;
  margin-top: 5px;
}
.centre_footer {
  width: auto;
  align: centre;
  margin-top: 10px;
  padding-top: 5px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: x-small;
  font-weight: normal;
  text-decoration: none;
  color: #660000;
/*  margin-top: 5px; */
}


/* special formatting 
-----------------------------------------------------------*/

.latest {
  background-color: #F7F3E8;
  border-bottom: dotted thin #660000;
}
.box {
  background-color: #F7F3E8;
  border: solid 1px #000000;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 5px;
  width: 157px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  text-align: left;
}


hr.design {
  border-bottom: dotted thin #660033;
  width: 475px;
}


/* Links 
-----------------------------------------------------------*/

a {
  color: #660000;
  text-decoration: none;
  font-weight: bold;
}

a:visited {
  color: #9A5E5D;
  font-weight: bold;
}

a:hover {
  color: #416A6C;
  text-decoration: underline;
  font-weight: bold;
}


/* was a: #416A6C, visited: #416A6C, hover: #9A5E5D


/* text formating
-----------------------------------------------------------*/

h1 {
  font-family: Arial,Helvetica,sans-serif;
  font-size: x-large;
  font-weight: bolder;
  color: #660000;
}
h2 {
  font-family: Arial,Helvetica,sans-serif;
  font-size: large;
  font-weight: bold;
  color: #660000;
}
p {
  font-family: Arial,Helvetica,sans-serif;
  font-size: medium;
  color: #000000;
  text-align: left;
}
p.steps {
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  color: #000000;
  text-align: right;
  padding-top: 2px;
  padding-bottom: 2px;
}
.navside {
  font-family: Arial,Helvetica,sans-serif;
  font-size: medium;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  color: #660000;
}
.navtop {
  font-family: Arial,Helvetica,sans-serif;
  font-size: x-small;
  font-weight: normal;
  text-decoration: none;
  color: #660000;
}
.form {
  font-family: Arial,Helvetica,sans-serif;
  font-size: medium;
  color: #000000;
}


/* list items
-----------------------------------------------------------*/

ul {
  font-family: Arial,Helvetica,sans-serif;
  font-size: medium;
  color: #000000;
  text-align: left;
  list-style-type: circle;
  margin-left: 15px;
  padding-bottom: 5px;
  padding-top: 2px;
  padding-left: 15px;
  left: 30px;
  line-height: normal;
}
li {
  padding-bottom: 10px;
}
ol {
  font-family: Arial,Helvetica,sans-serif;
  font-size: medium;
  color: #000000;
  text-align: left;
/*  margin-left: 15px; */
  padding-top: 2px;
  padding-left: 0px;
  left: 0px; 
  line-height: normal;
}
div#list {
  font-family: Arial,Helvetica,sans-serif;
  font-size: medium;
  font-weight: normal;
  color: #000000;
  margin: 0px;
  text-align: left;
}
div#list dt {
  border-top: dotted thin #660000;
  padding-top: 10px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 5px;
}
div#list dd {
  margin-bottom: 10px;
  margin-left: 0px;
  line-height: 16px;
  padding-left: 10px;
}


/* images 
-----------------------------------------------------------*/

img {
  border-style: none;
}
img.button {
  padding-top: 5px;
}
.gallery_image {
  margin-bottom: 8px;
  margin-right: 8px;
  float: left;
  border: 1px solid #808080;
}
img.float_left {
  border-style: none;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
}
img.float_right {
  border-style: none;
  float: right;
  padding-left: 5px;
  padding-bottom: 5px;
}
img.right {
  border: 1px solid #808080;
}



/* not used 
-----------------------------------------------------------*/

.address {
  font-family: Arial,Helvetica,sans-serif;
  font-size: medium;
  color: #000000;
  text-align: left;
  padding-left: 20px;
  line-height: 25px;
}

.caption {
  font-family: Arial,Helvetica,sans-serif;
  font-size: medium;
  color: #660000;
  text-align: left;
  font-weight: bold;
  padding-bottom: 1.6em;
}

.banner {
  border-bottom: medium solid #339900;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #8a4500;
}

.bannersub {
  border-bottom: medium solid #339900;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #003300;
}
.pleft {
  font-family: Arial,Helvetica,sans-serif;
  font-size: medium;
  color: #000000;
  text-align: left;
}
.bulletleft {
  font-family: Arial,Helvetica,sans-serif;
  font-size: medium;
  color: #000000;
  text-align: left;
  list-style-type: circle;
  list-style-position: outside;
}
.listcentre {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  font-variant: small-caps;
}
.pcentre {
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  color: #000000;
  text-align: center;
}
.logo_row {
/*  margin-top: 1em auto; */
  width: auto;
  text_align: left;
  height: 70 px; 
  valign: top;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
  background-color: red;
  border: 1px solid blue;
		}


.byline {
  font-family: Arial,Helvetica,sans-serif;
  font-size: x-small;
  font-weight: normal;
  text-decoration: none;
  color: #660000;
}
.case_study {
/* try to make a box for each entry*/
/*  padding-bottom: 5px; */
  border-bottom: thin dotted #660000;
		}