* {
 font-family: Tahoma, Arial;
 font-size: 10pt;
}

body {
 background-color: #FEFEFE;
 color: #696969;
 margin: 0px;
 padding: 0px;
}

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

a {
 color: #89B5ED;
 text-decoration: underline;
}

a:hover {
 color: #33CC66;
}

h1 {
 color: #3972B2;
 font-size: 14pt;
 text-align: center;
}

h2 {
 color: #3972B2;
 font-size: 12pt;
 text-align: left;
}

h3 {
 color: #3972B2;
 font-size: 10pt;
 text-align: left;
}

img {
 border-width: 0px;
}

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

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

.rowtitle {
 background-color: #AAC1DE;
 color: #FFFFFF;
 text-align: center;
}

.rowodd {
 background-color: #FFFFFF;
 color: #999999;
}

.roweven {
 background-color: #FFFFFF;
 color: #999999;
}

table.display td,
.cell {
 border: 1px solid #999999;
 padding: 2px 6px 2px 6px;
}

span.counter {
 padding: 2px;
}

p.caption {
}

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

p.message {
 text-align: center;
}

/* main */

div.header {
 background-color: #F4F1EC;
 background-image: url('/images/headerbg.jpg');
 background-repeat: no-repeat;
 background-position: top center;
 height: 200px;
 padding: 0px;
 margin: 0px;
}

div.header div.left {
 height: 200px;
 width: 310px;
 padding: 0px;
 margin: 0px;
 float: left;
}

div.header div.right {
 height: 200px;
 width: 177px;
 padding: 0px;
 margin: 0px;
 float: right;
}

div.headerline {
 background-image: url('/images/headerlinebg.gif');
 background-repeat: repeat-x;
 background-position: top left;
 height: 18px;
 padding: 0px;
 margin: 0px;
}

div.page {
 background-color: #FEFEFE;
 background-image: url('/images/pagebg.gif');
 background-repeat: repeat-x;
 background-position: top left;
 padding: 0px;
 margin: 0px;
}

div.sideleft {
 width: 230px;
 float: left;
}

div.sideright {
 width: 224px;
 float: right;
}

div.content {
 padding: 7px 7px 0px 7px;
 margin: 0px 224px 0px 230px;
}

.topspace {
 margin-top: 5px;
}

div.frameleft {
 background-image: url('/images/frameleft.gif');
 background-repeat: no-repeat;
 background-position: top left;
 width: 230px;
}

div.frameleft div.int {
 padding: 7px 13px 14px 7px;
}

div.frameright {
 background-image: url('/images/frameright.gif');
 background-repeat: no-repeat;
 background-position: top right;
 width: 224px;
}

div.frameright div.int {
 padding: 7px 7px 14px 7px;
}

div.framerightu {
 background-image: url('/images/framerightbg.gif');
 background-repeat: repeat-y;
 background-position: top right;
 width: 224px;
}

div.framerightu div.int {
 padding: 7px;
}

div.footer {
 background-image: url('/images/footerbg.jpg');
 background-repeat: repeat-x;
 background-position: top left;
 text-align: center;
 height: 118px;
 padding: 0px;
 margin: 0px;
 clear: both;
}

div.footer * {
 font-size: 8pt;
}

div.train {
 background-image: url('/images/train.jpg');
 background-repeat: no-repeat;
 background-position: top center;
 height: 118px;
 text-align: center;
 padding: 0px;
 margin: 0px;
}

div.footer div.left {
 height: 118px;
 width: 250px;
 padding: 0px;
 margin: 0px;
 float: left;
}

div.footer div.right {
 height: 118px;
 width: 234px;
 padding: 0px;
 margin: 0px;
 float: right;
}

div.footer div.right div.counters {
 text-align: right;
 height: 34px;
 margin: 46px 8px 4px 0px;
}

div.footer div.right div.islogo {
 text-align: right;
 height: 30px;
 margin: 4px 8px 0px 0px;
}

div.footer div.right div.islogo div {
 padding-top: 8px;
 float: left;
}

div.footer div.copyright {
 text-align: center;
 height: 118px;
 padding: 0px 0px 0px 0px;
 margin: 0px 234px 0px 250px;
}

div.footer div.copyright div {
 padding-top: 92px;
}

div.welcomebox {
 background-image: url('/images/frameleftbg.gif');
 background-repeat: repeat-y;
 background-position: top right;
 width: 230px;
}

div.welcome {
 padding: 0px 13px 7px 7px;
}

/* fields and buttons */

.form, .field {
 background-color: #FFFFFF;
 border: 1px solid #999999;
 color: #696969;
}

.form {
 width: 100% !important;
 width: 520px;
 padding: 1px 4px 1px 4px;
 margin: 2px 0px 2px 0px;
}

.field {
 padding: 1px 4px 1px 4px;
 margin: 0px;
}

input.form {
 height: 19px;
}

textarea.form {
 height: 140px;
}

input.field {
 height: 19px;
}

.input {
 background-color: #CCCCCC;
 border: 1px solid #999999;
 color: #999999;
 padding: 1px 4px 1px 4px;
 margin: 2px 0px 2px 0px;
}

.button {
 font-size: 8pt;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;
 cursor: pointer;
}

input.button,
span.button,
a.button span {
 background-color: #AAC1DE;
 border: 1px solid #999999;
 text-align: center;
 height: 19px;
 padding: 2px;
 margin: 2px;
}

span.pagelink {
 background-color: #FFFFFF;
 border: 1px solid #FFFFFF;
 padding: 0px 6px 0px 6px;
 margin: 0px 2px 0px 2px;
}

#currentpage {
 background-color: #CCCCCC;
 border: 1px solid #89B5ED;
 color: #999999;
}

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

/* frames */

div.extframe {
 background-color: #FFFFFF;
 border: 1px solid #999999;
 padding: 8px;
 margin: 0px;
}

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

/* news */

h2.news {
 text-align: left;
 padding: 0px;
 margin: 0px;
}

div.newsline {
 margin-bottom: 4px;
}

.newstitle {
 color: #3972B2;
 font-size: 12pt;
 font-weight: bold;
}

.newsdate {
 color: #3972B2;
 font-size: 10pt;
 font-weight: normal;
}

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

a.news {
 color: #3972B2;
}

/* opinions */

.opinionauthor {
 color: #3972B2;
 font-weight: bold;
}

.opiniondate {
 color: #3972B2;
 font-weight: normal;
}

div.opinion {
 color: #696969;
 font-style: italic;
 text-align: justify;
 padding: 4px 8px 4px 8px;
 margin: 8px 0px 8px 0px;
}

/* questionbook */

.question_user_name, .answer_user_name {
 color: #3972B2;
 font-weight: bold;
}

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

div.question {
 font-style: italic;
}

div.question, div.answer, textarea.answer {
 color: #696969;
 text-align: justify;
 padding: 4px 8px 4px 8px;
 margin: 8px 0px 8px 0px;
}

/* camera */

.camera, .camera * {
 background-color: #E7C8B3;
 color: #3972B2;
}

.camera ul, .camera ol {
 padding: 0px 0px 0px 20px;
 margin: 0px;
}

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

.camera a.selected {
 color: #89B5ED;
}

/* others */

div.view {
 margin-bottom: 4px;
}

div.view a {
 margin-left: 10px;
}

hr {
 background-color: #89B5ED;
 border: none;
 color: #89B5ED;
 height: 1px;
}

/* search */

div.searchbox {
 background-image: url('/images/frameleftbg.gif');
 background-repeat: repeat-y;
 background-position: top right;
 width: 230px;
}

div.search {
 padding: 0px 13px 7px 7px;
}

div.search_line {
 margin: 1.0em 0 1.0em 0;
}

div.search_title {
 font-size: 12pt;
 margin-bottom: 0.5em;
}

div.search_title a {
 text-decoration: underline;
}

div.search_cite {
 text-align: justify;
}

input.searchfield {
 vertical-align: top;
 height: 17px;
 width: 156px;
 padding: 0;
 margin: 0;
}

html:first-child input.searchfield {
 height: 19px;
}

input.searchbutton {
 vertical-align: top;
 height: 19px;
 width: 46px;
 padding: 0;
 margin: 0;
}

/* gallery */

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

.gallery img {
 border-width: 0px;
 cursor: pointer;
}