* {
 font-family: Tahoma;
}

body {
 background: #383F45;
 color: #373B3E;
 padding: 0;
 margin: 0;
}

html, body {
 height: 100%;
}

body, table, textarea {
 font-size: 10pt;
}

h1 {
 font-size: 16pt;
 color: #772A18;
 text-align: center;
 font-weight: normal;
 padding: 0;
 margin: 20px 0 0 0;
}

h2 {
 font-size: 14pt;
 color: #772A18;
 text-align: center;
 font-weight: normal;
}

h3 {
 font-size: 12pt;
 color: #772A18;
 text-align: center;
 font-weight: normal;
}

p {
}

img {
 border-width: 0;
}

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

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

.rowtitle {
 background: #77BBD2;
 font-weight: bold;
 text-align: center;
}

.rowodd {
 background: #C1E1EB;
}

.roweven {
 background: #B4DAE7;
}

table.display td {
 border: 1px solid #373B3E;
 padding: 2px 6px;
 vertical-align: top;
}

a {
 color: #999999;
}

a:hover {
 color: #772A18;
}

.white {
 color: #FFFFFF;
}

span.counter {
 padding: 0 2px;
}

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

span.pagelink a,
span.pagelink span {
 color: #772A18;
 text-decoration: none;
}

#currentpage span {
 font-weight: bold;
}

td.caption {
 color: #373B3E;
 padding: 6px 8px 0 0;
 text-align: right;
 vertical-align: top;
}

font.caption {
 color: #373B3E;
}

p.message {
 color: #373B3E;
 font-weight: bold;
 text-align: center;
}

form {
 display: inline;
}

.form, .field {
 background: #FFFFFF;
 border: 1px solid #4E5358;
}

.form {
 width: 558px;
 padding: 1px 4px;
 margin: 2px 0;
}

select.form {
 width: 568px;
}

form .medium {
 width: 250px;
}

form .short {
 width: 90px;
}

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

input.form {
 height: 19px;
}

textarea.form {
 height: 140px;
}

input.field {
 height: 19px;
}

.button {
 color: #772A18;
 text-decoration: none;
}

td.button,
input.button,
span.button,
a.button span {
 background: #555555;
 border: 1px solid #7C7C7C;
 color: #FFFFFF;
 text-align: center;
 padding: 2px 4px;
}

.input.date {
 width: 64px;
}

.buttonset {
 margin: 0.5em 0;
}

.navigator {
 text-align: right;
 margin: 0.5em 0;
}

td.leftside {
 background: url(/images/pagebg.gif) repeat top right;
 height: 100%;
}

.leftsideline {
 height: 100%;
 width: 15px;
 float: right;
}

td.body {
 width: 1010px;
}

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

td.rightside {
 background: url(/images/pagebg.gif) repeat top left;
 height: 100%;
}

.rightsideline {
 height: 100%;
 width: 15px;
 float: left;
}

table.page {
 background: url(/images/bannerbg.gif) repeat-x top left;
 height: 120px;
}

td.crosssnake {
 width: 173px;
 min-width: 173px;
}

td.building {
 background: url(/images/building.gif) no-repeat top right;
 min-width: 302px;
 padding-left: 25px;
}

/* ---- menu: begin ---- */

#menu {
 background: #652317 url(/images/menubg.gif) repeat-x left top;
 text-align: center;
 font-weight: bold;
 min-height: 30px;
 height: auto !important;
 height: 30px;
 padding: 0;
 margin: 0;
 clear: both;
}

#menu ul {
 list-style: none;
 padding: 0;
 margin: 0 0 0 189px;
}

#menu li {
 background: url(/images/menuright.gif) no-repeat right top;
 min-height: 30px;
 height: auto !important;
 height: 30px;
 padding: 0;
 margin: 0 1px 0 0;
 float: left;
}

#menu li.selected {
 background: url(/images/menuright2.gif) no-repeat right top;
}

#menu li a {
 background: url(/images/menuleft.gif) no-repeat left top;
 color: #FFFFFF;
 font-size: 14px;
 text-decoration: none;
 padding: 6px 17px;
 display: block;
}

#menu li.selected a {
 background: url(/images/menuleft2.gif) no-repeat left top;
 color: #772A18;
}

#menu li a:hover,
#menu li.selected a:hover {
 color: #CFE8EF;
}

/* ---- menu: end ---- */

.submenu {
}

.submenu div {
 margin-bottom: 8px;
 clear: both;
}

.submenu div a {
 color: #000000;
 text-decoration: none;
 display: block;
}

.submenu div a img {
 float: right;
}

.submenu div a img.arrow {
 margin: 5px 5px 0 0;
 float: left;
}

.submenu div a span {
 display: block;
 padding-left: 16px;
}

.submenu div.selected a {
 color: #772A18;
}

.submenu div a:hover,
.submenu div.selected a:hover {
 color: #772A18;
 text-decoration: underline;
}

td.sidemenu {
 background: #CFE8EF url(/images/sidemenubg.gif) repeat top left;
 width: 189px;
 min-width: 189px;
}

div.sidemenu {
 padding: 9px;
}

td.content {
 background: #F1F1F1;
 padding: 9px 24px;
}

div.footer {
 background: #383F45 url(/images/footer.gif) repeat-x top left;
 color: #FFFFFF;
 font-size: 8pt;
 height: 40px;
 clear: both;
}

div.footer div.left {
 width: 220px;
 padding-top: 12px;
 margin-left: 10px;
 float: left;
}

div.footer div.right {
 width: 90px;
 text-align: right;
 padding-top: 4px;
 margin-right: 10px;
 float: right;
}

div.footer div.center {
 text-align: center;
 padding-top: 4px;
 margin-left: 240px;
 margin-right: 240px;
}

div.spacer {
 margin-top: 7px;
}

/* frame */

.frame {
 background: url(/images/framebg.gif) repeat-y top left;
 width: 170px;
}

.frametop {
 background: url(/images/frametop.gif) no-repeat top left;
 width: 170px;
 min-height: 62px;
}

.framebox {
 width: 138px;
 padding: 8px;
}

.frametitle {
 color: #772A18;
 font-size: 14px;
 font-weight: bold;
 text-align: left;
 margin-bottom: 12px;
}

.frametitle img {
 height: 11px;
 width: 11px;
 margin: 0 8px 0 5px;
}

.framecontent {
 color: #FCFDFD;
 text-align: center;
}

.framebottom {
 background: url(/images/framebottom.gif) no-repeat bottom left;
 width: 170px;
 height: 12px;
}

/* welcome */

.welcome .tools a {
 display: block;
 margin: 0.25em 0;
}

/* search */

div.searchbox {
 background: url(/images/search.gif) no-repeat center center;
 height: 50px;
 width: 170px;
 padding: 0;
 margin: 0;
}

div.search_line {
 margin: 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;
}

/* frame phone */

.framephone {
 background: url(/images/framebg.gif) repeat-y top left;
 width: 170px;
}

.framephonetop {
 background: url(/images/frametopphone.gif) no-repeat top left;
 width: 170px;
 min-height: 62px;
}

.framephonetopint {
 color: #FFFFFF;
 font-size: 11pt;
 font-weight: bold;
 text-align: center;
 padding-top: 42px;
}

.framephonebottom {
 background: url(/images/framebottom.gif) no-repeat bottom left;
 width: 170px;
 height: 12px;
}

/* news */

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

.mainbox {
 min-height: 91px;
 height: auto !important;
 height: 91px;
 margin-left: 100px;
}

.detailbox {
 text-align: right;
}

div.newsframe {
 background: url(/images/newsframe.gif) no-repeat center center;
 height: 91px;
 width: 90px;
 padding: 0;
 margin: 0;
}

div.newsframeint {
 height: 80px;
 width: 80px;
 padding: 4px 6px 7px 4px;
 margin: 0;
}

.newsline {
}

.newsdate {
 color: #373B3E;
 font-weight: bold;
}

.newstitle {
 color: #772A18;
 font-weight: bold;
}

/* frame */

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

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

/* questionbook */

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

.questionline img,
.answerline img {
 position: relative;
 top: 2px;
}

.question_date,
.answer_date {
 color: #373B3E;
 font-weight: bold;
}

.question_user_name,
.answer_user_name {
 color: #772A18;
 font-weight: bold;
}

.question {
 background: #DDE5E8;
}

.answer {
 background: #CFE8EF;
}

/* opinions */

.opinionline {
 margin: 4px 0;
}

.opinionline img {
 position: relative;
 top: 2px;
}

.opiniondate {
 color: #373B3E;
 font-weight: bold;
}

.opinionauthor {
 color: #772A18;
 font-weight: bold;
}

/* vacancy */

.vacancyline {
 margin: 4px 0;
}

.vacancydate {
 color: #373B3E;
 font-weight: bold;
}

.vacancyappointment {
 color: #772A18;
 font-weight: bold;
}

.vacancy {
 background: #DDE5E8;
}

/* others */

hr {
 background: #373B3E;
 border: none;
 color: #373B3E;
 height: 1px;
}

hr.short {
 width: 100px;
}

div#creepingline {
 background: #A0D1E1;
}

div#creepingline marquee {
 color: #373B3E;
 font-size: 10pt;
 height: 18px;
}

/* gallery */

.gallery .caption {
 display: block;
 text-align: center;
 margin-top: 0.75em;
}

/* form */

.form_line {
 padding: 3pt 0 6pt 0;
}

h2.form_question {
 font-size: 10pt;
 color: #373B3E;
 text-align: left;
 font-weight: bold;
 padding: 0 0 2px 0;
 margin: 0;
}

.form_answer {
 padding: 2px 0;
}

.form_answer * {
 line-height: 10pt;
 vertical-align: middle;
}

/* schedule */

.schedule td.time {
 text-align: center;
}

.schedule span.grey {
 color: #808080;
}