/* CSS Document */

body
{
  color: black;
  background: white;
  margin: 0;
  padding: 0;
}

.hide
{
  display: none;
}

img
{
    display: block;
    border: 0;
}

a:link
{
  font-weight: bold;
  text-decoration: none;
  color: #BEA264;
  background: transparent;
}

a:visited
{
  font-weight: bold;
  text-decoration: none;
  color: #BEA264;
  background: transparent;
}

a:active
{
  font-weight: bold;
  text-decoration: none;
  color: #BEA264;
  background: transparent;
}

a:hover
{
  font-weight: bold;
  text-decoration: underline;
  color: #BEA264;
  background: transparent;
}

p, td, li, ul, ol, dl, h1, h2, h3, h4, h5, h6
{
  font-family: verdana, trebuchet, lucida, arial, sans-serif;
  font-size: 10px;
}

p
{
  margin-top: 0;
  margin-bottom: 1em;
  font: 11px/1.5 verdana, trebuchet, lucida, arial, sans-serif;
}

div.smallprint
{
  font-family: verdana, trebuchet, lucida, arial, sans-serif;
  font-size: 9px;
  margin: 0;
}

h2
{
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 4px;
  text-transform: uppercase;
}

/* Basic page divisions */

div#pageholder
{
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  height: 580px;
  width: 764px;
}

div#leftbar
{
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  background: #BEA264;
  height: 100%;
  width: 140px;
}

div#leftbar p
{
  color: #F8EFD2;
  padding: 0 10px;
  font-size: 9px;
  line-height: 11px;
  margin-top: 0;
  text-align: center;
}

div#leftbar p a
{
  display: inline;
  font-weight: bold;
  color: #F8EFD2;
  text-decoration: none;
}

div#leftbar p a:hover
{
  text-decoration: underline;
}

div#bartext
{
  position: absolute;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: auto;
}

div#menu
{
}

div#menu ul
{
  list-style: none;
  padding: 0;
  margin: 30px 0 0 10px;
  border: 0;
  width: 110px;
}

div#menu li
{
  text-align: left;
  margin: 0;
  padding: 0;
  font: 14px/22px verdana, lucida, arial, sans-serif;
}

div#menu li a
{
  display: block;
  font-weight: bold;
  padding: 0;
  color: white;
  text-decoration: none;
}

div#menu li a:hover
{
  text-decoration: underline;
}

div#content
{
  position: absolute;
  top: 0;
  left: 140px;
  background: #F8EFD2;
  height: 581px;
  width: 650px;
}

div#next
{
  position: absolute;
  top: 31px;
  right: 10px;
}

div#prev
{
  position: absolute;
  top: 31px;
  right: 73px;
}


/* These are to enable centering of images in Netscape, which otherwise left-justifies them. */
#LVR
{
  margin-left: auto;
  margin-right: auto;
  width: 261px;  /* yup, you have to tell Netscape the image width! */
}

#FP
{
  margin-left: auto;
  margin-right: auto;
  width: 300px;  /* yup, you have to tell Netscape the image width! */
}

#LDV
{
  padding: 10px 0 0 0;
  margin-left: auto;
  margin-right: auto;
  width: 328px;  /* yup, you have to tell Netscape the image width! */
}

div.center
{
  position: relative;
  padding: 10px 0 0 0;
}

div.bottom
{
  position: absolute;
  bottom: 10px;
  padding: 0 10px 0 10px;
  text-align: center;
}

div.bottomtext
{
  font: bold 15px/17px verdana, trebuchet, lucida, arial, sans-serif;
  background: transparent;
  color: #F8EFD2;
  width: 601px;
}

div#leftimage
{
  position: absolute;
  top: 10px;
  left: 10px;
}

img.right
{
  padding: 0 4px 10px 10px;
  float: right;
}

img.left
{
  padding: 0 10px 0 0;
  float: left;
}

div#text
{
  position: absolute;
  top: 56px;
  padding: 0 10px;
  width: 604px;
}

td.activities
{
  vertical-align: top;
}