@charset "UTF-8";

html, body, a, p, div, table, tr, td, img, ol, li, h1, h2, h3, h4, h5 { font-family: Arial; font-size: 10pt; margin: 0; padding: 0; border: none; }
a:active { color: #000000; }
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { text-decoration: none; }

body { background-color: #063C78; }
.body-content { width: 1024px; margin-left: auto; margin-right: auto; background-color: #E6E6E6; }
.body-content-admin { width: 100%; margin-left: auto; margin-right: auto; background-color: #E6E6E6; }

p { margin-bottom: 1em; line-height: 1.2em; text-align: justify; }
p img { padding: 0 3px; }
div { text-align: justify; }
table { border-collapse: collapse; empty-cells: show; }
td { vertical-align: top; }
fieldset { padding: 5px 5px 10px 5px; margin-bottom: 10px; }
legend { margin-bottom: 5px; }
ul, li { margin-bottom: 7px; }
ul.nobullet { margin-top: 20px; list-style: none; }
ul.nobullet li { margin-bottom: 1em; }
h1 { line-height: 1.5em; font-size: 1.3em; font-weight: bold; }
h2 { line-height: 1.5em; font-size: 1.2em; font-weight: bold; margin-top: 1em; }
h3 { line-height: 1.5em; font-size: 1.1em; font-weight: bold; }
h4 { line-height: 1.5em; font-size: 1em; font-weight: bold; margin-top: 1em; }
h5 { line-height: 1.5em; font-size: 1em; font-weight: bold; margin-top: 1em; }

/*.main-table { width: 100%; border-bottom: solid 1px #111111; border-right: solid 1px #111111; }*/
.main-table { width: 100%; }
.top-menu { height: 38px; background-image: url(../i/back_main_menu.png); background-repeat: repeat-x; }
.footer { padding: 0 30px 5px 30px; height: 31px; vertical-align: middle; }
.bottom-line { height: 40px; background-image: url(../i/line_bottom_2.png); }
.col-left { background-image: url(../i/col_left.png); background-position: left; background-repeat: repeat-y; width: 261px; }
.col-left-header { margin: 0; padding: 0 10px; }
.main-articles { height: 103px; vertical-align: middle; padding-left: 8px; }
.main-articles table td a { font-size: 0.85em; font-weight: bold; }
.main-arts-1 { vertical-align: middle; padding-left: 10px; background-color: #CCCCCC; }
.main-arts-2 { vertical-align: middle; padding-left: 10px; background-color: #C0C0C0; }
.main-arts-3 { background-color: #C0C0C0; padding: 0 5px; width: 1%; }
.main-arts-4 { background-color: #999999; padding: 0 5px; width: 1%; }
.main-arts-rowspace { height: 4px; }
.back_gallery_1 { background-image: url(../i/gallery_02.png); width: 443px; text-align: center; }
.back_gallery_1 div { text-align: left; font-style: italic; font-size: 0.85em; font-weight: bold; padding: 4px 0; }
.back_gallery_2 { background-image: url(../i/gallery_04.png); }
.news_0 { background-image: url(../i/news_01.png); background-repeat: no-repeat; background-position: left; width: 261px; height: 13px; color: #000000; font-weight: bold; font-style: italic; }
.news_0 div { padding: 3px 0 0 13px; }
.news_1 { background-image: url(../i/news_02.png); background-repeat: repeat-y; background-position: left; width: 261px; }
.news_1 table { width: 261px; }
.news_2 { background-image: url(../i/news_03.png); width: 213px; height: 96px; background-repeat: repeat-x; background-position: bottom; vertical-align: top; padding: 0 0 25px 13px; }
.news_3 { background-image: url(../i/news_07.png); background-repeat: repeat-y; background-position: left; width: 261px; }
.news_3 #new_arts_title { padding: 3px 0 0 13px; color: #000000; font-weight: bold; font-style: italic; }
.news_3 table { width: 261px; }
.news_4 { background-image: url(../i/news_08.png); width: 213px; height: 106px; background-repeat: repeat-x; background-position: bottom; vertical-align: top; padding: 0 0 20px 13px; }
.news_5 { vertical-align: bottom; width: 41px; }
.news_6 { padding: 2px 41px 0 13px; }
.notice { background-image: url(../i/main_arts_bottom.png); background-repeat: repeat-x; background-position: bottom; padding: 5px 10px 23px 10px; }

#menu { padding: 0; margin: 0; list-style: none; height: 38px; z-index: 500; position: relative; }
#menu li { float: left; margin: 0; width: auto; }
#menu li a { display: block; float: left; height: 38px; line-height: 38px; background-image: url(../i/back_main_menu.png); background-repeat: repeat-x; text-decoration: none; padding: 0 8px; font-size: 0.85em; font-weight: bold; width: auto; }
#menu li a:hover { z-index: 200; position: relative; color: #FFFFFF; background: #777777; }
#menu li:hover { position: relative; z-index: 200; }
#menu li.current a { text-decoration: underline; }
#menu li.current a:hover { color: #FFFFFF; background: #777777; }
#menu li.current :hover { color: #FFFFFF; background: #777777; }
#menu :hover ul { left: 0; top: 38px; width: 200px; background: #BBBBBB; }
#menu ul, #menu :hover ul ul { position: absolute; left: -9999px; top: -9999px; width: 0; height: 0; margin: 0; padding: 0; list-style: none; }
#menu :hover ul li { margin: 0; border-top: 1px solid #666666; text-align: left; }
#menu :hover ul li a { width: 200px; background: #BBBBBB; line-height: normal; height: auto; padding: 10px; }
#menu :hover ul :hover { background-color: #777777; color: #FFFFFF; }
#menu li.current ul li a { text-decoration: none; }

.main-menu { padding: 0 5px; float: left; }
.main-menu td { vertical-align: middle; }
.main-menu td a { height: 38px; line-height: 38px; background-image: url(../i/back_main_menu.png); background-repeat: repeat-x; padding: 12px 8px; font-size: 0.85em; font-weight: bold; }
.main-menu td:hover { background: #777777; }
.main-menu td:hover a { color: #FFFFFF; background: #777777; }
.left-menu { padding: 20px 25px 20px 20px; text-align: left; }
.left-menu td { padding-bottom: 7px; }
.left-menu td a { color: #FFFFFF; }

.m1 { text-decoration: none; }
.m2 { text-decoration: underline; }
.m2:hover { text-decoration: underline; }
.m3 a { text-decoration: none; }
.m3 a:hover { color: #000000; }
.m4 a { text-decoration: underline; }
.m4 a:hover { color: #000000; }
.m5 { padding-left: 1em; }
.m5 a { color: #3E474E; text-decoration: none; }
.m5 a:hover { color: #000000; }
.m6 { padding-left: 1em; }
.m6 a { color: Red; }

.path { text-align: left; padding: 0 0 10px 0; }
.path span { font-size: 0.85em; }
.path a { text-decoration: underline; font-size: 0.85em; white-space: nowrap; }
.path a:hover { text-decoration: none; }

.lng { float: right; }
.lng td { text-align: left; height: 38px; vertical-align: middle; padding: 0 5px; }
.lng td img { vertical-align: middle; }
.lng td span { font-size: 0.85em; padding: 0 5px 0 0; text-decoration: underline; font-weight: bold; cursor: pointer; }
.lng td span:hover { text-decoration: none; }
.lng td a { font-size: 0.85em; padding: 0 5px 0 0; text-decoration: none; cursor: pointer; }
.lng td a:hover { text-decoration: none; }

#langList { padding: 0; margin: 0; list-style: none; z-index: 500; }
#langList li { margin: 0; width: auto; }
#langList li a { display: block; height: 38px; line-height: 38px; background-image: url(../i/back_main_menu.png); background-repeat: repeat-x; text-decoration: none; padding: 0 8px; font-size: 0.85em; font-weight: bold; width: auto; }
#langList li a:hover { z-index: 200; position: relative; color: #FFFFFF; background: #777777; }
#langList li:hover { position: relative; z-index: 200; }
#langList li.current a { text-decoration: underline; }
#langList li.current a:hover { color: #FFFFFF; background: #777777; }
#langList li.current :hover { color: #FFFFFF; background: #777777; }

.news-block { text-align: left; font-size: 0.85em; color: #FFFFFF; font-weight: bold; }
.news-block p { text-align: left; margin: 0; font-size: 0.85em; }
.news-block a { font-style: italic; font-size: 0.85em; }
.news-title { text-align: left; padding-bottom: 5px; padding-top: 15px; }
.news-link { padding-top: 5px; }

.content { padding: 5px 10px; }
.content-header { margin: 5px 0; }

.table-filters { empty-cells: show; }
.table-filters td { padding: 5px; vertical-align: bottom; }
.table-filters td img { margin: 0 0 2px 3px; vertical-align: bottom; cursor: pointer; }

.table-list { width: 100%; empty-cells: show; }
.table-list td { padding: 4px; vertical-align: middle; text-align: left; }
.table-list td p { text-align: left; }
.table-list-head { background-color: #B0B0B0; }
.table-list-head th { padding: 4px; text-align: center; }
.table-list-head th a { white-space: normal; }
.table-list-row td { white-space: normal; }
.table-list-altrow td { background-color: #CACACA; }

.table-form { empty-cells: hide; width: 100%; }
.table-form td { padding: 4px; }
.table-form td img { margin: 0 0 2px 3px; vertical-align: bottom; cursor: pointer; }
.table-form td label { float: right; font-weight: bold; text-align: right; width: auto; }
.table-form td input { width: 300px; vertical-align: bottom; }
.table-form td span input { width: auto; }
.table-form td span label { float: none; font-weight: normal; text-align: left; width: auto; }

.form_link_button { font-size: smaller; font-weight: bold; text-decoration: none; }
.form_link_button:hover { font-size: smaller; font-weight: bold; text-decoration: underline; }
.form_link_button a:hover { text-decoration: underline; }

.article-text { text-align: justify; }
.article-text ul { margin: 0 2em; }
.article-image { float: right; margin: 0 0 1em 1em; width: auto; }
.article-file-comment { color: #0e0e0e; }

.anno { text-indent: 0px; font-weight: bold; font-style: italic; padding-left: 159px; }
.anno p { text-indent: 0px; text-align: left; }

.waterlog-container { }
.waterlog-container div { text-align: center; }
.waterlog-list { width: auto; empty-cells: show; border: solid 1px black; }
.waterlog-list td { padding: 4px; vertical-align: middle; text-align: center; }
.waterlog-list-head { background-color: #B0B0B0; }
.waterlog-list-head th { padding: 4px; text-align: center; }
.waterlog-list-row td { white-space: nowrap; }
.waterlog-list-altrow td { background-color: #CACACA; }

.guestbook-list { width: 100%; empty-cells: show; }
.guestbook-list-row { white-space: normal; background-color: #CACACA; }
.guestbook-list-altrow { background-color: #E6E6E6; }
.guestbook-userinfo { text-align: left; width: 200px; padding: 10px 15px 2px 4px; }
.guestbook-text { text-align: left; padding: 10px 4px 7px 0; }
.guestbook-answer { text-align: left; padding: 0px 4px 10px 0; color: #AA0000; }
.guestbook-date { text-align: right; padding: 0px 4px 7px 0; }

.captcha td { padding: 0 4px 4px 0; margin: 0; border: 0; text-align: left; vertical-align: middle; }

.thumb { max-width: 100px; max-height: 100px; }
.thumb img { border-color: #FF8040; border-style: ridge; border-width: 4px; filter: ALPHA(OPACITY=100,FINISHOPACITY=1,STYLE=2); }
.thumb:hover img { border-color: WHITE; border-style: ridge; border-width: 4px; filter: ALPHA(OPACITY=100,FINISHOPACITY=80,STYLE=2); }

.modalPopup { background-color: #ffffdd; border-width: 3px; border-style: solid; border-color: Gray; padding: 10px; width: 642px; }
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }

.legend { }
.legend caption { text-align: left; padding: 10px 0 0 5px; }
.legend td { vertical-align: middle; padding: 0 5px; }
.legend td div { width: 100px; height:2px; font-size: 1px; position: relative; border: solid 1px black; }

.reserveInfo { font-size: x-small; }
.reserveInfoHead { font-size: x-small; font-weight: bold; font-style: italic; }

.PagerContainerTable { width: 100%; background-color: #CACACA; }
.PagerInfoCell { width: 100%; padding: 1px 20px 1px 2px; white-space: nowrap; font-weight: bold; }
.PagerInfoCell:link { text-decoration: none; }
.PagerInfoCell:visited { text-decoration: none; }
.PagerCurrentPageCell { color: #FFFFFF; background-color: #999999; cursor: default; vertical-align: middle; }
.PagerOtherPageCells { cursor: pointer; vertical-align: middle; white-space: nowrap; }
.PagerOtherPageCells:hover { background-color: #777777; }
.PagerSSCCells { background-color: #AAAAAA; vertical-align: middle; }
.PagerSSCCells:hover { background-color: #777777; }
.PagerHyperlinkStyle { vertical-align: middle; padding: 5px; text-align: center; white-space: nowrap; }
.PagerHyperlinkStyle:hover { text-decoration: none; }
.PagerHyperlinkStyle:link { text-decoration: none; }
.PagerHyperlinkStyle:visited { text-decoration: none; }
.PagerHyperlinkStyle:active { text-decoration: none; }
.GoToLabel { color: #333333; cursor: pointer; font-size: 85%; vertical-align: middle; display: inline; white-space: nowrap; }
.GoToSelect { font-size: 75%; }
.GoToSelectedOption { color: #F9F9F9; background-color: #666666; }
.GoToArrow { vertical-align: middle; cursor: pointer; }

.ajax__calendar_container TD {padding:0px;margin:0px;}
.ajax__calendar_title {cursor:pointer;font-weight:bold; margin-left:15px; margin-right:15px;text-align:center;font-size:11px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;text-align:center;font-size:11px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;font-size:11px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;font-size:11px;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;font-size:11px;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;font-size:11px;}

.Msg404 { font: 8pt/12pt verdana; }
.Msg404 li { font: 8pt/12pt verdana; }
.Msg404 p { font: 8pt/12pt verdana; padding: 5px 0; }
.Msg404 h1 { font: 13pt/15pt verdana; padding: 10px 0; }
.Msg404 h2 { font: 8pt/12pt verdana; }
.Msg404 a { font: 8pt/12pt verdana; }
.Msg404 a:link { color:red; }
.Msg404 a:visited { color:maroon; }

.dialogLoader { display: none; padding: 10px 8px; }
.dialogLoader img { border-style: none; }