/* css for Cathja */
body {

  font-family: Georgia,"Times New Roman",Times,serif;
  color: #858585;  /* darkish font colour */
  font-size: 100%;
  text-align: left;

}

h1 {
  color:#858585;
  font-family: Georgia,"Times New Roman",Times,serif;
  letter-spacing: -0.03em;
  font-weight: normal;
  font-size: 300%;
  line-height: 100%;
  margin-top: 0px;
  margin-bottom: 10px;
}
h2 {
  color: #858585;
  letter-spacing: -0.03em;
  font-size: 250%;
  font-weight: normal;
  line-height: 100%;
  margin-top: 0px;
  margin-bottom: 10px;
}
h3 {
  color: #858585;
  font-size: 180%;
  line-height: 100%;
  margin-top: 4px;
  margin-bottom: 10px;
}
h4 {
  font-size: 115%;
  line-height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.rounded-corners
/* Values for border-radius are: top left, top right,
   right bottom and left bottom in this order. */
{
  background-color:#cfd4e9;
  width:779px;
  height:50px;
  padding:10px;

  border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -khtml-border-radius: 10px 10px 10px 10px;
}

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

#redtext {
  color: #fc1503;
}

#spaced_out  {
  letter-spacing: 0.2em;
}

#half_height {
  line-height: 50%;
}

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

#outer_block {
     position: relative;
     z-index: 1;
     width: 779px;    /* This includes padding in columns defined below */
     min-height: 1100px;  /* This counters the side scrollbar re-centering issue */
     margin: 0px auto;
     padding: 0px;   /* 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 */
     }

/* ---------3 columns-------- with pic centre strip ------------------------ */
#leftcol_of3 {
    float: left;
    z-index: 3;    /* higher no. = on top */
    text-align: right;
    width: 160px;
    padding: 10px;   /* inside border */
    /* background: cyan; */
}

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

#rightcol_of3 {
    float: right;
    z-index: 5;
    text-align: left;
    width: 253px;
    padding: 10px;   /* inside border */
    /* background: yellow;  */
}
/* ---------3 columns-----
   --------- equal cols for pics & o'flow text -------- */
#leftcol2_of3 {
    float: left;
    z-index: 3;    /* higher no. = on top */
    text-align: left;
    width: 239px;
    padding: 10px;   /* inside border */
 /*   background: cyan;   */
}

#midcol2_of3 {
    float: left;
    width: 239px;
    z-index: 4;
    text-align: left;
    padding: 10px;
  /*  background: pink;     */
}

#rightcol2_of3 {
    float: right;
    z-index: 6;
    text-align: left;
    width: 239px;
    padding: 10px;   /* inside border */
  /*  background: blue;     */
}

/* ---------3 columns-------- menu left then 2 equal width ------------------------ */
#leftcol3_of3 {
    float: left;
    z-index: 3;    /* higher no. = on top */
    text-align: right;
    width: 160px;
    padding: 10px;   /* inside border */
    /* background: cyan; */
}

#midcol3_of3 {
    float: left;
    width: 279px;
    z-index: 4;
    text-align: left;
    padding: 10px;
    /* background: pink; */
}

#rightcol3_of3 {
    float: right;
    z-index: 5;
    text-align: left;
    width: 279px;
    padding: 10px;   /* inside border */
    /* background: yellow;  */
}

#footer {
    clear: both;
}

/* ---------2 columns-------- for news page ------------------------ */
#leftcol_of2 {
    float: left;
    z-index: 3;    /* higher no. = on top */
    text-align: right;
    width: 160px;
    padding: 10px;   /* inside border */
    /* background: cyan; */
}

#rightcol_of2 {
    float: right;
    z-index: 5;
    text-align: left;
    width: 579px;
    padding: 10px;   /* inside border */
    /* background: yellow;  */
}

/* ==== vertical menu ==== */
#vertmenu {
  height:21px;
  font-size:100%;
  font-weight:normal;
  font-family: Georgia,"Times New Roman",Times,serif;
  letter-spacing: 0.2em;
  width: 160px; /* 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:#868d93;
  text-decoration:none; /* stops underlining */
  /* padding top rt bott left */
  /*  - bott from 0.2 to 0.7em Jan 19 - helps on touch screens  */
  padding: .5em .0em .7em .4em;
  height:18px;
}
#vertmenu ul li a:hover {
  color:#d181af;
  letter-spacing: 0.25em;
}
#vertmenu ul li a.current {
   color:#d44369;
   letter-spacing: 0.25em;
}