body, p, font, ul, ol, li, div, span, table, th, tr, td, input, textarea {
 font-family: Tahoma, Arial;
 font-size: 10pt;
}

body {
 background-color: #EAE6B2;
 color: #1B4501;
 margin: 0px;
 padding: 6px;
}

a {
 color: #1B4501;
}

a:hover {
 color: #000000;
}

h1 {
 font-size: 16pt;
 color: #1B4501;
 text-align: center;
}

h2 {
 font-size: 14pt;
 color: #1B4501;
 text-align: center;
}

h3 {
 font-size: 12pt;
 color: #1B4501;
 text-align: center;
}

p {
 text-indent: 16pt;
}

.title {
 font-size: 14pt;
 color: #1B4501;
}

img {
 border-width: 0px;
}

table.hidden {
 border-width: 0px;
 border-collapse: collapse;
 padding: 0px;
 margin: 0px;
}

table.display {
 border: 1px solid #FFFFFF;
 border-collapse: collapse;
 padding: 0px;
 margin: 0px;
}

.rowtitle {
 background-color: #E8F3CB;
 color: #1B4501;
 font-weight: bold;
 text-align: center;
}

.rowodd {
 background-color: #FFFEEE;
 color: #000000;
}

.roweven {
 background-color: #F4F2D8;
 color: #000000;
}

.cell {
 border: 2px solid #FFFFFF;
 padding: 2px 6px 2px 6px;
}

span.counter {
 padding: 4px;
}

p.caption {
 text-indent: 0pt;
}

td.caption {
 padding: 6px 8px 0px 0px;
 text-align: right;
 vertical-align: top;
 width: 180px;
}

p.message {
 font-weight: bold;
 text-align: center;
 text-indent: 0pt;
}

.header {
 background-image: url('/images/headerbg.png');
 background-position: top left;
 background-repeat: repeat-x;
 height: 150px;
 width: 1000px;
 padding: 0px;
 margin: 0px;
}

.headerleft {
 background-image: url('/images/headerleft.png');
 background-position: top left;
 background-repeat: no-repeat;
 height: 150px;
 width: 223px;
 padding: 0px;
 margin: 0px;
 float: left;
}

.headerright {
 background-image: url('/images/headerright.png');
 background-position: top right;
 background-repeat: no-repeat;
 height: 150px;
 width: 484px;
 padding: 0px;
 margin: 0px;
 float: right;
}

td.body {
 width: 1000px;
}

div.body {
 width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%");
 min-width: 1000px;
}

td.side {
 height: 100%;
}

.sideframeup {
 background-image: url('/images/sideframeup.png');
 background-position: top center;
 background-repeat: no-repeat;
 height: 5px;
 width: 230px;
}

.sideframebg {
 background-image: url('/images/sideframebg.png');
 background-position: center center;
 background-repeat: repeat-y;
 width: 230px;
}

.sideframedown {
 background-image: url('/images/sideframedown.png');
 background-position: bottom center;
 background-repeat: no-repeat;
 height: 29px;
 width: 230px;
}

.pageframeup {
 background-image: url('/images/pageframeup.png');
 background-position: top center;
 background-repeat: no-repeat;
 height: 5px;
 width: 520px;
}

.pageframebg {
 background-image: url('/images/pageframebg.png');
 background-position: center center;
 background-repeat: repeat-y;
 width: 520px;
}

.pageframedown {
 background-image: url('/images/pageframedown.png');
 background-position: bottom center;
 background-repeat: no-repeat;
 height: 29px;
 width: 520px;
}

.line {
 background-image: url('/images/line.png');
 background-position: center center;
 background-repeat: no-repeat;
 height: 15px;
 margin: 18px 0px 18px 0px;
 filter: expression(fixPNG(this));
}

.content {
 padding: 22px 12px 0px 12px;
}

.form {
 background-color: #FFFFFF;
 border: 1px solid #B5B178;
 width: 100%;
 padding: 1px 4px 1px 4px;
 margin: 2px 0px 2px 0px;
}

.field {
 background-color: #FFFFFF;
 border: 1px solid #B5B178;
 padding: 1px 4px 1px 4px;
 margin: 0px;
}

input.form {
 height: 21px;
}

textarea.form {
 height: 140px;
}

input.field {
 height: 19px;
}

.input {
 background-color: #B4D752;
 border: 1px solid #B5B178;
 color: #1B4501;
 padding: 1px 2px 1px 2px;
 margin: 2px 0px 2px 0px;
}

.button {
 font-weight: bold;
 color: #1B4501;
 text-decoration: none;
 cursor: pointer;
}

input.button, span.button {
 background-color: #B4D752;
 border: 1px solid #B5B178;
 text-align: center;
 height: 19px;
 padding: 0px 4px 0px 4px;
 margin: 0px;
}

a.pagelink {
 text-decoration: none;
}

span.pagelink {
 padding: 0px;
 margin: 4px;
}

#currentpage {
 font-weight: bold;
}

/* menu */

ul.menu {
 list-style-type: disc;
 list-style-image: url('/images/li1.png');
 margin-left: 32px;
 padding-left: 0px;
}

ul.menu li {
 margin: 8px 0px 8px 0px;
}

ul.menu li.selected {
 margin: 8px 0px 8px 0px;
}

ul.menu li a {
 font-size: 14pt;
 color: #1B4501;
 text-decoration: none;
}

ul.menu li.selected a {
 font-size: 14pt;
 color: #1B4501;
 text-decoration: underline;
}

ul.menu li a:hover {
 text-decoration: underline;
}

ul.menu li.selected a:hover {
 text-decoration: underline;
}

ul.menu li ul {
 list-style-type: disc;
 list-style-image: url('/images/li2.png');
 margin-left: 20px;
 padding-left: 0px;
}

ul.menu li.selected ul {
 list-style-type: disc;
 list-style-image: url('/images/li2.png');
 margin-left: 20px;
 padding-left: 0px;
}

ul.menu li ul li {
 margin: 6px 0px 6px 0px;
}

ul.menu li.selected ul li {
 margin: 6px 0px 6px 0px;
}

ul.menu li ul li a {
 font-size: 10pt;
 color: #1B4501;
 text-decoration: none;
}

ul.menu li.selected ul li a {
 font-size: 10pt;
 color: #1B4501;
 text-decoration: none;
}

ul.menu li ul li a:hover {
 text-decoration: underline;
}

ul.menu li.selected ul li a:hover {
 text-decoration: underline;
}

/* frames */

div.extframe {
 padding: 0px;
 margin: 0px;
}

div.intframe {
 padding: 4px;
 margin: 0px;
}

div.hspace {
 margin: 4px 0px 4px 0px;
}


/* news */

img.news {
 border: 1px solid #989898;
}

img.list {
 margin-right: 16px;
}

div.newsline {
 margin: 16px 0px 16px 0px;
 clear: both;
}

/* questionbook */

font.question_caption, font.answer_caption {
 color: #B4D752;
 font-weight: bold;
}

font.question_date, font.answer_date {
 color: #000000;
 font-weight: normal;
}

font.question_user_name, font.answer_user_name {
 color: #1B4501;
 font-weight: bold;
}

div.question, div.answer, textarea.answer {
 border: 1px solid #B5B178;
 color: #000000;
 text-align: justify;
 padding: 4px 8px 4px 8px;
 margin: 8px 0px 8px 0px;
}

div.question {
 background-color: #F4F2D8;
}

div.answer, textarea.answer {
 background-color: #E8F3CB;
}

/* circle */

#topleft {
 background-color: #DAFFAB;
 background-image: url('/images/topleft.png');
 background-position: right bottom;
 background-repeat: no-repeat;
 height: 166px;
 width: 210px;
 padding-bottom: 70px;
}

#topright {
 background-color: #DAFFAB;
 background-image: url('/images/topright.png');
 background-position: left bottom;
 background-repeat: no-repeat;
 height: 166px;
 width: 210px;
 padding-bottom: 70px;
}

#bottomleft {
 background-color: #DAFFAB;
 background-image: url('/images/bottomleft.png');
 background-position: right top;
 background-repeat: no-repeat;
 height: 212px;
 width: 210px;
 padding-top: 30px;
}

#bottomright {
 background-color: #DAFFAB;
 background-image: url('/images/bottomright.png');
 background-position: left top;
 background-repeat: no-repeat;
 height: 212px;
 width: 210px;
 padding-top: 30px;
}

#bottom {
 background-color: #DAFFAB;
 height: 60px;
 width: 420px;
}

.activity {
 color: #177A15;
 font-size: 16pt;
 text-decoration: none;
 cursor: pointer;
}

.preview {
 text-align: center;
 height: 290px;
 width: 210px;
 float: left;
 cursor: pointer;
}
