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: 0;
 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: 0;
}

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

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

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

.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 0 0;
 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: 0;
 margin: 0;
}

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

.headerright {
 background-image: url(/images/headerright.png);
 background-position: top right;
 background-repeat: no-repeat;
 height: 150px;
 width: 484px;
 padding: 0;
 margin: 0;
 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 0 18px 0;
 filter: expression(fixPNG(this));
}

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

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

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

input.form {
 height: 21px;
}

textarea.form {
 height: 140px;
}

input.field {
 height: 19px;
}

.short {
 width: 64px;
}

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

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

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

.buttonset {
 margin: 6px 0;
}

.navigator {
 text-align: right;
}

span.pagelink a {
 text-decoration: none;
}

span.pagelink {
 padding: 0;
 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: 0;
}

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

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

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

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

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

ul.menu li.select 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: 0;
}

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

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

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

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

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

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

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

/* islogo */

.islogo {
 text-align: right;
}

.islogo span {
 display: block;
 padding-top: 8px;
 margin-left: 70px;
 float: left;
}

* html .islogo span {
 display: inline;
}

/* welcome */

#welcome {
 text-align: center;
}

#welcome .tools {
 margin: 8px 0;
}

#welcome .tools a {
 display: block;
 padding: 2px 0;
}

/* frames */

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

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

div.hspace {
 margin: 4px 0;
}

/* list */

.leftbox {
 width: 122px;
 float: left;
}

.mainbox {
 min-height: 92px;
 height: auto !important;
 height: 92px;
 margin-left: 138px;
}

.detailbox {
 text-align: right;
}

/* news */

.newsline {
 margin: 16px 0;
}

.newsdate {
 color: #000000;
 font-weight: normal;
}

.newstitle {
 color: #1B4501;
 font-weight: bold;
}

.newsnotice,
.newscontent {
 text-align: justify;
}

/* questionbook */

.questionline,
.answerline {
 margin: 4px 0;
}

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

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

.question_user_name,
.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 0 8px 0;
}

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;
}

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

/* gallery */

.gallery td {
 text-align: center;
 vertical-align: top;
 padding: 10px 8px;
}

.gallery td div {
}

.gallery img {
}