body {background-color: white} /* see cms.css for the rest of the body style */

a {color: black; text-decoration: underline;}
div img {margin: 0px; padding: 0px; border: none;}
p {margin: 0px;}
table {border-collapse: collapse; border: none;}


h1, h1 a, .h1 {font-size: 180%; margin: 0px 0px 3px 0px; font-weight: bold;}
h2, h2 a, .h2 {font-size: 160%; margin: 0px 0px 3px 0px; font-weight: bold;}
h3, h3 a, .h3{font-size: 130%; margin: 0px 0px 3px 0px; font-weight: bold;}
h4, h4 a, .h4 {font-size: 110%; margin: 0px 0px 3px 0px; font-weight: bold;}
h5, h5 a, .h5 {font-size: 100%; margin: 0px 0px 3px 0px; font-weight: bold;}


/* generic classes */
.clear {clear: both; font-size: 1px; height: 1px;}
.clear img {width: 100%; height: 1px;}

/* classes needed by the cms */
.imgPlus {}
.imgPlusDiv {}
.imgPlusTag {background-color: rgb(218, 218, 218); text-align: center; padding: 2px; }
.noRes {font-size: 120%; padding: 20px; text-align: center;}
.selfield {width: 300px;}
#menu a.hidden, .submenu a.hidden {color: red;}

#page {text-align: left; background-color: white; margin: 8px 7px;}

#page_footer {background-color: rgb(64, 64, 64); width: 100%; height: 38px; border-top: 1px solid rgb(218, 218, 218); font-size: 90%}
html>body {height: auto; min-height: 38px;}
#page_footer, #page_footer a {text-align: right; font-weight: bold; text-decoration: none; color: rgb(126,126,126);  }
#page_footer p {margin: 13px 10px 5px 10px;  }
ul.hlist { float: left;
    list-style-type: none;
    clear: both;
    }

  li.hlist { display: inline;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    position: relative;
    float: left;
    left: -25px;
    }

  a.hlist { border-right: 1px solid rgb(255, 255, 255);
    width: 6em;
    font-family: Arial,Helvetica,sans-serif;
    color: rgb(255, 255, 255);
    font-weight: bold;
    padding-right: 0.6em;
    padding-left: 0.6em;
    }

  .menu {
      font-size: medium;
      width: 160px;
      float: left;
      margin-top: 14px;
      display: inline;
      margin-right: 10px;
  }
  li.menu { display: block;
    font-weight: inherit;
    }

  .menu .item { font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: rgb(255, 255, 255);
    display: list-item;
    text-align: left;
    background-color: rgb(45, 39, 170);
    margin: 2px 0px;
    padding: 0px 3px;
    }

  .menu a {
    color: white;
    }

  .menu a.hlist:hover { background-color: rgb(102, 102, 102);
    }

  a:link { text-decoration: none;
    }

  div.diary { border-left: 2px solid rgb(153, 153, 153);
    font-family: Arial,Helvetica,sans-serif;
    padding-left: 10px;
    margin-top: 13px;
    float: left;
    width: 25%;
    height: 347px;
    position: relative;
    font-size: medium;
    }

  div.introduction { font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    float: left;
    width: 50%;
    margin-top: 14px;
    font-size: medium;
    padding-right: 10px;
    }

  div.pictures { font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    float: left;
    padding-left: 10px;
    width: 75%;
    margin-top: 10px;
    font-size: medium;
    }



  .menu a:hover {
    color: rgb(234, 0, 0);
  }

  li.footer { border-right: 1px solid rgb(192, 192, 192);
    font-family: Arial,Helvetica,sans-serif;
    font-size: smaller;
    color: rgb(153, 153, 153);
    display: inline;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    }

  div.footer { border-top: 1px solid rgb(204, 204, 204);
    clear: both;
    float: left;
    margin-top: 20px;
    width: 100%;
    }

  a:visited { text-decoration: none;
    }

  .banner { color: rgb(0, 0, 0);
    width: 100%;
    float: left;
    background-color: rgb(45, 39, 170);
    margin-bottom: 19px;
    }

  .banner_text { font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: rgb(255, 255, 255);
    font-size: 30px;
    padding-left: 10px;
    float: left;
    width: 300px;
    }

  .banner_tag { font-family: Arial,Helvetica,sans-serif;
    color: rgb(255, 255, 255);
    float: left;
    font-size: 10px;
    padding-top: 30px;
    margin-left: -250px;
    }

  .banner_img {
      float: right;
      height: 150px;
    }

  .page_title { font-family: Arial,Helvetica,sans-serif;
    float: left;
    color: rgb(255, 255, 255);
    font-weight: bold;
    position: relative;
    padding-left: 0.5em;
    clear: left;
    padding-top: 0.5em;
    font-size: 30px;
    }

  .top_menu { background-color: rgb(0, 0, 0);
    min-height: 100px;
    padding-right: 10px;
    clear: both;
    }

  div.rhs { border-left: 2px solid rgb(204, 204, 204);
    float: right;
    padding-left: 5px;
    margin-top: 10px;
    font-family: Arial,Helvetica,sans-serif;
    color: rgb(102, 102, 102);
    }

  h1 { font-size: 18px;
    }

  .diary_date { font-weight: bold;
    color: rgb(102, 102, 102);
    font-family: Arial,Helvetica,sans-serif;
    }

  .diary_event { color: rgb(102, 102, 102);
    font-family: Arial,Helvetica,sans-serif;
    }

  .diary_month { color: rgb(102, 102, 102);
    font-weight: bold;
    font-size: large;
    font-family: Arial,Helvetica,sans-serif;
    }

  .image_bar { clear: both;
    padding-left: 160px;
    }

/* Styles for Gallery */
/*slide that each thumbnail lives in*/
.holder {
    display: table; overflow: hidden;
    float:left;
    margin:2px;
    background-color:white;
}

/*non-selected thumbnail*/
.slideshow {
    display: table-cell; vertical-align: middle; text-align: center;
}

/*selected thumbnail*/
.slideshowon {
    display: table-cell; vertical-align: middle; text-align: center;
    border:1px solid blue;
/*  background-color: #909090; */
}

/*border around thumbnail image*/
.slideshow img, .slideshowon img {
    border:1px solid white;
}

/*border around thumbnail image, when hovering*/
.slideshow img:hover, .slideshowon img:hover {
    border:1px solid blue;
}

/*page navigation links at the bottom of the index page*/
/*columns and grid styles only*/
#navlinks {
    width: 99%;
    margin:10px 0 0 2px;
    text-align:left;
    background-color: white;
    color: black;
}

/*links to non-current page*/
/*columns and grid styles only*/
#navlinks a {
    padding:1px 15px 1px 15px;
    font-size: 110%;
    color: black;
}

/*link for current page*/
/*columns and grid styles only*/
#navlinks a.current {
    background-color: lightyellow;
    text-decoration:none;
}

/*hover over page links*/
/*columns and grid styles only*/
#navlinks a:hover {
    background-color:yellow;
    color:blue;
}

/*preview image holder*/
#imageholder {
    padding: 10px;
    background-color: lightyellow;
    border: 1px dashed gray;
    color:black;
}

h1.centre {text-align: center}
p.centre {text-align: center}