body {
  background-color: #FFFFFF;
  color           : #000000;
  font-family     : Verdana,Arial,Helvetica,sans-serif;
  padding: 0px;
  margin: 0px;
}

div.adminmenu {
  margin: 0px 0px 0px 20%;
  text-align     : right;
  padding : 2px;
  background  : #50C030;
  font-size      : 80%;
  color : white;
}

div.adminmenu A:link { 
  color            : #FFFFFF;
  text-decoration  : none;
}
div.adminmenu A:visited {
  color            : #FFFFFF;
  text-decoration  : none;
}
div.adminmenu A:hover {
  color           : #DDFF00;
  text-decoration : underline;
}


.footer {
  border-top : #008800 1px dotted;
  margin-top : 20px;
  padding-top : 5px;
  text-align : right;
  font-size : 80%;
  font-style : italic;
}

.header {
  margin : 0px;
  padding : 0px;
  font-size : 80%;
}

hr {
  color : #FFFFFF;
}

pre {
  border      : #888888 1px solid;
  padding     : 4px;
  margin : 5px 20px 5px 30px;
}

p {
  padding-left : 20pt;
}

strong {
  font-weight : normal;
}

h1 {
  background-color : #FFFFFF;
  border-left    : #50C030 20px solid;
  border-bottom    : #50C030 1px solid;
  font-family      : Verdana,Arial,Helvetica,sans-serif;
  font-size     : 150%;
  padding     : 2px 0px 2px 4pt;
  margin: 0px 0px 0px 20%;
}


h2 {
  background-color : #A0E0A0;
  font-family      : Verdana,Arial,Helvetica,sans-serif;
  padding-left     : 4pt;
  font-size     : 120%;
}

h3 {
  border-left   : #A0E0A0 20px solid;
  border-bottom : #50C030 1px solid;
  font-family   : Verdana,Arial,Helvetica,sans-serif;
  font-size     : 100%;
  padding-left  : 4pt;
}

h4 {
  border-left  : #A0E0A0 10px solid;
  padding-left : 4px;
  font-family  : Verdana,Arial,Helvetica,sans-serif;
  padding-left : 4pt;
  font-size     : 100%;
}

table {
  margin: 5px 20px 5px 30px;
  border: 1px solid #000000;
  border-spacing: 0px;
  border-collapse: collapse;
  empty-cells: show;
}

th {
  border : #000000 1px solid;
  background-color : #50C030;
  color: #FFFFFF;
  padding : 2px;
}

td {
  border : #000000 1px solid;
  padding: 2px;
}

A:link { 
  color            : #0000FF;
  text-decoration  : none;
}
A:visited {
  color            : #0000FF;
  text-decoration  : none;
}
A:hover {
  color           : #008000;
  text-decoration : underline;
}

div.main {
  margin-left: 20%;
  padding: 0px 3px 0px 10px;
}

div.sidebar {
  position  : absolute;
  top       : 0px;
  left      : 0px;
  width     : 20%;
  font-size : x-small;
  padding: 2px 2px 100% 2px;
  border-style: solid;
  border-color: #50C030;
  border-width: 2px;
  color       : #000000;
  background-color: #EDFFED;
}

div.comment {
  margin-top       : 10px;
  margin-bottom    : 10px;
  background-color : #DDFFDD;
  border           : #AAFFAA 2px solid;
  font-size        : 80%;
}

div.bbs {
  margin  : 5px 10px 15px 10px;
  padding : 0px;
  border           : #50C030 1px solid;
  background       : #EDFFED;
  font-size        : 80%;
}

div.bbs div.msg {
  margin : 0px;
  padding : 2px;
  border           : none;
  background       : #FFFFFF;
  font-size        : 100%;
}

div.bbs span.name {
  font-size        : 100%;
  font-weight: bold;
}

div.bbs span.date {
  font-size        : 80%;
}

form.bbs {
  margin : 5px 10px 5px 10px;
  font-size: 80%;
}

form.bbs A:link { 
  color            : #0000FF;
  text-decoration  : none;
}
form.bbs A:visited {
  color            : #0000FF;
  text-decoration  : none;
}
form.bbs A:hover {
  color           : #008000;
  text-decoration : underline;
}

dl {
  margin : 5px 10px 5px 5px;
}

dt {
  border-bottom    : #50C030 2px dotted;
  margin : 10px 0px 5px 10px;
  padding : 2px 10px 2px 5px;
  font-size : 90%;
  font-weight : bold;
}

dd {
  margin : 0px 0px 0px 20px;
  font-size : 80%;
}