/************** Standard components **************/

.content A { text-decoration: underline; } 
.content TABLE { width: 100%; }
.content TABLE TH { line-height: normal; padding: 4px 10px 5px 10px; background: #dcdcdc url(bg13.gif) 0 100% repeat-x; font-weight: bold; font-size: 12px; }
.content TABLE TD { line-height: normal; border-bottom: #eee; padding: 4px 10px 5px 10px; background: #fff url(bg14.gif) 0 100% repeat-x; font-size: 12px; }
.content TABLE TD.ico { padding: 2px 0 2px 5px; }
.content TABLE TR.even TD { background: #f5f5f5 url(bg14.gif) 0 100% repeat-x; }
.content TABLE A { text-decoration: none; }
.content TABLE A:hover { text-decoration: underline; }
.content UL { padding: 0 0 0 20px; margin: 1em 0 0 0; list-style: none; }
.content UL LI { background: url(dot02.gif) 0 6px no-repeat; padding: 0 0 0 12px; }

/* Form */

TABLE.form {}
TABLE.form TH { line-height: normal; width: 30%; padding: 5px 5px 5px 10px; border: solid #eee; border-width: 1px 0; background: none; text-align: right; font-weight: normal; }
TABLE.form TD { line-height: normal; width: 70%; padding: 1px 10px 1px 5px; border: solid #eee; border-width: 1px 0; background: none; }
TABLE.form TD.data { padding: 5px 10px; font-weight: normal; }
TABLE.form IMG,
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }
TABLE.form .max { width: 310px; }
TABLE.form .default { width: 210px; }
TABLE.form .min { width: 60px; }
TABLE.form INPUT.max,
TABLE.form TEXTAREA.max { width: 304px; }
TABLE.form INPUT.default,
TABLE.form TEXTAREA.default { width: 204px; }
TABLE.form INPUT.min,
TABLE.form TEXTAREA.min { width: 54px; }
TABLE.form TH.subheading { text-align: center; color: #00553e; padding: 20px 10px 5px 10px; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
TABLE.form A { color: #777; text-decoration: underline; }
TABLE.form A:hover { color: #e40000; }

TABLE.form INPUT[type="radio"],
TABLE.form INPUT[type="checkbox"] { vertical-align: baseline; }
*:first-child+HTML TABLE.form INPUT[type="radio"],
*:first-child+HTML TABLE.form INPUT[type="checkbox"] { vertical-align: baseline; margin-top: -1px; }

/* Action buttons */

P.actions { line-height: normal; }
P.actions BUTTON,
P.actions INPUT { float: left; margin: 0 5px 0 0; padding: 2px 15px; border: 1px solid #044793; font-weight: bold; overflow: visible; cursor: pointer; background: #044793 url(bg15.gif) 0 100% repeat-x; color: #fff; }

/* Messages */

P.msg-error { border: 2px solid #e40000; color: #e40000; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-ok { border: 2px solid #4ca82e; color: #4ca82e; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-info { border: 2px solid #dad4a6; color: #807f48; padding: 8px 12px; background: #fdfbe2; line-height: normal; text-align: center; }
P.msg-info A { color: #807f48; text-decoration: underline; }

tr.error th { color: red; }

/* Gallery */

TABLE.galleries { width: 1%; }
TABLE.galleries TD { border: 5px solid #fff !important; text-align: center; padding: 0 !important; font-size: 1px; background: none; vertical-align: top; }
TABLE.galleries TD.folder { font-weight: bold; }
TABLE.galleries A { display: block; border: 1px solid #dcdcdc; padding: 2px; text-decoration: none; }
TABLE.galleries A IMG { opacity: 0.90; filter: alpha(opacity=90); }
TABLE.galleries A:hover { border-color: #aaa; text-decoration: none; }
TABLE.galleries A:hover SPAN.txt { background: #dcdcdc; }
TABLE.galleries A:hover IMG { opacity: 1; filter: alpha(opacity=100);}
TABLE.galleries SPAN.txt { display: block; padding: 4px 10px; background: #f7f7f7; font-size: 11px; margin-top: 1px; }
TABLE.galleries SPAN.info { display: block; font-weight: normal; }

/* News */

UL.news { margin: 1em 0 0 0; padding: 0; line-height: 16px; list-style: none; border-bottom: 1px dotted #e5e4ec; }
UL.news LI { padding: 0; margin: 0; display: inline; background: none; }
UL.news A { text-decoration: none; }
UL.news A:hover { text-decoration: underline; }
UL.news P { margin: 0; padding: 0; }
UL.news P.heading { font-weight: bold; padding: 3px 0; border-top: 1px dotted #e5e4ec; }
UL.news P.lead { margin: 0; padding: 0 0 7px 5.8em; }
UL.news SPAN.date { color: #555; font-weight: normal; margin: 0 5px 0 0; }

/* Pagination */

UL.pages { margin: 1em 0 0 0; padding: 2px; background: #f7f7f7; line-height: normal; }
UL.pages LI { float: left; background: none; padding: 0; margin: 0; }
UL.pages LI.label { padding: 2px 5px 2px 10px; }
UL.pages LI A { float: left; text-decoration: none; padding: 2px 5px; background: url(bg09.gif) -20px -100px no-repeat; }
UL.pages LI A:hover { color: #fff; background-position: -20px 50%; }
UL.pages LI A.active { color: #fff; background-position: -20px 50%; }
UL.pages LI.nextprev { float: right; }
UL.pages LI.nextprev A { padding: 2px 8px; border-left: 1px solid #fff; }

/* Forum */

DL.thread { padding: 0; margin: 1em 0 0 0; }
DL.thread DT { padding: 5px 10px; background: #eee; line-height: normal; }
DL.thread DD { padding: 0 10px 10px 10px; margin: 0 !important; }
DL.thread DD P { margin: 7px 0 0 0; }

DIV.addcomment { background: #f7f7f7; padding: 10px; margin: 1em 0 0 0; line-height: normal; }
DIV.addcomment TEXTAREA { border: 1px solid; border-color: #aaa #ddd #ddd #aaa; width: 320px; height: 90px; padding: 4px; color: #000; margin: 5px 0 0 0; }
DIV.addcomment P.desc { font-size: 9px; margin: 0; padding: 1px 0; }
DIV.addcomment DIV.comment-props { float: left; width: 175px; margin: 0 10px 0 0; }
DIV.addcomment DIV.comment-props INPUT.default { padding: 2px 4px; border: 1px solid; border-color: #aaa #ddd #ddd #aaa; width: 165px; margin: 3px 0 0 0; }
DIV.addcomment DIV.comment-props LABEL { display: block; margin: 5px 0 0 0; }
DIV.addcomment DIV.comment-field { float: left; width: 330px; overflow: hidden; }

P.backlink { border: dotted #ddd; border-width: 1px 0; margin: 1em 0 0 0; padding: 3px 10px 5px 10px; line-height: normal; font-weight: bold; }
P.backlink A { text-decoration: none; }

/* Sitemap */

#sitemap-tree { font-weight: bold; padding-left: 0; }
#sitemap-tree A { text-decoration: none; }
#sitemap-tree A:hover { text-decoration: underline; }
#sitemap-tree UL { padding: 10px 0 10px 20px !important; margin: 0; font-weight: normal; }

/************** Layout **************/

BODY, HTML { background: #dcdcdc; text-align: center; }
BODY { padding: 7px 0 10px 0; }

UL { padding: 0; margin: 0; list-style: none; }

#box01 { width: 970px; background: #fff url(bg01.gif) no-repeat; margin: auto; }
#box02 { background: url(bg01.gif) -970px 100% no-repeat; padding: 10px; text-align: left; }

#footer { width: 970px; margin: 0 auto; padding: 10px 0 0 0; color: #898989; }
#footer A { color: #898989; text-decoration: underline; }

#siteheader { width: 950px; margin: auto; padding: 0 0 5px 0; }

#langselect { float: left; }
#langselect LI { float: left; padding: 2px 0 0 7px; }
#langselect A { color: #676767; }
#langselect A.active { color: #0048a1; font-weight: bold; }

#search { float: right; padding: 0; }
#search INPUT { float: left;  }
#search INPUT.default { border: 1px solid #bcbcbc; padding: 1px 4px 2px 4px; width: 125px; margin: 0 3px 0 0; }
#search SPAN.btn { float: left; background: url(bg02.gif) no-repeat; }
#search SPAN.btn SPAN { float: left; background: url(bg02.gif) 100% 0 no-repeat; }
#search SPAN.btn INPUT { border: none; background: transparent; color: #fff; text-transform: uppercase; padding: 2px 14px 1px 14px; overflow: visible; cursor: pointer; }

#sitemap { margin: 0; float: right; padding: 2px 20px 0 0; }
#sitemap A { float: left; padding: 0 0 0 18px; background: url(ico_sitemap.gif) 0 50% no-repeat; color: #555; }

#header { height: 123px; background: url(photo01.jpg) no-repeat; }
#headerflash { height: 123px; }
#logo { float: left; margin: -123px 0 0 0; padding: 19px 0 0 19px; position: absolute; }

#menu1 { height: 25px; margin: -22px 0 0 0; background: url(bg03.gif) 0 100% repeat-x; padding: 0 0 0 186px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; overflow: hidden; line-height: 14px; }
#menu1 LI.i1 { z-index: 5; }
#menu1 LI.i2 { z-index: 4; }
#menu1 LI.i3 { z-index: 3; }
#menu1 LI.i4 { z-index: 2; }
#menu1 LI.i5 { z-index: 1; }
#menu1 LI { float: left; margin: 0 -7px 0 0; position: relative; }
#menu1 LI A { float: left; color: #f2f7e9; cursor: pointer; position: relative; }
#menu1 LI A SPAN.a { float: left; background: url(bg06.png) no-repeat; padding: 6px 2px 6px 15px; cursor: pointer; }
#menu1 LI A SPAN.b { float: left; background: url(bg07.png) no-repeat; width: 20px; height: 25px; cursor: pointer; }
#menu1 LI.active { z-index: 6; }
#menu1 LI.active A { color: #262626; }
#menu1 LI.active A SPAN.a { background: url(bg04.png) no-repeat; padding: 8px 2px 3px 15px; }
#menu1 LI.active A SPAN.b { background: url(bg05.png) no-repeat; }

* HTML #menu1 LI A SPAN.a { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg06.png', sizingMethod='crop'); background: none; }
* HTML #menu1 LI A SPAN.b { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg07.png', sizingMethod='crop'); background: none; }
* HTML #menu1 LI.active A SPAN.a { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg04.png', sizingMethod='crop'); background: none; }
* HTML #menu1 LI.active A SPAN.b { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg05.png', sizingMethod='crop'); background: none; }

.col { float: left; min-height: 1px; overflow: hidden; }
.col01 { width: 745px; margin-right: 20px; }
.col02 { width: 185px; padding-top: 17px; }
.col03 { width: 185px; float: right; }
.col04 { width: 540px; float: right; margin-left: 20px; }

#path { color: #898989; margin: 0; padding: 8px; }
#path A { color: #1f422c; text-decoration: underline; }

#menu2 { background: #f7f7f7 url(bg08.gif) 0 100% no-repeat; }
#menu2 LI { display: inline; }
#menu2 LI DIV { background: url(bg09.gif) no-repeat; height: 20px; overflow: hidden; padding: 0 10px 0 20px; margin: 0 0 2px 0; }
#menu2 LI DIV.closed { background-position: 0 -20px; }
#menu2 LI DIV DIV { background: none; padding: 3px 0; font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; }
#menu2 LI DIV A { color: #fff; }
#menu2 P { padding: 5px 8px; line-height: 18px; margin: 0; color: #b7b7b7; }
#menu2 P A { color: #1f422c; }
#menu2 P A.active { font-weight: bold; }

DIV.block01 { background: url(bg10.gif) repeat-y; margin: 10px 0 0 0; }
DIV.block01 DIV.a { background: url(bg10.gif) -185px 0 no-repeat; }
DIV.block01 DIV.b { background: url(bg10.gif) -370px 100% no-repeat; padding: 2px 8px 8px 8px; }
DIV.block01 H2 { color: #00553e; margin: 0; font-weight: 14px; padding: 6px 0 0 0; }
DIV.block01 DIV.webcam { padding: 0; margin: 5px 0 0 0; }
DIV.block01 P { margin: 5px 0 0 0; color: #555; }
DIV.block01 P.actions INPUT { font-weight: normal; padding: 1px 10px; }
DIV.block01 P.actions INPUT.main { font-weight: bold; }

DIV.bar { border: 1px solid #ddd; margin: 5px 0 0 0; padding: 1px; background: #fafafa; }
DIV.bar DIV { height: 7px; overflow: hidden; background: #044793 url(bg15.gif) 50% repeat-x; }

TABLE.poll { margin: 5px 0 0 0; width: 100%; }
TABLE.poll TD { padding: 1px 0; }
TABLE.poll TH { padding: 5px 0 5px 5px; font-weight: normal; width: 100%; }

UL.weather { margin: 5px 0 0 0; width: 100%; height: 21px; overflow: hidden; font-weight: bold; }
UL.weather LI { float: left; height: 21px; border-right: 1px solid #cdcaae; }
UL.weather LI SPAN { float: left; padding: 4px 0 0 0; }
UL.weather LI IMG { float: left; }
UL.weather LI.temp { padding: 0 5px 0 0; }
UL.weather LI.sky { padding: 0 5px; }
UL.weather LI.wind { border: none; }
UL.weather LI.wind IMG { margin-right: 5px; }

UL.front-news LI.clear { margin: 6px 0 0 0; border-top: 1px dotted #8e8e8e; }
UL.front-news LI.clear DIV.date { float: left; width: 31px; margin-right: 7px; background: url(bg11.gif) 0 6px no-repeat; text-align: center; line-height: 11px; padding: 6px 0 10px 0; }
UL.front-news LI.clear DIV.date P.day { margin: 0; padding: 10px 0 0 0; font-weight: bold; color: #9e0b0f; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
UL.front-news LI.clear DIV.date P.month { font-size: 9px; margin: 0; }
UL.front-news LI.clear DIV.text { float: left; width: 131px; }
UL.front-news A { color: #555; text-decoration: none; }
UL.front-news A:hover { text-decoration: underline; }
UL.front-news UL LI { background: url(dot01.gif) 0 10px no-repeat; padding: 6px 0 0 10px; }

UL.front-news2 { padding: 0; margin: .5em 0 -.5em 0; }
UL.front-news2 LI { display: inline; padding: 0; margin: 0; background: none; }
UL.front-news2 DIV.clear { padding: 0 0 10px 0; }
UL.front-news2 DIV.img { float: left; width: 95px; margin-right: 10px; }
UL.front-news2 DIV.txt { float: left; width: 435px; }
UL.front-news2 P.heading { font-size: 14px; font-weight: bold; color: #9e0b0f; margin: 0; padding: 6px 0; font-family: Arial, Helvetica, sans-serif; background: url(bg13.gif) repeat-x; }
UL.front-news2 P.heading A { color: #9e0b0f; text-decoration: none; }
UL.front-news2 P.heading A:hover { text-decoration: underline; }
UL.front-news2 P.date { color: #555; font-weight: bold; margin: 0; }
UL.front-news2 P.lead { margin: 0; }

UL.front-news3 { margin: .5em 0 0 0; padding: .5em 0 0 0; background: url(bg13.gif) repeat-x; }
UL.front-news3 LI { display: inline; padding: 0; margin: 0; background: none; color: #555; }
UL.front-news3 P { margin: 3px 0 0 0; padding: 0; }
UL.front-news3 P SPAN.date { float: left; width: 72px; }
UL.front-news3 P SPAN.heading { float: left; width: 468px; font-weight: bold; }
UL.front-news3 A { text-decoration: none; }
UL.front-news3 A:hover { text-decoration: underline; }

P.viewall  { margin: 6px 0 0 0; line-height: 14px; }
P.viewall A { float: right; margin: 0 0 0 2px; background: url(bg12.gif) no-repeat; color: #fff; }
P.viewall A SPAN { float: left; background: url(bg12.gif) 100% 0 no-repeat; padding: 0px 8px 2px 14px; cursor: pointer; }
P.viewall A:hover { background-position: 0 -25px; text-decoration: none; }
P.viewall A:hover SPAN { background-position: 100% -25px; }

DIV.banner01 { padding: 6px 0 0 0; }

P.archivelink { float: right; margin: -1.6em 0 0 0; }
P.archivelink A { color: #00553e; float: left; background: url(dot01.gif) 0 50% no-repeat; padding: 0 0 0 10px; text-decoration: none; }
P.archivelink A:hover { text-decoration: underline; }

#print { float: right; margin: 0; }
#print A { float: left; padding: 0 0 0 20px; color: #999; text-decoration: none; background: url(ico_print.gif) 0 50% no-repeat; }
#print A:hover { text-decoration: underline; }

DIV.calendar2-heading { background: #4db330; font-weight: bold; color: #fff; border: solid #fff; border-width: 1px 1px 0 1px; margin: 6px 0 0 0; padding: 1px; }
DIV.calendar2-heading DIV { padding: 2px 5px 3px 5px; text-align: center; }
DIV.calendar2-heading A { padding: 2px 7px 3px 7px; background: #399220; color: #ffd51d; }
DIV.calendar2-heading A:hover { background: #0048a1; text-decoration: none; }
DIV.calendar2-heading A.left { float: left; }
DIV.calendar2-heading A.right { float: right; }

TABLE.calendar2 { border: solid #fff; border-width: 0 1px 1px 1px; margin: 1px auto auto auto; width: 1%; }
TABLE.calendar2 TH { border: 1px solid #fff; padding: 0; text-align: center; font-size: 10px; font-weight: normal; border-top: none; }
TABLE.calendar2 TD { border: 1px solid #fff; padding: 0; text-align: center; font-size: 10px; }
TABLE.calendar2 A { display: block; padding: 4px 0; color: #777; }
TABLE.calendar2 A:hover { background: #4db330 !important; color: #fff !important; text-decoration: none; }
TABLE.calendar2 TD A { width: 23px; }
TABLE.calendar2 TR.thead TH { padding: 4px 0; color: #fff; font-weight: bold; background: #0048a1; }
TABLE.calendar2 TD { background: #f3f3f3; }
TABLE.calendar2 TR.current TH A { background: #ddd; }
TABLE.calendar2 TR.current TD { background: #ddd; }
TABLE.calendar2 TD.weekend { background: #f7eaea; }
TABLE.calendar2 TD.other A { color: #ddd; }
TABLE.calendar2 TD.today { background: #ffd624 !important; }
TABLE.calendar2 TD.selected { background: #0048a1 !important; }
TABLE.calendar2 TD.selected A { color: #fff; }
TABLE.calendar2 TH.selected A { color: #fff; background: #0048a1 !important; }
TABLE.calendar2 A.hasevent { font-weight: bold; color: #000; }

P.category { float: right; }
P.category SELECT { vertical-align: middle; }

UL.events { padding: 0 0 10px 0; margin: 0; background: url(bg13.gif) 0 100% repeat-x; }
UL.events A { text-decoration: none; }
UL.events A:hover { text-decoration: underline; }
UL.events LI.day { display: inline; padding: 0; margin: 0; background: none; }
UL.events DIV.clear { margin: 10px 0 0 0; background: url(bg13.gif) repeat-x; }
UL.events DIV.date { width: 41px; margin-right: 9px; background: url(bg16.gif) 0 10px no-repeat; padding: 10px 0; text-align: center; line-height: 13px; }
UL.events DIV.date P.day { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #9e0b0f; margin: 0; padding: 15px 0 0 0; font-weight: bold; }
UL.events DIV.date P.month { margin: 0; font-size: 10px; }
UL.events DIV.text { width: 490px; }
UL.events DIV.text UL { padding: 0; margin: 0; }
UL.events DIV.text UL LI { padding-top: 10px; background-position: 0 15px; }
UL.events DIV.text P { margin: 3px 0 0 0; }
UL.events DIV.text P.heading { margin: 0; font-weight: bold; }

TABLE.eventslist TD { padding: 3px 10px 3px 0; background: none; white-space: nowrap; color: #555; }
TABLE.eventslist TH { padding: 3px 0; background: none; width: 100%; }

#menu3 { background: #f7f7f7 url(bg17.gif) no-repeat; font-size: 11px; margin: 0 0 10px 0; }
#menu3 P { margin: 0; background: url(bg17.gif) -540px 100% no-repeat; padding: 5px 10px; line-height: 16px; color: #ddd; }
#menu3 A { color: #1f422c; text-decoration: none; }
#menu3 A:hover { text-decoration: underline; }
#menu3 A.active { font-weight: bold; }
#menu3 SPAN { margin: 0 3px; }