/* main styles.. colour comes later */

* {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
}

body, p, table, tr, td, img, span, a {
  font-size: small;
}

body, p, h1, h2, table, tr, td, th, img, span, a {
  border-style: solid;
  border-width: 0;
  font-weight: normal;
}

img {
  vertical-align: top;
}

.inverse {
  margin: 1ex 2ex 1ex 2ex;
}

.menubox {
  margin: 0.5ex 1ex 0.5ex 1ex;
}

.menuborder {
  margin: 0;
}

.bgtrans, img {
  background-color: transparent;
}

select, option, textarea, input {
  text-align: left;
  font-size: small;
}

.link0, .link1, .link2, .menu, .submenu, .thismenu, .thissubmenu {
  text-decoration: none;
}

.link0, .link1, .link2 {
  font-weight: bold;
}

.link0:hover, .link1:hover, .link2:hover {
  text-decoration: underline overline;
}

.bold, h1, h2, .big {
  font-weight: bold;
}

.minor {
  font-size: x-small;
}

.hidden {
  visibility: hidden;
}

form p.minor, form {
  margin-top:0;
  margin-bottom: 5px;
}

.rightfloat {
  float: right;
}

.leftfloat {
  float: left;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.just {
  text-align: justify;
}

.first:first-letter {
  font-size: 150%;
  font-weight: bold;
  float: left;
}

h1 {
  font-size: x-large;
  margin-top: 1em;
}

h2, .big {
  font-size: medium;
}

h2 {
  margin-top: 2em;
}

.double {
  border-style: double;
  border-width: medium;
  padding: 0;
}

.border {
  border-width: thin;
}

.menu, .thismenu {
  padding: 0.5ex 1ex;
  border-width:thin;
  font-size: medium;
  line-height:2;
}

.submenu, .thissubmenu {
  padding: 0ex 0.5ex;
  border-width: 1px;
  font-size: small;
  line-height: 1;
}

body, img.block {
  margin: 1em 2em;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w40 {
  width: 40%;
}

.w50 {
  width: 45%;
}

.w60 {
  width: 60%;
}

.w70 {
  width: 70%;
}

.w80 {
  width: 80%;
}

.w98 {
  width: 98%;
}

.w100 {
  width: 100%;
}

.padded {
  padding: 1ex;
}

.leftpad {
  padding-left: 0.5ex;
}

.clear {
  clear: both;
}

.collapse {
  border-collapse: collapse;
}

.bordtop {
  border-top-width: thin;
}

.bordbot {
  border-bottom-width: thin;
}

.bordlr {
  border-left-width: thin;
  border-right-width: thin;
}

.bordtbp {
  border-top-width: thin;
  border-bottom-width: thin;
  padding: 1ex;
}

.zeromarg {
  margin: 0px;
  padding: 0px;
}


/* colour info... main styles */

body, p, h1, h2, table, tr, td, span, a {
  border-color: #FFFF33;
  color: #660066;
  background-color: #CCCCFF;
}

.link0, .link1, .link2, h1, h2, .first:first-letter {
  color: #9900CC;
}

.contrast0 {
  color: #660099;
}

.contrast1, .contrast2, .link0:hover, .link1:hover, .link2:hover {
  color: #FFFF33;
}

.bg0, .link0, .contrast0 {
  background-color: #CCCCFF;
}

.bg1, .link1, .contrast1, .menu, .thismenu {
  background-color: #CC99FF;
}

.bg2, .link2, .contrast2, .submenu, .thissubmenu {
  background-color: #CC66FF;
}

.bgcont {
  background-color: #FFFF33;
}

.menu:hover, .thismenu:hover {
  color: #CC99FF;
  border-color: #CC99FF;
  background-color: #9900CC;
}

.thismenu, .thissubmenu {
  color: #9900CC;
  border-color: #660066;
}

.submenu:hover, .thissubmenu:hover {
  color: #CC66FF;
  border-color: #CC66FF;
  background-color: #9900CC;
}

.inverse, select, option, textarea, .input, th.bgcont {
  background-color: #9900CC;
  color: #FFFF33;
}



/* styles for smiley game */

.scGg, .scGg0, #scGb, #scTtl {
  border-style: solid;
  border-width: 0;
  font-weight: normal;
}

.scGi {
  background-color:transparent;
}

.scLi {
  text-decoration:none;
  font-weight:bold;
}

.scLi:hover {
  text-decoration:underline overline;
}

.scTxt, .scLi:hover, #scTtl {
  font-weight:bold;
}

#scRb, #scSb, #scMb, #scBb {
  visibility:hidden;
}

.scGg, .scTs, .scTs1, .scGg0, .scGg1, .scUn, .scLt, .scCi, #scTtl, .scGi {
  padding:0;
  margin:0;
}

.scGg, .scTs, #scGb {
  width:700px;
}

.scGi {
  width:18px;
  height:18px;
}

.scTs {
  border-width:1px;
}

.scGg0, .scGg1 {
  width:18px;
  height:18px;
  font-size:x-small;
}

.scUn, .scLt, .scCi {
  width:25px;
  height:25px;
}

.scUn, .scLt {
  border-width:2px;
}

#scGb {
  position:relative;
  top:0;
  left:0;
  height:480px;
  margin:10px 0;
}

#scTtl {
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-style:double;
}

h2.scTxt, h1.scTxt, #scLo {
  margin-top:1em;
}


.scGg, .scGg0, #scGb, #scTtl {
  border-color: #FFFF33;
  background-color: #CCCCFF;
}

.scUn {
  border-color: #CCCCFF;
}

.scTs, .scTs1, .scGg1, .scUn, .scLt, .scCi, .scLi, .scLi:hover, #scTtl, .scTxt, #scLo {
  background-color: #CC99FF;
}

.scTs, .scTs1, .scGg1, .scUn, .scLt, .scCi, .scLi, .scLi:hover, .scGg, .scGg0 {
  color: #660066;
}

#scTtl, .scTxt, #scLo {
  color: #9900CC;
}

/* end of styles for smiley game */