body { margin: 0px; padding: 0px; background-color: #FFFFFF; color: #000000; }
body.framebody { margin: 0px; padding: 0px; background-color: #E5E5E5; color: #000000; }

#icon    { position: absolute; left: 3px;  top: 3px; width: 80px; height: 80px; overflow: hidden; border: 1px solid #000000; background-color: #99DDBB; color: #000000; }
#toparea { position: absolute; left: 86px; top: 3px; right: 3px;  height: 61px; overflow: hidden; border: 1px solid #000000; background-color: #99DDBB; color: #000000; }

#title1, #title2, #title3 { padding: 3px; text-align: center; vertical-align: middle; font-family: Arial; }
#title1 { color: #000000; font-size: 16px; font-weight: bold; }
#title2 { color: #FFFFFF; font-size: 20px; font-weight: bold; }
#title3 { color: #000000; font-size: 11px; font-weight: bold; }

#menubar { position: absolute; left: 86px; top: 67px; right: 3px; height: 16px; margin: 0px; padding: 1px; border: 0px; overflow: hidden; background-color: #337755; color: #FFFFFF; font: bold 10px Verdana, Arial; }

.menulink { width: 100%; font-weight: bold; font-size: 10px; font-family: Verdana, Arial; text-decoration: none; }
span.menulink, A.menulink:link, A.menulink:visited, A.menulink:active { font-weight: bold; font-size: 10px; font-family: Verdana, Arial; text-decoration: none; color: #CCEECC; }
a.menulink:hover { font-weight: bold; font-size: 10px; font-family: Verdana, Arial; text-decoration: none; color: #D01050; background-color: #E5E5E5; }
div.menulink { padding: 2px; }
.menuspacing { height: 4px; font-size: 1px; }
.menu0off, .menu0on { left: 86px;  width: 63px;  z-index: 101; }
.menu1off, .menu1on { left: 153px; width: 55px;  z-index: 102; }
.menu2off, .menu2on { left: 207px; width: 155px; z-index: 103; }
.menu3off, .menu3on { left: 334px; width: 170px; z-index: 104; }
.menu4off, .menu4on { left: 422px; width: 160px; z-index: 105; }
.menu5off, .menu5on { left: 586px; width: 155px; z-index: 106; }
.menu6off, .menu6on { left: 665px; width: 80px;  z-index: 107; }
.menu7off, .menu7on { left: 725px; width: 160px;  z-index: 108; }
.menu0off, .menu0on, .menu1off, .menu1on, .menu2off, .menu2on, .menu3off, .menu3on, .menu4off, .menu4on, .menu5off, .menu5on, .menu6off, .menu6on, .menu7off, .menu7on { position: absolute; top: 67px; background-color: #337755; text-align: left; padding: 0px; margin: 0px; }
.menu0off, .menu1off, .menu2off, .menu3off, .menu4off, .menu5off, .menu6off, .menu7off { height: 16px; overflow: hidden;  }
.menu0on,  .menu1on,  .menu2on,  .menu3on,  .menu4on,  .menu5on,  .menu6on,  .menu7on  { height: auto; overflow: visible; } 

a:link, a:visited { font-weight: normal; font-size: 10px; font-family: Verdana, Arial; color: #109040; text-decoration: none; }
a:hover, a:active { font-weight: normal; font-size: 10px; font-family: Verdana, Arial; color: #D01050; text-decoration: underline; }
a:link IMG, a:visited img { border-color : #109040; }
a:hover IMG, a:active img { border-color : #D01050; }

#cont {
  position: absolute; 
  left: 3px; top: 86px; right: 3px; height: auto;
  z-index: 100;
  padding: 3px;
  margin: 0px;
  border: 1px solid #000000;
  background-color: #E5E5E5;
  font: 10px Verdana,Arial;  
  text-align: justify;
}

#contstandalone {
  position: absolute; 
  left: 3px; top: 3px; right: 3px; height: auto;
  z-index: 100;
  padding: 3px;
  margin: 0px;
  border: 1px solid #000000;
  background-color: #E5E5E5;
  font: 10px Verdana,Arial;  
  text-align: justify;
}

#contentposition {
  position: absolute; 
  left: 3px; top: 86px; right: 3px; height: auto;
  z-index: 100;
  padding: 0px;
  margin: 0px;
}

#contenttable {
  padding: 0px; 
  margin: 0px;
}

.blockborder {
  height: auto;
  padding: 5px;
  margin: 0px 0px 3px 0px;
  border: 1px solid #000000;
  background-color: #E5E5E5;
  text-align: justify;
  vertical-align: top;
}

.ifborder {
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}

.ifcontent {
  padding: 0px;
  margin: 0px;
  background-color: #E5E5E5;
  text-align: justify;
  vertical-align: top;
  font: 10px Verdana,Arial; 
}

.blocktitle { width: 100%; height: 14px; padding: 0px; margin: 0px; background-color: #99DDBB; color: #000000; font: bold 10px Verdana,Arial; text-align: center; }
.block      { padding: 0px; margin: 5px 0px 5px 0px; color: #000000; font: 10px Verdana,Arial; text-align: justify; }

.stdfont    { font: 10px Verdana,Arial; }

.text              { color: #000000; font: 10px Verdana,Arial; }
.textbold          { color: #000000; font: bold 10px Verdana,Arial; }
.texthighlight     { color: #FF0000; }
.textboldhighlight { color: #FF0000; font: bold 10px Verdana,Arial; }
.textitalic        { color: #109040; font: 10px Verdana,Arial; text-align: center; font-style: italic; }

.contenttable { background-color: #FFFFFF; border: 0; }
.tr0, .tr1, .tr2 { font: 10px Verdana,Arial; text-align: left; color: #000000; height: 20px; }
.tr0  { background-color: #E5E5E5; }
.tr1  { background-color: #99DDBB; }
.tr2  { background-color: #FFCC99; }
.tablehead { font: 10px Verdana,Arial; text-align: center; font-weight: bold; color: #000000; background-color: #99DDBB; }
.tablesubhead { font: 10px Verdana,Arial; text-align: center; font-weight: bold; color: #000000; background-color: #FFFFFF; }
.tableheadgray { font: 10px Verdana,Arial; text-align: center; font-weight: bold; color: #000000; }

input, textarea, select {
  border-top-width : 1px; 
  border-right-width : 1px; 
  border-bottom-width : 1px; 
  border-left-width : 1px;  
  font: 10px Verdana, Arial; 
  vertical-align: middle; 
  color: #000000;
  border-color: #000000;
  z-index: 99;
}

form { margin: 1px 0px 1px 0px; padding: 0px; }
input { text-indent: 2px; }
input.button { background-color: #FFFFFF; }

.tc { text-align: center; }
.tb { font-weight: bold; }
.tbc { text-align: center; font-weight: bold; }

.pc { border-width: 0 2px 0 0; border-style: solid; border-color: #FFFFFF; }

table.chantable { width: 661px; border-width: 1px 0 0 1px; border-color: #000000; border-style: solid; }
th.chantable { border-width: 0 1px 1px 0; border-color: #000000; border-style: solid; font: 10px Verdana,Arial; text-align: center; padding: 4px; font-weight: bold; }
td.chantable { width: 32px; border-width: 0 1px 1px 0; border-color: #000000; border-style: solid; font: 10px Verdana,Arial; text-align: center; padding: 4px 0px 4px 0px;  }
A:link.chantable, A:visited.chantable, A:hover.chantable, A:active.chantable { font-weight: normal; font-size: 10px; font-family: Verdana, Arial; color: #000000; text-decoration: none; }

.itemname { font: 10px Verdana,Arial; font-weight: bold; text-decoration: underline; vertical-align: top; }

h3   { font: bold 17px Verdana, Arial; text-align: center }
.mapimg { border: 2px solid #109040; }

.linklogo { width: 50px; height: 30px; border: 1px solid; }
img.photoborder { border: 1px solid; }

td.multiblockspacing { height: 3px; padding: 0; margin: 0; border-width: 0; }

.debug {
  margin: 4px;
  padding: 4px;
  background-color: #FFFFFF;
  color: #000080;
  border: 1px solid;
  font: 10px Verdana,Arial;
}