/* New colours: 100803  */
/* 00-31-63 -> cc-cc-cc */
/* b9-c2-ca -> 00-00-00 */
/* 20-6e-bc -> 26-78-e2 */
/* 07-4b-8f -> 99-99-99 */

body, p, h1, h2, h3, td, input, textarea, ul, li {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #ffffff;
  font-size: 0.9em;
}

input, textarea { color: #000000; background-color: #eeeeee; border: 1px #000000 solid }
.clear, .checkbox { background: none; border: none }
li { list-style: square; margin-top: 0.75em; margin-right: 2em }

.footer { color: #999999; font-size: 70%;  text-align: center; margin-top: 2em; margin-bottom: 1em }
.header { color: #999999; font-size: 80%;  margin-top: 0em; margin-bottom: 1em }
.small { font-size: 80%; margin-top: 0em; margin-bottom: 0em }
.tight { margin-top: 0em; margin-bottom: 0em }
.quitetight { margin-top: 1em; margin-bottom: 0.2em }
.tabletop { color: #ffffff; font-weight: bold }

h1 { font-size: 140%; font-weight: bold; color: #cccccc; margin-top: 0.25em }
h2 { font-size: 120%; font-weight: bold; color: #cccccc; margin-top: 0em; margin-bottom: 0em }
h3 { font-size: 100%; font-weight: bold; color: #cccccc }

hr { height: 1px; color: #cccccc }

a:link { color: #2678e2; text-decoration: underline }
a:visited { color: #2678e2; text-decoration: underline }
a:active { color: #cc0000; text-decoration: none }
a:hover { color: #cc0000; text-decoration: none }

a:link.menu, a:visited.menu, a:hover.menu, a:active.menu, a:link.menuhi, a:visited.menuhi, a:hover.menuhi, a:active.menuhi, .menunolink { margin-left: 0.4em; margin-right: 0.6em; }

.menunolink { color: #000000 }

a:link.menu { color: #000000; text-decoration: none }
a:visited.menu { color: #000000; text-decoration: none }
a:hover.menu { color: #ffffff; text-decoration: none }
a:active.menu { color: #ffffff; text-decoration: none }

a:link.menuhi { color: #ffffff; text-decoration: none }
a:visited.menuhi { color: #ffffff; text-decoration: none }
a:hover.menuhi { color: #ffffff; text-decoration: none }
a:active.menuhi { color: #ffffff; text-decoration: none }

a:link.gallerylink { color: #000000; text-decoration: underline }
a:visited.gallerylink { color: #000000; text-decoration: underline }
a:hover.gallerylink { color: #ffffff; text-decoration: none }
a:active.gallerylink { color: #ffffff; text-decoration: none }

.gallery { color: #000000; margin-top: 0em; margin-bottom: 0em; font-weight: normal }

.infoblock { background: #000000; text-align: center }
.info, .filename { color: #cccccc; margin-top: 0em; margin-bottom: 0em; font-family: Gill Sans MT, Verdana, Arial, Helvetica, sans-serif; font-weight: normal }
h2.info { font-size: 150% }
.filename { color: #2678e2; text-align: right; margin-top: -5px; margin-bottom: 0px }

.hand { cursor: hand }

.quote { color: #999999; margin-left: 4em; margin-right: 4em }

.mainpic { border: 1px #ffffff solid }
.gallerypic { border: 2px #cccccc solid }

.fade { opacity: 0.3; filter: alpha(opacity=30) }

input.readonly { background: #ff9999; border: #cccccc }
input.readonlyright { background: #ff9999; text-align: right; border: #cccccc }
input.button { background: #ff9999 }

.nav { background: #999999; color: #ff0000 }
.navHi { background: #666666; color: #00ff00 }


/* New styles August 2010 */
.menuBlock, .subMenuBlock {
  position: absolute;
  top: 90px;
  left: 0px;
  visibility: hidden;
  background: #999999;
  z-index: 3;
  border-top: none;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.subMenuBlock {
  border-top: 1px solid #ffffff;
}

a.menuItem {
  padding: 2px 10px;
  display: block;
  font-weight: bold;
}
a:link.menuItem, a:visited.menuItem {
  color: #333333;
  background: #cccccc;
  text-decoration: none;
}
a:active.menuItem, a:hover.menuItem {
  color: #000000;
  background: #ffffff;
  text-decoration: none;
}

a.menuItemWithSub {
  padding: 2px 20px 2px 10px;
  display: block;
  font-weight: bold;
}
a:link.menuItemWithSub, a:visited.menuItemWithSub {
  color: #333333;
  background-color: #cccccc;
  text-decoration: none;
  background-image: url('images/submenu.png');
  background-repeat: no-repeat;
  background-position: right center;
}
a:active.menuItemWithSub, a:hover.menuItemWithSub {
  color: #000000;
  background: #ffffff;
  text-decoration: none;
  background-image: url('images/submenuOn.png');
  background-repeat: no-repeat;
  background-position: right center;
}