/* ===================== colour standards ======================
 *
 * All 'white' backgrounds off-white (#FCFCFC)
 * Text for content black because it is easier to read
 * Styling based on two shades of green
 *   - paler:  #5B7939
 *   - darker: #3A5612
 *
 * =============================================================*/

body {
  font-family:verdana, arial, tahoma, sans-serif;
  color: #000000;
/*  background-color:#E6F2B2;*/
  background-color:#7C9C5F;
/*  text-align: center;*/
  margin:0 auto;
  width:780px;
  font-size: .9em;
}

P {
  margin-top: 2px;
  margin-bottom: 2px;
}

IMG {
  vertical-align:middle;
  text-align: center;
  border:0px;
  margin: 2px 2px 2px 2px;
}

LI {
  list-style-position: outside;
}

/* ============ page structure ==========*/
div {
  margin:0px;
  padding:0px;
}

#container {
  background-color:#FFFFFF;
  text-align: left;
  width: 770px;
  border-left:1px #5B7939 solid;
  border-right:1px #5B7939 solid;
}

#banner {
  width:100%;
  padding:0px;
  border-bottom: 1px #5B7939 solid;
  min-height:88px;
  height:auto !important;
  height:88px;
}

#logo {
  width:160px;
  float:left;
  display: block;
  padding:2px;
}

#banner-right {
  position: relative;
  padding:0px;
  width:606px;
  float:right;
  min-height:88px;
  height:auto !important;
  height:88px;
}

#top-actions {
  float:right;
  display: block;
  color:#3A5612;
  padding:1px 2px 1px 2px;
  vertical-align: top;
  text-align:right;
  font-size:75%;
}

.top-actions-separator {
  margin-left: 2px;
  margin-right: 2px;
  display: inline;
  border-left:1px #5B7939 solid;
  padding:0px;
}

#title {
  display: block;
  padding:2px 0px 2px 0px;
/*  min-height:75px;
  height:auto !important;
  height:75px;*/
}

#title H1 {
  margin-top: 20px;
  margin-bottom: 2px;
/*  background-color:#7C9C5F;
  color:#FFFFFF;*/
  padding: 5px;
  vertical-align: bottom;
  text-align:left;
  font-weight:bold;
  font-size:200%;
}

#title H2 {
  margin-top: -5px;
  margin-bottom: 0px;
  color:#5B7939;
  vertical-align: bottom;
  text-align:left;
  font-weight:bold;
  font-size:150%;
}

#menubar {
  width:160px;
  padding-left:1px;
  visibility:hidden;
  clear:left;
  float:left;
  min-height:500px;
  height:auto !important;
  height:500px;
}

#content, #home-content {
  float:right;
/*  border-left:1px #5B7939 solid;*/
  padding: 0px;
  text-align: left;
  vertical-align: top;
  min-height:500px;
  height:auto !important;
  height:500px;
}

#content {
  width:609px;
}

#home-content {
  width:770px;
}

#content TABLE, #home-content TABLE {
  border:0px;
  width:100%;
  font-size:100%;
  clear:both;
  table-layout:fixed;
}

#content TABLE TR, #home-content TABLE TR {
  vertical-align:top;
}

#content TABLE TR TD, #home-content TABLE TR TD {
  border:1px #5B7939 solid;
  margin:1px;
  /*width:33.33%*/
}

#content TABLE TR TD H3, #home-content TABLE TR TD H3 {
  margin-top: 0px;
  margin-bottom: 2px;
  display: block;
  color:#FFFFFF;
  background-color:#7C9C5F;
  padding:2px;
  font-weight:normal;
  text-align:left;
  min-height:20px;
  height:auto !important;
  height:20px;
}

#content TABLE TR TD P, #home-content TABLE TR TD P {
  vertical-align:top;
  padding:2px;
}

#content TABLE TR TD P IMG, #home-content TABLE TR TD P IMG {
  margin:2px;
}

#content TABLE.inner-table, #home-content TABLE.inner-table {
  border:0px;
  font-size:100%
}

#content TABLE.inner-table TR TD, #home-content TABLE.inner-table TR TD {
  border:0px;;
  margin:1px;
}

.quote {
  margin-bottom: 4px;
  width: 100%;
  text-align: right;
}

.left-column {
  clear:none;
  float:left;
}

.right-column {
  clear:none;
  float:right;
}

.bottom {
  bottom:0px;
}

.footnote {
  font-size:80%;
}

#footer {
  display: block;
  font-size:70%;
  clear: both;
  text-align:center;
/*  margin-top: 2px;*/
  border-top:1px #5B7939 solid;
  border-bottom:1px #5B7939 solid;
  min-height:50px;
  height:auto !important;
  height:50px;
}

/* ============ navigation elements ==========*/
#navbar {
  position:absolute;
  bottom:-2px;
  right:4px;
  clear: both;
}

#navbar A {
  vertical-align:bottom;
  display: inline-block;
  border:2px #5B7939 solid;
  padding-left:2px;
  padding-right:2px;
  text-align:left;
  text-decoration:none;
  font-weight:normal;
  color:#FCFCFC;
  background-color:#5B7939;
  min-height:20px;
  height:auto !important;
  height:20px;
}

#navbar A.current {
  color:#3A5612;
  background-color:#FCFCFC;
  border-bottom:2px #FCFCFC solid;
}

#navbar A:hover {
  text-decoration:underline;
}

.menu {
  color:#5B7939;
  list-style-type: none;
  padding:1px 0px 1px 0px;
  margin:2px 0px 2px 2px;
  font-size:90%;
}

.menu LI {
  border-bottom: 1px #5B7939 solid;
}

.menu LI A {
  color:#5B7939;
  text-decoration:none;
}

.menu LI A:visited {
  color:#5B7939;
}

.menu A:hover {
  text-decoration:underline;
}

.menu LI DIV.current {
  font-weight:bold;
  color:#FFFFFF;
  background-color:#7C9C5F;
}

.menu LI DIV.current A, .menu LI DIV.current A:visited {
  color:#FFFFFF;
}

.submenu {
  color:#5B7939;
  list-style-type: disc;
  padding:0px;
  margin:2px 0px 2px 16px;
  font-size:90%;
}

.submenu LI {
  margin:1px 0px 1px 0px;
  border-bottom: 0px;
}

.submenu LI A {
  padding:1px 1px 1px 1px;
  text-decoration:none;
}

.submenu LI A:visited {
  color:#5B7939;
}

.submenu A:hover {
  text-decoration:underline;
}

.submenu LI DIV.current {
  font-weight:bold;
  color:#FFFFFF;
  background-color:#7C9C5F;
}

.submenu LI DIV.current A, .submenu LI DIV.current A:visited {
  color:#FFFFFF;
}

.popmenu {
  position:absolute;
  width:160px;
  color:#5B7939;
  top:0px;
  left:0px;
  background-color:#FFFFFF;
  border:1px #5B7939 solid;
  padding:2px;
}

.popmenu UL {
  list-style-type: disc;
  padding:0px;
  margin:2px 0px 2px 16px;
  font-size:80%;
}

.popmenu A {
  color:#5B7939;
  padding:1px;
  text-decoration:none;
}

.popmenu LI A:visited {
  color:#5B7939;
}

.popmenu A:hover {
  text-decoration:underline;
}

.hidden {
  display:none;
}

#top-actions {
  float:right;
  position:absolute;
  top:2px;
  right:2px;
  display: block;
  color:#3A5612;
  padding:1px 2px 1px 2px;
  vertical-align: top;
  text-align:right;
  font-size:70%;
}

.top-actions-separator {
  margin-left: 2px;
  margin-right: 2px;
  display: inline;
  border-left:1px #5B7939 solid;
  padding:0px;
}

#breadcrumb {
  position:absolute;
  bottom:4px;
  right:4px;
  padding-right:4px;
  font-size:70%;
}

.read-more {
  text-align:right;
  vertical-align:bottom;
  font-size:70%;
  padding-bottom:2px;
}

.block_heading {
  margin:0px;
  padding:5px;
  color:#FFFFFF;
  background-color:#7C9C5F;
/*  font-weight:normal;*/
}

/* ============ Photos ==========*/
.thumbnail {
  margin: 2px;
  text-align:center;
/*  display: inline-block;*/
}

.half_width {
 width:292px;
}

.thumbnail P {
  font-size:75%;
  background-color:#DFE7D7;
  margin: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.thumbnail A IMG {
  border:0px;
  margin: 0px;
}

/* ============ bookmark this page ==========*/
#bookmark A {
  padding:4px;
  text-decoration:none;
  margin:10px auto 2px auto;
  display: block;
  width:120px;
/*  height:15px;
  border:1px black solid;
  color:#FFFFFF;
  background-color:#7C9C5F;
  text-align:center;*/
}
/*
#bookmark A:hover {
  text-decoration:underline;
}
*/
/* ============ Lightbox ==========*/
div.lightbox {
  z-index:100;
  position:absolute;
  float:left;
  background-color:#FFFFFF;
  border:1px solid #5B7939;
  text-align:left;
  max-width:550px;
  width:auto !important;
  width:550px;
}

div.lightbox div.content {
  margin:5px;
  min-height:80px;
  height:auto !important;
  height:80px;
}

div#overlay {
  position: absolute;
  top: 0px;
/*  left: 0px;
  width: 100%;*/
  height: 0px;
  z-index: 90;
  filter: alpha(opacity=50); /* IE */
  opacity: 0.5; /* Standard Browsers */
  background-color: black;
}

div.bottom-buttons {
  text-align:center;
  border-top:1px solid #5B7939;
  margin:0px;
  padding:5px;
}