/* css for Wendy Edmonds (table free) */
body {

  font-family: Arial,Helvetica,sans-serif;
  color: #76767d;  /* darkish font colour */
  font-size: 95%;
  /* text-align: justify; */ /* or justify */

}

h1 {
  color:#76767d;
  font-family: Arial,Helvetica,sans-serif;
  letter-spacing: -0.03em;
  font-weight: normal;
  font-size: 380%;
  line-height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}
h2 {
  letter-spacing: -0.03em;
  font-size: 280%;
  font-weight: normal;
  line-height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}
h3 {
  font-size: 100%;
  line-height: 100%;
  margin-top: 4px;
  margin-bottom: 10px;
  letter-spacing: 0.35em;
}
h4 {
  font-size: 115%;
  line-height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}

a, img {          /* this solves a nasty IE8/9 bug (borders round link images) */
  border:none; text-decoration: none;
}

/* a:hover{     /*     /* This just applies to the link images  */
/*opacity:0.8;
filter:alpha(opacity=80);
}       */

#grey_text {           /* used for credits top right */
  color: #76767d;
  font-size: 90%;
}

#spaced_out  {
  letter-spacing: 0.2em;
}

#align_right {
  text-align: right;
}
#align_center {
  text-align: center;
}

#slimline {
  line-height: 75%;    /* for gallery spacing */
}

#ltl_spacer {
  line-height: 25%;    /* for gallery spacing */
}

#outer_block {
     position: relative;
     z-index: 1;
     width: 990px;
     min-height: 1100px;  /* This counters the side scrollbar re-centering issue */
     margin: 10px auto;
     padding: 10px;   /* inside container border */
     background: #ffffff;
/*     -moz-box-shadow: 0 0 20px #704214;
     -webkit-box-shadow: 0 0 20px #704214;
     box-shadow: 0 0 20px #704214; */   /* sepia */
     }
/* ---------2 columns----------------------------------- */
#leftcol_of2 {
    float: left;
    z-index: 3;    /* higher no. = on top */
    text-align: right;
    width: 335px;
    padding: 5px;   /* inside border */
  /*  background: cyan;    */
}

#rightcol_of2 {
    float: right;
    z-index: 4;
    text-align: left;
    width: 635px;
    padding: 5px;   /* inside border */
  /*  background: blue;  */
}
/* ---------3 columns----------------------------------- */
#leftcol_of3 {
    float: left;
    z-index: 3;    /* higher no. = on top */
    text-align: left;
    width: 335px;
    padding: 5px;   /* inside border */
  /*  background: cyan;   */
}

#midcol_of3 {
    float: left;
    width: 185px;
    z-index: 4;
    text-align: left;
    padding: 0px;
   /* background: pink;   */
}

#rightcol_of3 {
    float: right;
    z-index: 5;
    text-align: left;
    width: 450px;
    padding: 5px;   /* inside border */
  /*  background: blue;    */
}
/* ---------4 columns----------------------------------- */
#leftcol_of4 {
    float: left;
    z-index: 3;    /* higher no. = on top */
    text-align: center;
    width: 238px;
    padding: 5px;   /* inside border */
  /*  background: cyan;   */
}

#midcol_of4 {
    float: left;
    width: 238px;
    z-index: 4;
    text-align: center;
    padding: 5px;
  /*  background: pink;   */
}
#midcol2_of4 {
    float: left;
    width: 237px;
    z-index: 5;
    text-align: center;
    padding: 5px;
  /*  background: red;  */
}

#rightcol_of4 {
    float: right;
    z-index: 6;
    text-align: center;
    width: 237px;
    padding: 5px;   /* inside border */
  /*  background: blue;   */
}

#footer {
    clear: both;
}

/* ==== vertical menu ==== */
#vertmenu {
  height:21px;
  font-size:100%;
  font-weight:normal;
  font-family: Arial,Helvetica,sans-serif;
  letter-spacing: 0.2em;
  width: 290px; /* that's the width of the coloured (or not) bars */
  text-align: right;
}
#vertmenu ul {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position: outside;
}
#vertmenu ul li {
  display:block;
  /* this determines whether there's a spacer between menu elements */
  margin:0px;
}
#vertmenu ul li a {
  display:block;
  color:#76767d;
  text-decoration:none; /* stops underlining */
  /* padding top rt bott left */
  /*  - bott from 0.2 to 0.8em Aug 12 - helps on touch screens  */
  padding: .5em .5em .8em .4em;
  height:18px;
}
#vertmenu ul li a:hover {
  color:#9e0d4e;
  letter-spacing: 0.3em;
}
#vertmenu ul li a.current {
   color:#ec008c;
   letter-spacing: 0.35em;
}

/* ==== horiz menu ==== */
#horizmenu ul {
  margin: 0px;
  padding: 1px; /* at left*/
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  display: inline;
}
#horizmenu ul li {
  margin: 5px;
  padding: 7px;  /* between menu items */
  display: inline;
  text-align: center;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 95%;
  letter-spacing: 0.2em;  
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#horizmenu li a {
  border: 0px outset #000000;
  padding: 2px;
  color: #76767d;
  text-decoration: none;
  display: inline;
}
/* this is the hover over state */
#horizmenu li a:hover {
  color:#9e0d4e;
  letter-spacing: 0.3em;
}
#horizmenu ul li a.current {
   color:#ec008c;
}