/* <!-- */
 /* General styles */
 hdrbody {
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:#fff;
    min-width:600px;		/* Minimum width of layout - remove line if not required */
                                /* The min-width property does not work in old versions of Internet Explorer */
    font-size:90%;
 }
 a {
     color:#369;
 }
 a:hover {
  color:#fff;
  background:#369;
  text-decoration:none;
 }
 h1, h2, h3 {
  margin:.8em 0 .2em 0;
  padding:0;
 }
 p {
   margin:.4em 0 .8em 0;
   padding:0;
 }
 img {
    margin:10px 0 5px;
 }
 /* Header styles */
 #hdrheader {
    clear:both;
    float:left;
    width:100%;
 }
 #hdrheader {
    background-color: #ddd;
    border-bottom:2px solid #000;
 }
 #hdrheader p,
 #hdrheader h1,
 #hdrheader h2 {
  padding:.4em 15px 0 15px;
  margin:0;
 }
 #hdrheader ul {
  clear:left;
  float:left;
  width:100%;
  list-style:none;
  margin:10px 0 0 0;
  padding:0;
 }
 #hdrheader ul li {
  display:inline;
  list-style:none;
  margin:0;
  padding:0;
 }
 #hdrheader ul li a {
  display:block;
  float:left;
  margin:0 0 0 1px;
  padding:3px 10px;
  text-align:center;
  background:#eee;
  color:#000;
  text-decoration:none;
  position:relative;
  left:15px;
  line-height:1.3em;
 }
 #hdrheader ul li a:hover {
  background:#369;
  color:#fff;
 }
 #hdrheader ul li a.active,
 #hdrheader ul li a.active:hover {
  color:#fff;
  background:#000;
  font-weight:bold;
 }
 #hdrheader ul li a span {
  display:block;
 }
 /* 'widths' sub menu */
 #hdrlayoutdims {
  clear:both;
  background:#eee;
  border-top:4px solid #000;
  margin:0;
  padding:6px 15px !important;
  text-align:right;
 }
 /* column container */
 .hdrcolmask {
  position:relative; /* This fixes the IE7 overflow hidden bug */
  clear:both;
  float:left;
  width:100%;   /* width of whole page */
  overflow:hidden;  /* This chops off any overhanging divs */
 }
 /* common column settings */
 .hdrcolright,
 .hdrcolmid,
 .hdrcolleft {
  float:left;
  width:100%;   /* width of page */
  position:relative;
 }
 .hdrcol1,
 .hdrcol2,
 .hdrcol3 {
  float:left;
  position:relative;
  padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead 
      only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;
 }
 /* 3 Column settings */
 .hdrthreecol {
  background:#eee;  /* right column background colour */
 }
 .hdrthreecol .hdrcolmid {
  right:32%;   /* width of the right column */
 }
 .hdrthreecol .hdrcolleft {
  right:60%;   /* width of the middle column */
  background:#eee; /* left column background colour */
 }
 .hdrthreecol .hdrcol1 {
  width:52%;   /* width of center column content (column width minus padding on either side) */
  left:99%;   /* 100% plus left padding of center column */
 }
 .hdrthreecol .hdrcol2 {
  width:21%;   /* Width of left column content (column width minus padding on either side) */
  left:31%;   /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
 }
 .hdrthreecol .hdrcol3 {
  width:26%;   /* Width of right column content (column width minus padding on either side) */
  left:85%;   /* Please make note of the brackets here:
      (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
 }
 /* Footer styles */
 #hdrfooter {
           clear:both;
           float:left;
           width:100%;
           background-color: #ddd;
  border-top:1px solid #000;
 }
 #hdrfooter p {
           padding:10px;
           margin:0;
 }

#search-form div.form-module { background: transparent
    url(http://www.andrewpetermarlow.co.uk/images/search.png)
    no-repeat left center; float: right; min-height: 16px;
    padding-left: 16px; } #search-form label { left: -9999px;
    overflow: hidden; position: absolute; width: 1px; } 
#search-query { width: 15em; }

 /* --> */